export default function FlowPermitIntelDashboard() {
const stats = [
{ label: 'Total permits reviewed', value: '364' },
{ label: 'Total construction value', value: '$160.1M' },
{ label: 'Residential permits', value: '291' },
{ label: 'Commercial permits', value: '60' },
];
const permitMix = [
{ type: 'Renovation / Alteration', permits: 85, value: '$50.9M', angle: 'Best repeat-service category. Good for quick-turn quoting and follow-up with GCs.' },
{ type: 'Secondary Suite', permits: 69, value: '$3.76M', angle: 'Strong homeowner upsell lane: panel checks, smoke/CO, receptacles, lighting, AFCI/GFCI corrections.' },
{ type: 'Single / Semi-Detached Dwelling', permits: 47, value: '$20.36M', angle: 'New-home builder relationship lane.' },
{ type: 'Basement Development', permits: 31, value: '$903K', angle: 'Great for fast homeowner conversion with package pricing.' },
{ type: 'Multi-Unit Dwelling 3+ Units', permits: 12, value: '$21.89M', angle: 'Bigger-ticket GC/developer play.' },
{ type: 'New Commercial', permits: 7, value: '$55.08M', angle: 'Low count, huge dollar value. High-value GC and design-build target list.' },
];
const hotspots = [
{ area: 'The Towns', permits: 73, value: '$8.79M', play: 'Heavy residential density. Good for targeted homeowner campaigns and builder outreach.' },
{ area: 'Old 33', permits: 31, value: '$13.97M', play: 'Renovation-rich area. Good for service upgrades, rewires, suites, and panel work.' },
{ area: 'Westerra', permits: 29, value: '$24.83M', play: 'Builder/developer lane with meaningful value.' },
{ area: 'Harbour Landing', permits: 24, value: '$4.69M', play: 'Steady residential opportunity. Good postcard + Google ads zone.' },
{ area: 'The Greens on Gardiner', permits: 11, value: '$837K', play: 'Low-mid volume but consistent residential work.' },
{ area: 'Hawkstone', permits: 7, value: '$3.50M', play: 'Smaller count, respectable value. Worth watching for renovation and infill work.' },
{ area: 'Industrial Ross', permits: 6, value: '$7.53M', play: 'Commercial/industrial leads worth direct outreach.' },
{ area: 'Wascana Park', permits: 5, value: '$49.47M', play: 'Very high-value permits. Not volume-based—relationship-based.' },
];
const targets = [
{ name: 'Pacesetter New Homes', permits: 10, value: '$2.77M', move: 'Builder contact list. Pitch overflow capacity, deficiency cleanup, and quick-turn service.' },
{ name: 'Colby Kirkpatrick - Pacesetter Homes', permits: 7, value: '$2.80M', move: 'Likely active PM / field contact worth knowing directly.' },
{ name: 'Crawford Homes (1991) Ltd.', permits: 7, value: '$1.74M', move: 'Builder lane. Offer clean rough-in/trim systems and better closeout speed.' },
{ name: 'Rohit Communities Inc.', permits: 4, value: '$1.37M', move: 'Developer/builder lane. Worth a relationship-building intro.' },
{ name: 'Avana Developments Inc.', permits: 2, value: '$3.26M', move: 'Fewer permits but strong value. Higher-level commercial or multi-family lane.' },
{ name: 'Ehrenburg Properties - Regina Limited', permits: 3, value: '$1.06M', move: 'Property/developer lane. Could be good for repeat scopes.' },
{ name: 'Lucky Links Building Services', permits: 13, value: '$654K', move: 'High count, lower-value residential cadence. Good for steady small-job partnerships.' },
];
const nightPlan = [
'Pull the newest permit sheet every Thursday and refresh your target list.',
'Tag every permit into one of three lanes: homeowner, builder, or GC/developer.',
'For homeowner lanes, build 1-page offers around suites, basement developments, panel checks, and renovation electrical packages.',
'For builder/GC lanes, track repeated names and reach out with a sharp one-paragraph intro plus 3 reasons you are easier to work with.',
'Run location-specific Google pages and ads for the hottest subdivisions instead of broad “electrician Regina” messaging.',
];
return (
<div className="min-h-screen bg-slate-50 text-slate-900 p-6 md:p-10">
<div className="max-w-7xl mx-auto space-y-8">
<div className="rounded-3xl bg-white shadow-sm border border-slate-200 p-8">
<div className="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
<div>
<p className="text-sm uppercase tracking-[0.2em] text-slate-500">Flow Electric</p>
<h1 className="text-4xl md:text-5xl font-semibold tracking-tight">Regina Permit Intel Dashboard</h1>
<p className="mt-3 text-base md:text-lg text-slate-600 max-w-3xl">
A practical business-development dashboard built from the City of Regina 2026 building permit report.
It is designed to help you spot where the work is, who is moving, and where Flow Electric can get in earlier.
</p>
</div>
<div className="rounded-2xl bg-slate-900 text-white px-5 py-4 shadow-sm">
<div className="text-xs uppercase tracking-[0.2em] text-slate-300">Best use</div>
<div className="mt-1 text-lg font-medium">Couch-at-night prospecting</div>
</div>
</div>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4">
{stats.map((stat) => (
<div key={stat.label} className="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
<div className="text-sm text-slate-500">{stat.label}</div>
<div className="mt-2 text-3xl font-semibold tracking-tight">{stat.value}</div>
</div>
))}
</div>
<div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
<section className="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
<h2 className="text-2xl font-semibold tracking-tight">Permit mix worth chasing</h2>
<p className="mt-2 text-slate-600">Not every permit matters equally for an electrical contractor. These are the lanes most likely to turn into real work.</p>
<div className="mt-5 space-y-4">
{permitMix.map((item) => (
<div key={item.type} className="rounded-2xl border border-slate-200 p-4">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-2">
<div className="text-lg font-medium">{item.type}</div>
<div className="text-sm text-slate-500">{item.permits} permits • {item.value}</div>
</div>
<p className="mt-2 text-slate-600">{item.angle}</p>
</div>
))}
</div>
</section>
<section className="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
<h2 className="text-2xl font-semibold tracking-tight">Subdivision hotspots</h2>
<p className="mt-2 text-slate-600">These areas are where permit activity is clustering. Use them for tighter ads, postcards, SEO pages, and relationship outreach.</p>
<div className="mt-5 space-y-4">
{hotspots.map((spot) => (
<div key={spot.area} className="rounded-2xl border border-slate-200 p-4">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-2">
<div className="text-lg font-medium">{spot.area}</div>
<div className="text-sm text-slate-500">{spot.permits} permits • {spot.value}</div>
</div>
<p className="mt-2 text-slate-600">{spot.play}</p>
</div>
))}
</div>
</section>
</div>
<section className="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
<h2 className="text-2xl font-semibold tracking-tight">Target account list</h2>
<p className="mt-2 text-slate-600">These names show up often enough, or with enough value, to justify deliberate outreach instead of waiting for referrals.</p>
<div className="mt-5 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
{targets.map((target) => (
<div key={target.name} className="rounded-2xl border border-slate-200 p-5">
<div className="text-lg font-medium leading-tight">{target.name}</div>
<div className="mt-2 text-sm text-slate-500">{target.permits} permits • {target.value}</div>
<p className="mt-3 text-slate-600">{target.move}</p>
</div>
))}
</div>
</section>
<div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
<section className="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
<h2 className="text-2xl font-semibold tracking-tight">What this means for Flow</h2>
<div className="mt-4 space-y-4 text-slate-700 leading-7">
<p>
The obvious play is not just “go after permits.” The smarter move is to split them into two engines.
First, a <span className="font-medium">homeowner conversion engine</span> built around suites, basements, renovations, and garages.
Second, a <span className="font-medium">relationship engine</span> aimed at builders, developers, and GCs who appear repeatedly.
</p>
<p>
The high-value commercial numbers are small in count but heavy in dollars. That means they are not really an ad game.
They are a contact game. Those should become a target list, not just a statistic.
</p>
<p>
The residential clusters are where marketing can be tight and local. That is where pages, ads, door hangers, and quick offers can punch above their weight.
</p>
</div>
</section>
<section className="rounded-3xl bg-slate-900 text-white shadow-sm p-6">
<h2 className="text-2xl font-semibold tracking-tight">Thursday night operating plan</h2>
<div className="mt-4 space-y-3">
{nightPlan.map((step, index) => (
<div key={step} className="flex items-start gap-3 rounded-2xl bg-white/5 p-4 border border-white/10">
<div className="h-8 w-8 shrink-0 rounded-full bg-white text-slate-900 flex items-center justify-center font-semibold">{index + 1}</div>
<p className="text-slate-200 leading-7">{step}</p>
</div>
))}
</div>
</section>
</div>
</div>
</div>
);
}
