// Maple Pavers Explorer — FINAL CTA. Render-first: most options are a single // "See your render" call to action (the render IS the lead capture). Phone is // (647) 242-8442 throughout. (function () { const { Button, Input, Badge } = window.MaplePaversDesignSystem_8de4d8; const { Icon, Overline, Stars, PHOTO, PHONE, startQuote } = window.MP; const CONSENT = 'We\u2019ll only use this to send your render and follow up once. No spam, ever.'; function RenderCta({ children, glow }) { return ( ); } function AddressField({ onDark }) { const [val, setVal] = React.useState(''); return (
setVal(e.target.value)} placeholder="Your address in the GTA" style={{ flex: 1, border: 0, outline: 'none', fontFamily: 'var(--font-body)', fontSize: 16, background: 'transparent', color: onDark ? 'var(--beige-150)' : 'var(--text-body)', minWidth: 0 }} />
); } // ── 1 — Dark, render-only (their pick) ── function CtaDark() { return (
Free · No Obligation

Ready to lose the cracked asphalt?

See your home redone in a premium paver finish — free, in 90 seconds. The hardest part is uploading a photo.

Design My Driveway Or call {PHONE}
); } // ── 2 — Terracotta banner, render-only ── function CtaBanner() { return (

See your render.
Free.

Your driveway, redesigned and priced in about 90 seconds. No salesperson, no obligation.

4.9 · 512 reviews
); } // ── 3 — Photo background, address + render (render-only) ── function CtaPhoto() { return (
See It Before We Build It

Your free render, one tap away.

Design My Driveway

{CONSENT}

); } // ── 4 — One field → render ── function CtaAddress() { return (

One field. 90 seconds.

Drop your address and watch your home transform — free.

Design My Driveway
No obligation No salesperson
); } // ── 5 — Short form (kept for the form-first crowd), render-titled ── function CtaForm() { return (
Free Render · 48-Hour Response

See your render.

Design My Driveway

{CONSENT}

); } window.MP.register('cta', { label: 'Final CTA', options: [ { id: 'dark', name: '1 · See your render (dark)', Render: CtaDark }, { id: 'banner', name: '2 · See your render (banner)', Render: CtaBanner }, { id: 'photo', name: '3 · Render over photo', Render: CtaPhoto }, { id: 'address', name: '4 · One field → render', Render: CtaAddress }, { id: 'form', name: '5 · Short form', Render: CtaForm }, ], }); })();