// var-featured.jsx — Featured Project A/B/C with 4-step narrative: // Baseline · Efficiency First · Generation · Verified Outcome. const FP_IMAGE = `${window.GI_BASE}assets/projects/ce-de-candy/cedecandy-full-load-offset.webp`; const FP_ALT = 'Aerial view of the Ce De Candy manufacturing facility rooftop, covered with commercial solar panels'; const FP_METRICS = [ { big: '1,610', small: 'High efficiency solar panels' }, { big: '966 kW', small: 'kW-DC peak power output' }, { big: '$7M', small: 'Estimated lifetime savings' }, { big: '4.6yr', small: 'Payback period' }]; const FP_NARRATIVE = [ { step: '01', label: 'Baseline', heading: 'Facility load baseline', body: 'Twelve months of interval data used to define demand, process loads, and tariff exposure.' }, { step: '02', label: 'Energy Audit', heading: 'Identified efficiency measures', body: 'Thorough building energy systems audit to identify Energy Conservation Measures.' }, { step: '03', label: 'Generation', heading: 'System sized to load', body: 'System capacity aligned with optimized efficiency baseline.' }, { step: '04', label: 'Verified Outcome', heading: 'Performance tracking', body: 'Production, consumption, and savings tracked at the meter level over time.' }]; const FP_HEAD = 'Ce De Candy · 100% solar offset'; const FP_SUB = 'A phased program combining an energy audit and on-site solar generation, delivering full annual electricity offset and long-term cost savings.'; // ============================================================ // A — METRICS-FIRST // Image + oversized metric column. Narrative follows as supporting detail. // ============================================================ const FeaturedVersionA = () =>
Featured project · Case study

{FP_HEAD}

{FP_SUB}

{/* Top: image + stacked metrics column */}
{FP_ALT}
NEWMARKET, ON · 2025
ONSITE POWER - NET-METERING
{FP_METRICS.map((m, i) =>
{m.big}
{m.small}
)}
{/* Bottom: narrative as compact strip */}
{FP_NARRATIVE.map((s) =>
{s.label.toUpperCase()}

{s.heading}

{s.body}

)}
; // ============================================================ // B — NARRATIVE-FIRST // Numbered 4-step timeline dominates. Image + metrics in a tidy footer. // Reads like a case write-up. // ============================================================ const FeaturedVersionB = () =>
{/* Narrative timeline — vertical, numbered, full-width rows */}
{FP_NARRATIVE.map((s, i) =>
{s.step}
{s.label}

{s.heading}

{s.body}

)}
{/* Footer — compact image + metrics band */}
{FP_ALT}
CE DE CANDY · HAMILTON, ON
{FP_METRICS.map((m) =>
{m.big}
{m.small}
)}
; // ============================================================ // C — BALANCED // Image hero + metrics row + narrative grid + metadata footer. Equal weight. // ============================================================ const FeaturedVersionC = () =>
{/* Image */}
{FP_ALT}
CE DE CANDY · HAMILTON, ON · 2012 — PRESENT
{/* Metrics band */}
{FP_METRICS.map((m, i) =>
0 ? 32 : 0 }}>
{m.big}
{m.small}
)}
{/* 4-step narrative — with connector line */}
; Object.assign(window, { FeaturedVersionA, FeaturedVersionB, FeaturedVersionC });