setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ position: 'relative', padding: '64px 48px 68px', borderRight: isLast ? 'none' : '1px solid rgba(15,33,51,0.10)', background: hovered ? '#fff' : 'transparent', transition: 'background 220ms cubic-bezier(.2,0,0,1)', display: 'flex', flexDirection: 'column' }}> ); }; const LedServiceOverview = () => { const cols = [ { icon: 'lightbulb', label: 'What it is', body: 'Commercial and industrial LED lighting retrofits — replacing fluorescent, metal halide, and HID fixtures with high-efficiency LED systems across production floors, warehouses, offices, and external areas.' }, { icon: 'scan-line', label: 'How we approach it', body: 'We assess the existing lighting system, identify the fixtures with the highest energy and demand reduction potential, and design a replacement system that qualifies for available utility incentives. We schedule work to avoid production disruption.' }, { icon: 'badge-check', label: 'What you get', body: 'Reduced electricity consumption, lower peak demand, improved lighting quality, and incentive documentation for saveONenergy submissions — typically with payback under three years on qualified projects.' }]; return (

LED Lighting Retrofits

Replace legacy lighting.{' '} Reduce consumption immediately.

{cols.map((c, i) => )}

); }; // ============================================================ // LedProofStrip — "Proof in numbers", Wise Blue. // Mirrors SolProofStrip's structure exactly: // - Header: Eyebrow + headline + lede // - Primary visual: 15-yr fixture lifecycle ribbon (Payback 1–3 yrs / Savings) // - Supporting row: Aryzta load reduction + 40–70% typical range // ============================================================ const LedProofStrip = () => { // Lifecycle proportions: 15-yr commercial LED fixture life. Payback (1–3 yrs) // shown at its upper bound so the segment honestly visualizes the worst case. // Net savings = remainder of fixture life. const TOTAL_YEARS = 15; const PAYBACK_END = 3; const paybackPct = (PAYBACK_END / TOTAL_YEARS) * 100; // 20 const savingsPct = 100 - paybackPct; // 80 const yearTicks = [0, 3, 6, 9, 12, 15]; return (
{/* faint amber sweep — top edge (kept from prior LED proof strip) */}

{/* Decorative monogram — faint, anchored bottom-right */} {/* Decorative thin vertical hairlines — top-right, mirrors Sol panel-row motif */}
{/* === Header === */}

Proof in numbers

Pay it back in three.{' '} Save for fifteen.

The economics of a commercial LED retrofit, visualized across the fixture lifecycle. Real reductions from completed GI installations.

{/* ============================================================ PRIMARY VISUAL — 15-year fixture lifecycle ribbon. Payback segment is proportionally sized against the rest of the fixture life, so the visual makes the point before any number is read. ============================================================ */}
{/* Year axis */}
{yearTicks.map((y, i) => ( {i === 0 ? 'Year 0' : i === yearTicks.length - 1 ? 'Year 15' : `Yr ${y}`} ))}
{/* Tick marks above bar */} {/* The bar itself */}
{/* Payback segment — amber, with subtle diagonal stripe to read as "working it off". */}

{/* Savings segment — sage, solid */}
{/* Boundary marker — vertical line at the payback/savings split */}

{/* Caption row — numerals aligned with segments */}

Payback

1–3 yrs

Retrofit pays for itself through energy savings and saveONenergy incentives.

Net savings · over fixture life

15 year rated fixture life

Commercial-grade LED fixtures continuing to deliver reduced lighting load and demand charges well past payback.

{/* ============================================================ SUPPORTING ROW — two compact visual stats: (1) Aryzta load reduction as a stacked saved/remaining bar. (2) 40–70% typical reduction as a range on a 0–100% scale. ============================================================ */}
{/* (1) Aryzta load reduction — stacked bar carries the meaning */}

Aryzta Foods · lighting demand · 115.15 → 38.97 kW

66.2% lighting load eliminated

SAVED · 66

LED · 34

{/* (2) Typical reduction range — range bar placed on a 0–100% scale */}

Typical lighting reduction · completed GI retrofits

40–70%

{/* Track */}
{/* 40–70 of a 0–100 scale → left 40%, right 30% */}
{/* Endpoint dots */}

{/* Scale labels */}
0% 25% 50% 75% 100%

); }; // ============================================================ // LedProcess — 4 phases (Assessment / Design / Install / Incentive) // 2x2 grid, mirrors BESS process visual rhythm // ============================================================ const LedProcess = () => { const steps = [ { num: '01', label: 'Lighting Assessment', title: 'Survey', icon: 'clipboard-list', copy: 'Existing fixtures are inventoried by type, quantity, wattage, and operating hours. The assessment identifies which replacements will deliver the highest energy and demand reductions and confirms eligibility under the saveONenergy Retrofit Incentive Program.', deliv: 'Fixture inventory + energy reduction estimate + incentive eligibility' }, { num: '02', label: 'System Design', title: 'Specify', icon: 'drafting-compass', copy: 'LED fixtures are specified by area — production floors, warehouses, offices, external. Photometric calculations confirm maintained illumination levels. Incentive application documentation is prepared in parallel with the design.', deliv: 'Fixture specification + photometric plan + saveONenergy application' }, { num: '03', label: 'Installation', title: 'Install', icon: 'hammer', copy: 'Installation is sequenced around production schedules. Most commercial retrofits are completed area by area with no full operational shutdown required. Old fixtures are removed and disposed of, including lamp recycling.', deliv: 'Installed LED system + recycling documentation + ESA inspection' }, { num: '04', label: 'Incentive Submission', title: 'Submit', icon: 'file-check', copy: 'Final incentive documentation is completed and submitted following installation. We manage the submission process, coordinate any required follow-ups, and remain involved until incentive payment is received.', deliv: 'Completed incentive submission + payout coordination' }]; return (

{/* Editorial header */}

The process

From lighting survey to{' '} incentive cheque.

Commercial LED retrofits require detailed planning, coordinated execution, and accurate incentive management. We handle the full process—from assessment and installation to incentive submission and payout support.

{/* 2x2 grid of steps with deliverables */}
{steps.map((s, i) =>

{s.num} {/* tiny amber pip — bottom-right */}

{s.label}
{s.title}

{s.copy}

{s.deliv}

)}

); }; Object.assign(window, { LedHero, LedServiceOverview, LedProofStrip, LedProcess, LED_AMBER, LED_AMBER_SOFT });