// om-hero-process.jsx // Solutions Page (Commercial Solar Operations & Maintenance) // Hero, Service Overview, Proof Strip, The Service (4 deliverables). // // AUDIENCE — EXISTING SYSTEM OWNERS, not new-install buyers. // CTA is "Book a system inspection" (not "Start your assessment"). // 30-YEAR HORIZON is the page's core narrative axis. // // Mirrors the BESS visual rhythm: // - amber accent token (--om-amber) carries the 30-year story // - "lifecycle ribbon" motif replaces BESS's demand-pulse — a horizontal // 30-year track with inverter replacement and inspection markers // - "All makes" is treated as a competitive proof point, not a footnote. // Page accent — sage green (works on both light and dark surfaces). // Amber is reserved for the single closing-CTA highlight in om-financial-cta. const OM_AMBER = '#5E8F6D'; const OM_AMBER_SOFT = 'rgba(94,143,109,0.18)'; const OM_AMBER_LINE = 'rgba(94,143,109,0.32)'; // ============================================================ // OmHero — Soft Green brand surface (consistent with all Solutions pages). // Right gutter holds a 30-year lifecycle ribbon — the page's core motif. // ============================================================ const OmHero = () =>
; // ============================================================ // OmLifecycleRibbon — full-width SVG — 30-year track with markers // Year 0 (commission) · Year 12–15 (inverter swap) · Year 30 (warranty) // Annual inspection ticks every year. Amber pulse-band over the inverter // replacement zone — the planned event, not a failure. // ============================================================ const OmLifecycleRibbon = () => { const W = 1344, H = 96; const padX = 32, padY = 24; const x0 = padX, x1 = W - padX; const yTrack = H - padY - 14; const yLabel = padY + 6; const span = x1 - x0; // 31 ticks for years 0..30 const ticks = Array.from({ length: 31 }, (_, y) => ({ y, x: x0 + (span * y) / 30 })); const xAt = (y) => x0 + (span * y) / 30; return ( ); }; // ============================================================ // OmServiceOverview — 4 reasons O&M protects performance. // Mirrors the SolBenefits card layout from the Commercial Solar page. // ============================================================ const OmOverviewCard = ({ num, label, statValue, statUnit, title, body }) => { const [hovered, setHovered] = React.useState(false); return (
setHovered(true)} onMouseLeave={() => setHovered(false)} data-gi-resp="audit-benefits-card" style={{ position: 'relative', background: hovered ? '#fff' : '#FBFBF9', padding: '32px 28px 28px', display: 'flex', flexDirection: 'column', minHeight: 340, transition: 'background 220ms var(--gi-ease), transform 260ms var(--gi-ease), box-shadow 260ms var(--gi-ease)', transform: hovered ? 'translate3d(0, -2px, 0)' : 'none', boxShadow: hovered ? '0 24px 56px -22px rgba(15,33,51,0.22), 0 6px 16px -8px rgba(15,33,51,0.10)' : 'none', zIndex: hovered ? 2 : 1 }}> ); }; const OmServiceOverview = () => { const cards = [ { num: '01', statValue: 'Maximize Production', label: 'Performance optimization', title: 'Maintain long-term system output.', body: 'Routine inspections, monitoring, and performance reviews help identify underperforming equipment before production losses compound over time.' }, { num: '02', statValue: 'Reduce Downtime', label: 'Operational reliability', title: 'Resolve issues before failures occur.', body: 'Active monitoring and preventative maintenance improve response time and reduce the likelihood of extended outages or unresolved system faults.' }, { num: '03', statValue: 'Lower Repair Costs', label: 'COST MANAGEMENT', title: 'Avoid major equipment failures.', body: 'Identifying issues early helps reduce emergency service calls, component damage, and long-term repair and replacement costs.' }, { num: '04', statValue: 'Extend Asset Life', label: 'ASSET LONGEVITY', title: 'Protect long-term equipment health.', body: 'Regular servicing and operational oversight help inverters, electrical infrastructure, and monitoring systems operate more reliably over time.' } ]; return (
Solar operations & maintenance

Four reasons operations & maintenance{' '} protects long-term performance.

Commercial energy systems perform best when monitored, maintained, and optimized over time. Operations and maintenance services help facilities protect system performance, reduce downtime, and maximize long-term value.

{cards.map((c) => )}

Green Integrations provides operations and maintenance services for commercial energy systems including monitoring, preventative maintenance, diagnostics, troubleshooting, reporting, and long-term performance optimization.

{/* */}
); }; // ============================================================ // OmTheService — Paper Cream, 4 categories of the O&M program // Operations & Monitoring · Preventative · Corrective · Annual Reporting // Icons replace the big numeral block. // ============================================================ const OmTheService = () => { const items = [ { label: 'Operations & Monitoring', icon: 'gauge', copy: 'Continuous system monitoring, inverter alerts, production tracking, and operational oversight to identify issues early and maintain long-term system performance.', deliv: ['Monitoring oversight', 'Alert response', 'Production tracking', 'Operational support'] }, { label: 'Preventative Maintenance', icon: 'shield-check', copy: 'Scheduled inspections covering electrical systems, inverter operation, panel condition, mounting integrity, and general system health to reduce long-term performance loss and equipment failure risk.', deliv: ['Scheduled inspections', 'Preventative maintenance', 'Inspection reports', 'Maintenance recommendations'] }, { label: 'Corrective Maintenance', icon: 'wrench', copy: 'Responsive troubleshooting and repair support for faults, inverter alarms, production loss events, damaged equipment, and underperforming systems.', deliv: ['Fault diagnosis', 'Repair coordination', 'Return-to-service support', 'Repair documentation'] }, { label: 'Annual Reporting', icon: 'file-bar-chart', copy: 'Annual production and performance reviews benchmarked against the original financial model to identify underperformance trends, degradation risks, and future upgrade opportunities.', deliv: ['Annual performance review', 'Production vs model comparison', 'Asset performance reporting', 'Upgrade recommendations'] } ]; return (
The O&M program

The full lifecycle of{' '} commercial solar O&M.

Monitoring, preventative maintenance, corrective service, and performance reporting structured around the long-term operation of the asset.

{items.map(s => (
{s.label}

{s.copy}

Deliverables
    {s.deliv.map(d => (
    • ))}
))}
); }; Object.assign(window, { OmHero, OmServiceOverview, OmTheService });