// ============================================================ // SolProofStripMobile — "Proof in numbers" (Commercial Solar · Wise Blue) // Desktop section is the approved infographic, reproduced verbatim // from src/sol-hero-process.jsx. A purpose-built MOBILE layout // (< 900px) is added beneath it, mirroring the house pattern // established on the Energy Audit page (AuditFinancial). // // Same fonts (Inter / JetBrains Mono), same brand palette // (Wise Blue #0F2133, Sage #5E8F6D, Gold #D4A24C), same monogram // watermark, same spacing language. Nothing reinterpreted. // ============================================================ const SOL_AMBER_M = '#D4A24C'; const SOL_SAGE = 'var(--gi-sage-accent)'; const SolProofStripMobile = () => { // Lifecycle proportions: 30-yr total. Payback (3–6 yrs) shown at its upper // bound so the segment honestly visualizes the worst case. Net generation // = remainder under warranty. const TOTAL_YEARS = 30; const PAYBACK_END = 6; const paybackPct = (PAYBACK_END / TOTAL_YEARS) * 100; // 20 const genPct = 100 - paybackPct; // 80 const yearTicks = [0, 5, 10, 15, 20, 25, 30]; return ( <> {/* ============================================================ DESKTOP / TABLET (≥ 900px) — approved infographic, unchanged ============================================================ */}
{/* Decorative monogram — faint, anchored bottom-right */} {/* Decorative thin vertical "panel-row" hairlines — anchored top-right corner */}
{/* === Header === */}
Proof in numbers

Pay it back in three to six.{' '} Run it for thirty.

The economics of a commercial rooftop system, visualized at full scale. Real returns from completed GI installations.

{/* ============================================================ PRIMARY VISUAL — 30-year lifecycle ribbon. ============================================================ */}
{/* Year axis */}
{yearTicks.map((y, i) => ( {i === 0 ? 'Year 0' : i === yearTicks.length - 1 ? 'Year 30' : `Yr ${y}`} ))}
{/* Tick marks above bar */} {yearTicks.map((y) => { const x = (y / TOTAL_YEARS) * 1344; return ( ); })} {/* The bar itself */}
{/* Payback segment — amber, with subtle diagonal stripe */}
{/* Generation segment — sage, solid */}
{/* Boundary marker — vertical line at the payback/generation split */}
{/* Caption row — numerals aligned with segments */}
Payback
3–6 yrs
System pays for itself through generation and incentives.
Net generation · under warranty
30 year performance warranty
Commercial-grade panels generating into year thirty — roughly two-and-a-half decades of electricity after payback.
{/* ============================================================ SUPPORTING ROW — two compact visual stats ============================================================ */}
{/* (1) Load offset — stacked bar carries the meaning */}
Average annual electricity · C&I facility
70% generated on-site
SOLAR · 70
GRID · 30
{/* (2) Project IRR — range bar placed on a 0-40% scale */}
Project IRR · completed installations
15–30%
{/* Track */}
{/* 15–30 of a 0–40 scale → 37.5% → 75% */}
{/* Endpoint dots */}
{/* Scale labels */}
0% 10% 20% 30% 40%
{/* ============================================================ MOBILE (< 900px) — purpose-built vertical layout Mirrors the AuditFinancial mobile pattern: monogram wash, eyebrow + 2-line headline, blocked sections with mono labels, accent-edged cards, the desktop's split-bar + range-bar visuals. ============================================================ */}
{/* Subtle monogram watermark, dialled way back for small screens */}
{/* Header */}
Proof in numbers

Pay it back in three to six.
Run it for thirty.

Commercial rooftop solar economics, shown with real results from completed GI installations.

{/* Lifecycle — compact proportional ribbon + two accent-edged cards */}
30-year lifecycle Yr 0 → 30
{/* Compact ribbon — same chart logic as desktop, scaled for mobile */}
Yr 0 Yr 6 Yr 30
Payback
3–6 yrs

System pays for itself through generation and incentives.

Net generation · under warranty
30 year performance warranty

Commercial-grade panels generating into year thirty — roughly two-and-a-half decades of electricity after payback.

{/* Proof points — two stacked cards */}
What it returns
Average annual electricity · C&I facility
70%
generated on-site
SOLAR · 70
GRID · 30
Project IRR · completed installations
15–30%
across completed installations
0%20%40%
{/* Display toggle + mobile styles */} ); };