const RDS = window.EPCMDesignSystem_e7f830; const { Button: RB, Icon: RI, Eyebrow: REye, SectionHeading: RSH, ServiceCard: RSC, FeatureItem: RFe, Testimonial: RT, Field: RFi } = RDS; function tt(node, lang) { return window.EPCM_T(node, lang); } /* ---------- shared shells ---------- */ function Shell({ children, grid, light, style }) { return (
{grid &&
}
{children}
); } function Breadcrumb({ page, lang, onNavigate }) { const P = window.EPCM_PAGES; const crumbs = [{ label: window.EPCM_SHARED.ui.home, id: 'home' }]; if (page.parent && P[page.parent]) crumbs.push({ label: P[page.parent].nav, id: page.parent }); crumbs.push({ label: page.nav, id: null }); return ( ); } function PageHero({ page, lang, onNavigate, onBook }) { const heroImg = ({ heating: 'banner-coil', furnace: 'banner-coil', boiler: 'banner-coil', cooling: 'banner-wallunit', 'wall-ac': 'banner-wallunit', 'central-ac': 'banner-ducts', 'heat-pump': 'banner-heatpump', 'central-heat-pump': 'banner-heatpump', 'wall-heat-pump': 'banner-wallunit', 'mini-split': 'banner-wallunit', 'air-duct-cleaning': 'banner-ducts', brands: 'banner-heatpump' })[page.id]; return (
{heroImg && }
{tt(page.nav, lang)}

{tt(page.h1, lang)}

{tt(page.intro, lang)}

{tt(window.EPCM_SHARED.ui.bookAppt, lang)} {window.EPCM_SHARED.contact.phone}
); } function EmergencyBand({ page, lang }) { const c = window.EPCM_SHARED.contact; return (
{lang === 'fr' ? 'Service d’urgence' : 'Emergency Service'}

{tt(page.emergency.note, lang)}

{lang === 'fr' ? 'Ligne d’urgence plomberie' : 'Emergency Plumbing Hotline'}
{c.emergencyPhone}
{lang === 'fr' ? 'Répartition immédiate' : 'Immediate dispatch available'}
); } function BreakdownCards({ data, lang }) { return (
{data.items.map((it, i) => (
{tt(it.badge, lang)}

{tt(it.title, lang)}

{tt(it.desc, lang)}

    {it.bullets.map((bl, j) => (
  • {tt(bl, lang)}
    • ))}
))}
); } function SubservicesGrid({ ids, lang, onNavigate }) { const P = window.EPCM_PAGES; const items = ids.map((id) => P[id]).filter(Boolean); return (
{items.map((c) => ( { e.preventDefault(); onNavigate(c.id); }} /> ))}
); } function OptionsCards({ data, lang }) { return (
{data.items.map((it, i) => (
{tt(it.badge, lang)}

{tt(it.title, lang)}

{tt(it.desc, lang)}

{it.bullets &&
    {it.bullets.map((bl, j) =>
  • {tt(bl, lang)}
    • )}
}
))}
); } function PricingPlans({ plans, lang, onBook }) { return (
{plans.map((p, i) => (
{p.featured && {lang === 'fr' ? 'Le plus populaire' : 'Most Popular'}}
{tt(p.name, lang)}
{p.price}{tt(p.period, lang)}
{tt(p.visits, lang)}

{tt(p.desc, lang)}

    {p.features.map((f, j) =>
  • {tt(f, lang)}
    • )}
{lang === 'fr' ? 'Choisir ce forfait' : 'Choose plan'}
))}

{lang === 'fr' ? 'Besoin d’un forfait sur mesure pour plusieurs systèmes ou bâtiments? Contactez-nous.' : 'Need a custom plan for multiple systems or properties? Just ask.'}

 ); } function WhyChoose({ lang }) { const S = window.EPCM_SHARED; return (
{S.why.map((w, i) => (

{tt(w.title, lang)}

{tt(w.desc, lang)}

))}
); } function AreasBand({ lang, onBook }) { const S = window.EPCM_SHARED; const areas = lang === 'fr' ? S.areasFr : S.areas; const areaSlugs = S.areaSlugs || []; return (
{tt(S.ui.areasTitle, lang)}

{tt(S.ui.areasSub, lang)}

{lang === 'fr' ? 'Obtenir un service' : 'Get service'}
{areas.map((a, i) => { e.currentTarget.style.borderColor = 'var(--accent)'; e.currentTarget.style.background = 'rgba(104,134,252,0.12)'; }} onMouseLeave={(e) => { e.currentTarget.style.borderColor = 'var(--border-strong)'; e.currentTarget.style.background = 'rgba(16,16,20,0.5)'; }}>{a})}
); } function FAQ({ faqs, lang }) { const [open, setOpen] = React.useState(0); return (
{faqs.map((f, i) => (
{open === i && (
{tt(f.a, lang)} {f.bullets &&
    {f.bullets.map((bl, j) =>
  • {tt(bl, lang)}
    • )}
}
)}
))}
); } function Reviews({ items, lang }) { return (
{items.map((t, i) => )}
); } function RelatedNav({ page, lang, onNavigate }) { const P = window.EPCM_PAGES; let siblings = []; if (page.parent && P[page.parent] && P[page.parent].subservices) siblings = P[page.parent].subservices.filter((id) => id !== page.id); if (!siblings.length) return null; const items = siblings.map((id) => P[id]).filter(Boolean).slice(0, 4); return (
{items.map((c) => )}
); } function BookingBand({ lang, onBook }) { const S = window.EPCM_SHARED; return (
{tt(S.ui.bookingEyebrow, lang)}

{tt(S.ui.bookingTitle, lang)}

{tt(S.ui.bookingIntro, lang)}

{tt(S.ui.requestConsult, lang)}
{S.promises.map((p, i) => )}
); } /* ---------- bespoke pages ---------- */ function AboutPage({ page, lang, onNavigate, onBook }) { return (
{page.story.map((p, i) =>

{tt(p, lang)}

)}
{page.stats.map(([big, small], i) =>
{big}
{tt(small, lang)}
)}
{page.values.map((v, i) =>

{tt(v.title, lang)}

{tt(v.desc, lang)}

)}
{page.faqs && }
); } function ContactPage({ page, lang, onNavigate, onBook }) { const c = window.EPCM_SHARED.contact; const [sent, setSent] = React.useState(false); const rows = [['map-pin', lang === 'fr' ? 'Adresse' : 'Visit us', c.address], ['phone', lang === 'fr' ? 'Téléphone' : 'Call us', c.phone], ['mail', lang === 'fr' ? 'Courriel' : 'Email', c.email], ['clock', lang === 'fr' ? 'Heures' : 'Hours', tt(c.hours, lang)]]; return (
{rows.map(([ic, k, v]) =>
{k}
{v}
)}
{c.rbq}
{sent ? (

{lang === 'fr' ? 'Message envoyé' : 'Message sent'}

{lang === 'fr' ? `Nous vous répondrons sous peu. Pour une urgence, appelez le ${c.phone}.` : `We'll be in touch shortly. For urgent service, call ${c.phone}.`}

) : (
{ e.preventDefault(); setSent(true); }} style={{ display: 'grid', gap: 16 }}>

{lang === 'fr' ? 'Envoyez-nous un message' : 'Send us a message'}

{lang === 'fr' ? 'Envoyer' : 'Send message'} )}
); } function BlogPage({ page, lang, onNavigate, onBook }) { return (
); } function HiringPage({ page, lang, onNavigate, onBook }) { return (
{page.roles.map((r, i) => (

{tt(r.title, lang)}

{tt(r.type, lang)}

{tt(r.desc, lang)}

{lang === 'fr' ? 'Postuler' : 'Apply'}
))}

{lang === 'fr' ? 'Avantages' : 'Why work with us'}

{page.perks.map((p, i) => )}
); } function LegalPage({ page, lang, onNavigate, onBook }) { return (
{page.sections.map((s, i) =>

{tt(s.h, lang)}

{tt(s.p, lang)}

)}
); } /* ---------- Our Brands showcase ---------- */ function BrandsPage({ page, lang, onNavigate, onBook, onQuote }) { return (
{/* Brand grid */}
{[...new Set((page.machines || []).flatMap((c) => c.items.map((m) => m.brand)))].map((name) => (
{name}
))}
{page.machines && } {page.faqs && } {page.testimonials && }
); } function MachineCatalog({ cats, lang, onBook, onQuote }) { return (
{cats.map((c, ci) => (

{tt(c.cat, lang)}

{c.items.length}
{c.items.map((m, mi) => (
{m.note && {tt(m.note, lang)}}
{m.brand}
{m.name}
{tt(m.type, lang)}
{m.sizes}
    {(m.stats || []).map((st, si) => (
  • {tt(st, lang)}
    • ))}
))}
))}
{lang === 'fr' ? 'Demander une soumission' : 'Request a quote'}
); } function FinanceCalculator({ data, lang, onBook, onQuote }) { const [amount, setAmount] = React.useState(6000); const [months, setMonths] = React.useState(60); const apr = data.apr || 9.99; const fmt = (n) => '$' + Math.round(n).toLocaleString(lang === 'fr' ? 'fr-CA' : 'en-CA'); const r = apr / 100 / 12; const monthly = r > 0 ? (amount * r) / (1 - Math.pow(1 + r, -months)) : amount / months; const total = monthly * months; const terms = [24, 36, 48, 60, 72, 120, 180]; const fieldBg = { background: 'var(--obsidian-900)', border: '1px solid var(--border-strong)', borderRadius: 'var(--radius-sm)' }; return (
{/* Controls */}
{fmt(amount)}
setAmount(+e.target.value)} className="epcm-range" style={{ width: '100%', marginTop: 14 }} />
$1,500$40,000
{terms.map((m) => ( ))}

{lang === 'fr' ? `Estimation à un taux annuel représentatif de ${apr}%. Le taux réel dépend de l’approbation de crédit Financeit.` : `Estimated at a representative ${apr}% APR. Your actual rate depends on Financeit credit approval.`}

{/* Result */}
{lang === 'fr' ? 'Paiement mensuel estimé' : 'Estimated monthly payment'}
{fmt(monthly)} {lang === 'fr' ? '/mois' : '/mo'}
{lang === 'fr' ? 'Terme' : 'Term'}
{months} {lang === 'fr' ? 'mois' : 'months'}
{lang === 'fr' ? 'Coût total' : 'Total cost'}
{fmt(total)}
{lang === 'fr' ? 'Obtenir une soumission' : 'Get my quote'}
{/* Example projects */}
{lang === 'fr' ? 'Exemples de projets' : 'Example projects'}
{data.examples.map((ex, i) => { const m60 = (ex.price * r) / (1 - Math.pow(1 + r, -60)); return ( ); })}
); } function FinanceitBlock({ data, lang, onBook }) { return (
{data.plans.map((p, i) => (
{tt(p.tag, lang)}

{tt(p.title, lang)}

{tt(p.desc, lang)}

{tt(p.highlight, lang)}
))}
{data.perks.map((pk, i) => {tt(pk, lang)})}
{lang === 'fr' ? 'Propulsé par' : 'Powered by'}Financeit. {lang === 'fr' ? 'Faire une demande' : 'Apply now'}
); } /* ---------- main service/category renderer ---------- */ function ServicePage({ page, lang, onNavigate, onBook, onQuote }) { return (
{page.emergency && } {page.breakdown && } {page.plans && } {page.financeit && } {page.calculator && } {page.subservices && } {page.options && } {page.faqs && } {page.testimonials && }
); } function PageView({ id, lang, onNavigate, onBook, onQuote }) { const page = window.EPCM_PAGES[id]; React.useEffect(() => { if (page && page.meta) { document.title = tt(page.meta.title, lang); let m = document.querySelector('meta[name="description"]'); if (!m) { m = document.createElement('meta'); m.name = 'description'; document.head.appendChild(m); } m.content = tt(page.meta.description, lang); } }, [id, lang]); if (!page) return null; if (page.kind === 'about') return ; if (page.kind === 'contact') return ; if (page.kind === 'blog') return ; if (page.kind === 'hiring') return ; if (page.kind === 'legal') return ; if (page.kind === 'brands') return ; return ; } window.PageView = PageView;