// contact-sections.jsx — Hero, ValuePanel, FormSection, ProcessStrip, // FAQs, Locations. Editorial / spacious treatment that diverges from // the home page's dense visual language while reusing all brand tokens. // ============================================================ // 01 · HERO — paper cream, editorial, NOT the dark home-page hero. // Quiet, type-led. Right column: numbered "what you receive" list. // ============================================================ const ContactHero = () => { // Today's date and a synthetic "submissions reviewed" counter so the // page feels alive without adding decorative chrome. const today = new Date('2026-05-08T09:00:00').toLocaleDateString('en-CA', { year: 'numeric', month: 'long', day: 'numeric' }); return (
{/* faint grid texture, paper-side */}
{/* running header: page meta
Contact {today} Toronto · Calgary · Bedford · Saskatoon
*/}
{/* LEFT — editorial column */}
Start here · Facility intake

Tell us about{' '} your facility.

We develop a preliminary energy and financial assessment based on your facility type, electrical profile, and operational requirements. The goal is to provide a realistic picture of what a project could look like before major engineering or commitment.

{/* metrics rail */}
{[ { n: '360+', l: 'C&I projects delivered' }, { n: '4–6 yr', l: 'Typical payback' }, { n: '15–21%', l: 'Project IRR' }, { n: '< 24 h', l: 'Response time' }]. map((m, i) =>
0 ? 20 : 0, minWidth: 0 }}>
{m.n}
{m.l}
)}
{/* RIGHT — "what you receive" preview, stamped/letterhead style */}
); }; // ============================================================ // 03 · FORM SECTION — Wise Blue field, white card, left "letterhead" sidebar // ============================================================ const FormSection = () =>
{/* faint grid */}
{/* amber stripe at top */}
; // ============================================================ // 05 · FAQs — White, editorial Q-block, no accordion icon clutter // ============================================================ const ContactFAQs = () => { const items = [ { q: 'What information do I need before reaching out?', a: "A rough sense of your monthly electricity spend and your facility type is enough to start. If you have recent utility bills available, they're useful — but not required at this stage. We work with what you can share and come back with an initial picture based on comparable facilities in our portfolio." }, { q: 'What does the initial facility review include?', a: 'Based on your submission, we return an initial view covering three areas: the savings range achievable for your facility type and spend level, the incentive programs applicable to your province, and an honest read on whether full consumption offset is realistic for your operation. All drawn from completed projects in our portfolio — not industry averages.' }, { q: 'Is there any cost for the initial review?', a: "No. The initial facility review is provided at no cost and with no obligation. If the picture looks worth pursuing, we discuss what a full assessment involves. If it doesn't — you have useful information about your facility's energy position regardless." }, { q: 'How long does it take to receive a response?', a: 'Submissions receive a response within 1-3 business days. We review each submission before responding — which is what allows us to return something specific to your facility rather than a generic reply.' }, { q: 'Does this only apply to solar projects?', a: 'No. We look at the full energy picture — efficiency, conservation measures, onsite generation, storage, and EV infrastructure. For facilities where full consumption offset is achievable, we assess efficiency and generation together so the system is sized to an optimised baseline, not inflated pre-retrofit demand.' }, { q: 'What happens after the initial review?', a: 'If the numbers look viable, we move to a full assessment — a detailed site-specific evaluation covering actual load profile, system sizing, financial model, and incentive application. The initial review is the step that determines whether that commitment makes sense for your facility.' }]; const [open, setOpen] = React.useState(0); return (
{items.map((it, idx) => { const isOpen = open === idx; return (

{it.a}

); })}
); }; // ============================================================ // 06 · LOCATIONS — Wise Blue, four offices grid // ============================================================ const Locations = () => { const offices = [ { p: 'Ontario', a1: '125 Norfinch Dr #207', a2: 'North York, ON M3N 1W8', tag: 'HQ' }, { p: 'Alberta', a1: 'Suite 200, 940 6 Ave SW', a2: 'Calgary, AB T2P 3T1' }, { p: 'Nova Scotia', a1: '620 Nine Mile Drive, Suite 208', a2: 'Bedford, NS B4A 0H4' }, { p: ' British Columbia', a1: '3320 Richter Street Kelowna BC V1W4V5' }]; return (
Our locations

Four offices.
One operating standard.

Business hours
Mon–Fri · 8:00 am – 7:00 pm
Emergency line
647-930-4336
{offices.map((o, i) =>
e.currentTarget.style.background = 'rgba(255,255,255,0.03)'} onMouseOut={(e) => e.currentTarget.style.background = 'transparent'}> {o.tag &&
{o.tag}
}
Province
{o.p}
{o.a1}
{o.a2}
)}
); }; Object.assign(window, { ContactHero, FormSection, ContactFAQs, Locations });