// section-proof.jsx — v3: balanced. // ProvenAtScale: cream feature block, giant metrics. // Industries: cream continuation, refined list. // FeaturedProject: wise-blue dark. // ProjectsGrid: cream, hover zoom + completion labels. // Incentives: deep-ink. // ============================================================ // ProvenAtScale — feature block. Giant numbers, strong layout. // ============================================================ const ProvenAtScale = () =>
Proven at scale

Measured performance. Clear results.

Diverse energy solutions across hundreds of commercial and industrial facilities, with measurable impact on energy, cost, and emissions.

{/* Real industrial photography — commercial rooftop solar */}
Aerial view of a large commercial rooftop solar array covering a warehouse facility
{/* Feature metrics — structural, giant, no decoration */}
{[ { big: '14+', unit: '\n', small: 'years of commercial\nenergy delivery in Canada' }, { big: '360+', unit: '\n', small: 'projects across solar,\nLED retrofits, and efficiency' }, { big: '5,500+', unit: '\n', small: 'Tonnes of CO₂ reduced' }, { big: '$30M+', unit: '\n', small: 'In lifetime energy savings delivered' }]. map((m, i) =>
0 ? 40 : 0 }}>
{(() => { const p = parseMetric(m.big); return ; })()} {m.unit}
{m.small}
)}
; // ============================================================ // CountUp — smooth easeOutCubic ramp, runs once when scrolled into view. // Respects prefers-reduced-motion. Uses tabular-nums to avoid jitter. // ============================================================ const CountUp = ({ to, prefix = '', suffix = '', duration = 1100 }) => { const ref = React.useRef(null); const [display, setDisplay] = React.useState(0); const started = React.useRef(false); React.useEffect(() => { const el = ref.current; if (!el) return; const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced) {setDisplay(to);return;} const io = new IntersectionObserver((entries) => { for (const e of entries) { if (e.isIntersecting && !started.current) { started.current = true; io.disconnect(); const start = performance.now(); const tick = (now) => { const t = Math.min(1, (now - start) / duration); // easeOutCubic — fast early, settles into final value const eased = 1 - Math.pow(1 - t, 3); setDisplay(Math.round(to * eased)); if (t < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); } } }, { threshold: 0.35 }); io.observe(el); return () => io.disconnect(); }, [to, duration]); return ( {prefix}{display.toLocaleString('en-US')}{suffix} ); }; // Parses display strings like '13', '300', '$7M', '6,000+' into {prefix, number, suffix} const parseMetric = (s) => { const cleaned = String(s).replace(/,/g, ''); const m = cleaned.match(/^([^\d-]*)(-?\d+(?:\.\d+)?)(.*)$/); if (!m) return { prefix: '', number: 0, suffix: String(s) }; return { prefix: m[1], number: parseFloat(m[2]), suffix: m[3] }; }; // ============================================================ // Industries — editorial photo-tile grid on cream paper. // Layout ported from solutions/commercial-solar SolIndustries; // content (industries, descriptions, "Relevant solutions") is the // home-page Industries data. Stamps dropped — index only. // ============================================================ const INDUSTRIES_AMBER = '#D4A24C'; const IndustryTile = ({ href, name, img, why, clients }) => { const [hover, setHover] = React.useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ position: 'relative', display: 'grid', gridTemplateRows: 'subgrid', gridRow: 'span 5', rowGap: 18, transition: 'transform 320ms var(--gi-ease)', transform: hover ? 'translate3d(0,-2px,0)' : 'none' }}> {/* PHOTO FRAME */}
{name} {/* corner brackets (crop marks) */} {[ { top: 10, left: 10, borderTopWidth: 1, borderLeftWidth: 1, t: hover ? 'translate(-3px,-3px)' : 'none' }, { top: 10, right: 10, borderTopWidth: 1, borderRightWidth: 1, t: hover ? 'translate(3px,-3px)' : 'none' }, { bottom: 10, left: 10, borderBottomWidth: 1, borderLeftWidth: 1, t: hover ? 'translate(-3px,3px)' : 'none' }, { bottom: 10, right: 10, borderBottomWidth: 1, borderRightWidth: 1, t: hover ? 'translate(3px,3px)' : 'none' } ].map((b, i) => { const { t, ...pos } = b; return (
{/* BODY */}

{name}

{why}

{/*

{clients}

*/}
Explore industry
); }; const Industries = () => { const rows = [ { n: '01', name: 'Manufacturing', img: `${window.GI_BASE}assets/industries/manufacturing.webp`, why: 'Electricity is one of the largest controllable costs in continuous manufacturing. We work with Ontario operators to reduce consumption, size generation around actual facility demand, and build the infrastructure for long-term cost stability.', // clients: 'Ce De Candy · Elton Manufacturing · PinAcle Stainless Steel' href: 'manufacturing/' }, { n: '02', name: 'Warehousing & Logistics', img: `${window.GI_BASE}assets/industries/warehousing_and_logistic.webp`, why: 'Distribution centres, fulfilment facilities, and intermodal terminals operate around the clock with rising electricity demand. We plan and deliver energy programmes around facility scale, demand-charge exposure, fleet electrification, and the cost of operational continuity.', // clients: 'Rabba Fine Foods · CJR Wholesale' href: 'warehousing/' }, { n: '03', name: 'Food & Beverage', img: `${window.GI_BASE}assets/industries/food_and_beverage.webp`, why: 'Food and beverage facilities operate around refrigeration loads, sanitation schedules, HACCP requirements, and continuous production demands. We plan and implement energy programs around those operational constraints.', // clients: 'Rabba Fine Foods · Sunny Crunch Foods · Gerber Meats' href: 'food-and-beverage/' }, { n: '04', name: 'Agriculture', img: `${window.GI_BASE}assets/industries/agriculture.webp`, why: 'We work with Ontario farm operators and agricultural businesses to reduce operating costs through solar, storage, LED lighting, and electrical upgrades — planned around drying, irrigation, ventilation, and the broader agricultural year.', // clients: 'Tilecroft Farms · R Brush Farms · Holland Acres' href: 'agriculture/' }, { n: '05', name: 'Commercial Real Estate', img: `${window.GI_BASE}assets/industries/reits.webp`, why: 'We work with Canadian commercial real estate owners, asset managers, and finance teams to reduce operating costs through solar, storage, LED lighting, recommissioning, and electrical upgrades — planned around NOI, BEPS compliance, and long-term asset value.', // clients: 'Solar · BESS · PPA · EV' href: 'real-estate/' }, { n: '06', name: 'Government & Institutional', img: `${window.GI_BASE}assets/industries/government.webp`, why: 'Municipal, social housing, and institutional energy projects operate on longer decision timelines and have additional procurement requirements. We plan and deliver energy programs around BEPS compliance, net-zero commitments, and public procurement frameworks.', // clients: 'Solar · BESS · Energy Audit · EV' href: 'government/' }]; return (
{/* Header — eyebrow + headline left, sub right (SolIndustries layout, home content) */}
Industries we serve

Engineered around your operating profile.

Energy use and operating profiles vary across commercial and industrial facilities. We design energy systems around actual building usage to ensure proper sizing and alignment with how your facility operates.

{/* TILE GRID */}
{rows.map((r) => )}
); }; // ============================================================ // FeaturedProject — wise-blue dark. One image, one headline, one paragraph. // ============================================================ const FeaturedProject = () =>
593 kW commercial rooftop solar installation at Sunny Crunch Foods manufacturing facility in Markham, Ontario {/* Minimal location tag — one micro-label, used with meaning */}
CE DE CANDY · HAMILTON, ON · 2012 — PRESENT
{/* Project metrics — clean horizontal row, sits above final paragraph */}
{[ { big: '$7.2M', small: 'Verified lifetime savings to date' }, { big: '63%', small: 'Reduction in grid electricity purchase' }, { big: '11', small: 'Discrete projects delivered since 2012' }, { big: '4.2yr', small: 'Blended payback across the program' }]. map((m, i) =>
0 ? 40 : 0 }}>
{m.big}
{m.small}
)}
{/* Engineering flow — structured project breakdown */}
{[ { step: '01', label: 'Baseline', heading: 'Facility load analysis', body: 'Twelve months of interval data reviewed. Peak demand, process loads, and seasonal patterns mapped.' }, { step: '02', label: 'Efficiency first', heading: 'Consumption reduced', body: 'LED retrofit, compressed-air repairs, and BAS recommissioning cut baseline load 22% before generation was sized.' }, { step: '03', label: 'Generation', heading: 'Rooftop PV sized to load', body: 'A 480 kW rooftop array was specified against the post-efficiency curve — not the original consumption.' }, { step: '04', label: 'Verified outcome', heading: 'Measured performance', body: 'Production, consumption, and savings are metered monthly. Thirteen-year figures reflect billed outcomes.' }]. map((s, i) =>
{s.step} {s.label}

{s.heading}

{s.body}

)}
; // ============================================================ // ProjectsGrid — 2×2 photo cards with stat overlay and story body. // Mirrors the Partners page "Proof Points" layout: photo with project // index + headline stat on a gradient, sage top-rule, name, meta, body. // Replaces the prior 4-up photo-only grid so home and partners share // the same evidence pattern. // ============================================================ const ProjectsGrid = () => { const projects = [ { img: `${window.GI_BASE}assets/projects/ce-de-candy/cedecandy-full-load-offset.webp`, alt: 'Ce De Candy manufacturing facility, Newmarket, Ontario — 965 kW rooftop solar', stat: '$7M+', statLabel: 'Lifetime savings · 25-yr system life', name: 'Ce De Candy', meta: 'Manufacturing · Newmarket, ON · 965 kW', body: 'Combined efficiency and solar project on a 90,000 sq ft confection plant. Near-complete electricity offset, sized to the load curve rather than the roof.', href: '/projects/ce-de-candy/' }, { img: `${window.GI_BASE}assets/projects/vicwest/vicwest.webp`, alt: 'Vicwest building products rooftop solar — 590 kW, Stratford, Ontario', stat: '$509K', statLabel: 'Incentives — three funding streams', name: 'Vicwest — Stratford', meta: 'Building products · Stratford, ON · 590 kW', body: 'Federal, provincial, and utility incentives stacked on a single project. Behind-the-meter generation matched to a 24/7 industrial load profile.', href: '/projects/vicwest/' }, { img: `${window.GI_BASE}assets/projects/sunny-crunch/sunny-crunch.webp`, alt: 'Sunny Crunch Foods rooftop solar — 593 kW, Bowmanville, Ontario', stat: '4.6–7.6 yrs', statLabel: 'Typical payback · C&I solar', name: 'Sunny Crunch Foods', meta: 'Food manufacturing · Bowmanville, ON · 593 kW', body: 'Representative of the GI portfolio: 15%–21% IRR range across completed C&I solar projects, depending on facility size, load profile, and incentive eligibility.', href: '/projects/sunny-crunch-foods/' }, { img: `${window.GI_BASE}assets/projects/syfilco/syfilco.webp`, alt: 'Syfilco textile manufacturer rooftop solar — Exeter, Ontario', stat: '15%+', statLabel: 'Total energy cost reduction', name: 'Syfilco', meta: 'Textile manufacturing · Exeter, ON', body: 'When efficiency and on-site generation are delivered together. GHG reduction of up to 38% documented across completed GI projects.', href: '/projects/syfilco/' }]; return (
{projects.map((p, i) => {/* Photo with index tag + stat overlay */}
{p.alt} {/* Bottom gradient for stat legibility */} {/* Card body */}

{p.name}

{p.meta}

{p.body}

)}
{/* Link out to full portfolio */}
See the full project portfolio
); }; // ============================================================ // IncentivesTeaser — deep-ink, single clean header // ============================================================ const IncentivesTeaser = () =>
{[ { tier: 'Federal - Solar & BESS', amount: 'Up to 30%', title: 'Clean Technology Investment Tax Credit', detail: 'Refundable tax credit applied to eligible solar, storage, and electrification capital costs.' }, { tier: 'Provincial - Solar', amount: 'Up to $860K', title: 'Ontario Save on Energy Solar Load Displacement Program', detail: 'Incentives that support solar projects by funding systems that reduce baseline energy consumption and enable optimized system sizing.' }, { tier: 'Federal - Solar & BESS', amount: '100% CCA', title: 'Enhanced First Year Capital Cost Allowance', detail: 'Accelerated depreciation that allows businesses to deduct eligible clean energy investments in the first year.' }]. map((card) =>
{card.tier} {card.amount}

{card.title}

{card.detail}

)}
; Object.assign(window, { ProvenAtScale, Industries, FeaturedProject, ProjectsGrid, IncentivesTeaser });