);
}
// Permit Nav vs the old way — two bold contrast cards, not a dense table.
function CompareOldWay({ rows }) {
const items = rows.slice(0, 3);
return (
, document.body) : null}
);
}
// A single featured quote on a dark band with a portrait-free monogram.
function QuoteBand({ quote, name, meta, icon = 'home' }) {
return (
{quote}
{name}
{meta}
);
}
// Coverage: real label-free map of the Vancouver region + the five municipality chips.
function CoverageSection() {
const munis = window.PN_MUNICIPALITIES;
const mapRef = React.useRef(null);
React.useEffect(() => {
const L = window.L;
if (!L || !mapRef.current || mapRef.current._leaflet_id) return;
const pts = [
[49.262, -123.114], // City of Vancouver
[49.320, -123.073], // City of North Vancouver
[49.345, -122.990], // District of North Vancouver
[49.330, -123.160], // District of West Vancouver
[49.246, -122.980] // City of Burnaby
];
const map = L.map(mapRef.current, {
zoomControl: false, scrollWheelZoom: false, attributionControl: false,
dragging: true, doubleClickZoom: false, keyboard: false
});
L.tileLayer('https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png', {
subdomains: 'abcd', maxZoom: 19
}).addTo(map);
const group = L.featureGroup(
pts.map((p) => L.circleMarker(p, { radius: 9, color: '#fff', weight: 3, fillColor: '#138A4E', fillOpacity: 1 }))
).addTo(map);
map.fitBounds(group.getBounds().pad(0.5));
const t = setTimeout(() => map.invalidateSize(), 250);
return () => {clearTimeout(t);map.remove();};
}, []);
return (
Support for
{munis.map((m) =>
)}
);
}
// The data engine: four sources + the AI data-flow diagram.
function DataEngine() {
const sources = [
{ n: '01', icon: 'database', t: 'AI permit requirements database', s: 'Every permit, form and condition across covered municipalities, structured and kept current.' },
{ n: '02', icon: 'landmark', t: 'Municipality processing insights', s: 'How each city actually reviews and moves a file, not just what the bylaws say on paper.' },
{ n: '03', icon: 'hard-hat', t: 'Contractor & trades interviews', s: 'Hard-won field knowledge from the people who pull permits every single week.' },
{ n: '04', icon: 'message-circle', t: 'Homeowner feedback', s: 'Real projects and real outcomes, feeding back to sharpen every estimate we give.' }];
return (
{sources.map((s) =>
{s.n}
{s.t}
{s.s}
)}
);
}
// Shared auto-advancing product-shot carousel (used on Home + Our Story).
function ProductCarousel() {
const shots = [
{ src: 'assets/shot-result.png', cap: 'Based on your answers, see exactly what your project needs.' },
{ src: 'assets/shot-arborist.png', cap: 'Replacement-tree and arborist requirements, mapped to your city.' },
{ src: 'assets/shot-summary.png', cap: 'Describe your project, see exactly what it needs.' },
{ src: 'assets/shot-application.png', cap: 'Track every document and requirement in one place.' }];
const [i, setI] = React.useState(0);
const [paused, setPaused] = React.useState(false);
const [zoom, setZoom] = React.useState(false);
const touchX = React.useRef(null);
React.useEffect(() => {
if (!zoom) return undefined;
const onKey = (e) => {
if (e.key === 'Escape') setZoom(false);else
if (e.key === 'ArrowRight') setI((p) => (p + 1) % shots.length);else
if (e.key === 'ArrowLeft') setI((p) => (p - 1 + shots.length) % shots.length);
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [zoom, shots.length]);
React.useEffect(() => {
const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if (paused || zoom || reduce) return undefined;
const t = setInterval(() => setI((p) => (p + 1) % shots.length), 4500);
return () => clearInterval(t);
}, [paused, zoom, shots.length]);
React.useEffect(() => {if (window.lucide) window.lucide.createIcons();});
const go = (n) => setI((n + shots.length) % shots.length);
const onTouchStart = (e) => {touchX.current = e.touches[0].clientX;setPaused(true);};
const onTouchEnd = (e) => {
if (touchX.current == null) return;
const dx = e.changedTouches[0].clientX - touchX.current;
if (Math.abs(dx) > 40) go(dx < 0 ? i + 1 : i - 1);
touchX.current = null;
};
return (
