// Home / Landing page — DakLab Property AI // Renault DS — white canvas, hairline cards, single primary accent. const { useState, useMemo, useRef, useEffect } = React; // ---------- Icons (Lucide-style, 1.6 stroke) ---------- const Icon = { list: , snapshot: , contact: , trend: , refresh: , send: , attach: , plus: , check: , search: , views: , saves: , }; // TEMP: demo link to Property Hub — remove when routing is wired const TEMP_PH_DEMO_ADDR = "2318 North Sherman Williams Blvd"; const TEMP_PH_DEMO_HREF = "../property-hub/index.html"; const TEMP_OPP_DEMO_ADDR = "1840 North Ave"; const TEMP_OPP_DEMO_HREF = "../workflow/index.html"; // ---------- Health ring (compact, copied vibe from PropertyHub) ---------- function MiniRing({ value, size = 44 }) { const r = (size - 6) / 2; const c = 2 * Math.PI * r; const dash = (value / 100) * c; const tone = value >= 70 ? "#5e8a3a" : value >= 45 ? "#d68a2a" : "#b34141"; return (
{value}
Health
); } // ---------- Confetti ---------- function fireConfetti(originEl) { const canvas = document.createElement("canvas"); canvas.className = "home-confetti"; document.body.appendChild(canvas); const ctx = canvas.getContext("2d"); const dpr = window.devicePixelRatio || 1; const resize = () => { canvas.width = window.innerWidth * dpr; canvas.height = window.innerHeight * dpr; canvas.style.width = window.innerWidth + "px"; canvas.style.height = window.innerHeight + "px"; ctx.scale(dpr, dpr); }; resize(); const rect = originEl ? originEl.getBoundingClientRect() : null; const ox = rect ? rect.left + rect.width / 2 : window.innerWidth / 2; const oy = rect ? rect.top + rect.height / 2 : window.innerHeight / 2; const rootStyles = getComputedStyle(document.documentElement); const primary = rootStyles.getPropertyValue("--r-primary").trim() || "#bd2136"; const primaryDeep = rootStyles.getPropertyValue("--r-primary-deep").trim() || "#8f1929"; const colors = [primary, "#000000", primaryDeep, "#ffffff", "#5e8a3a"]; const N = 140; const particles = []; for (let i = 0; i < N; i++) { const angle = Math.random() * Math.PI * 2; const speed = 6 + Math.random() * 10; particles.push({ x: ox, y: oy, vx: Math.cos(angle) * speed, vy: Math.sin(angle) * speed - 4, g: 0.32 + Math.random() * 0.18, rot: Math.random() * Math.PI, vr: (Math.random() - 0.5) * 0.4, w: 6 + Math.random() * 8, h: 3 + Math.random() * 5, color: colors[(Math.random() * colors.length) | 0], life: 0, maxLife: 90 + Math.random() * 40, }); } let raf; function tick() { ctx.clearRect(0, 0, canvas.width, canvas.height); let alive = 0; for (const p of particles) { p.life++; if (p.life > p.maxLife) continue; alive++; p.vy += p.g; p.vx *= 0.99; p.x += p.vx; p.y += p.vy; p.rot += p.vr; const a = 1 - p.life / p.maxLife; ctx.save(); ctx.globalAlpha = Math.max(0, a); ctx.translate(p.x, p.y); ctx.rotate(p.rot); ctx.fillStyle = p.color; ctx.fillRect(-p.w / 2, -p.h / 2, p.w, p.h); ctx.restore(); } if (alive > 0) raf = requestAnimationFrame(tick); else { cancelAnimationFrame(raf); canvas.remove(); } } tick(); } // ---------- Seed data ---------- const SEED_OPPS = [ { id: "opp-1840", address: "1840 North Ave", source: "Owner Contact Finder", status: "Owner Contact Found", signal: "Strong equity signal · ready for strategy prep", recommendation: "Create a Listing Strategy Blueprint before outreach.", primary: "Create Blueprint", }, { id: "opp-72grove", address: "72 Grove Street", source: "CRM Import", status: "Contact Linked", signal: "Imported lead · property snapshot still needed", recommendation: "Run a Property Snapshot to qualify the opportunity.", primary: "Run Snapshot", }, ]; const SEED_ACTIVES = [ { id: "active-2318", address: "2318 North Sherman Williams Blvd", locality: "Raleigh, NC 27609", photo: "https://photos.zillowstatic.com/fp/67a1fa617ed04801179748f8a942a9e4-cc_ft_1536.webp", health: 56, summary: "Solid exposure, but saves are lagging. Prepare the seller for a pricing conversation.", stats: { views: 707, saves: 48, dom: 2, rate: "6.8%", rateLabel: "save-to-view" }, rec: "Send a seller report and prepare a strategic price adjustment conversation.", primary: "Create Seller Update", secondary: "Preview", }, { id: "active-88harbor", address: "88 Harbor Point", locality: "Cary, NC 27519", photo: null, health: 61, summary: "Views are steady, but saves are lagging. Refresh the lead photo.", stats: { views: 412, saves: 11, dom: 18, rate: "2.7%", rateLabel: "save-to-view" }, rec: "Refresh marketing before the listing starts to feel stale.", primary: "Refresh Marketing", secondary: "Preview", }, ]; const SEED_LIBRARY = [ { id: "lib-1", address: "193 Crossings Pl", state: "Active listing", source: "Realtor.com profile", activity: "Imported 2 days ago", status: "Ready" }, { id: "lib-2", address: "1402 E Lenoir St", state: "Active listing", source: "Single address", activity: "Health checked today", status: "Needs review" }, { id: "lib-3", address: "555 Main St", state: "Opportunity", source: "Owner Contact Finder", activity: "Strategy started", status: "Ready" }, { id: "lib-4", address: "789 Pine Ridge", state: "Sold", source: "CRM import", activity: "Imported last week", status: "Archived" }, { id: "lib-5", address: "1840 North Ave", state: "Opportunity", source: "Owner Contact Finder", activity: "Contact found today", status: "Ready" }, { id: "lib-6", address: "72 Grove Street", state: "Imported", source: "CRM import", activity: "Contact linked today", status: "Ready" }, { id: "lib-7", address: "2318 North Sherman Williams Blvd", state: "Active listing", source: "Zillow profile", activity: "Seller update ready", status: "Ready" }, { id: "lib-8", address: "88 Harbor Point", state: "Active listing", source: "Zillow profile", activity: "Health checked today", status: "Watch" }, { id: "lib-9", address: "412 Oakwood Dr", state: "Imported", source: "CRM import", activity: "Imported 4 days ago", status: "Ready" }, { id: "lib-10", address: "67 Lakeshore Ct", state: "Opportunity", source: "Owner Contact Finder", activity: "Snapshot complete", status: "Ready" }, { id: "lib-11", address: "1209 Brookline Way", state: "Active listing", source: "Realtor.com profile", activity: "Marketing refreshed", status: "Ready" }, { id: "lib-12", address: "904 Forest Hills Dr", state: "Sold", source: "Single address", activity: "Closed last month", status: "Archived" }, ]; // ---------- Hero section ---------- function HomeHero() { return (
DakLab Property AI

Hey Brad, let's get started.