// v3-site.jsx, App composition, nav, waitlist, trust strip, footer, tweaks. const { BRAND, SAT, SF, MONO, useReducedMotion, useInView, useViewport, Cortex, Wordmark, Eyebrow, SCENES_DATA, HERO_HEADLINES, CinematicScene, HeroScene, StatementStrip, PromiseLines, ImagineLine, ComparisonSection, MindModel, HowItWorks, PaysForItself, FAQSection, FounderNote, useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakToggle, TweakSelect } = window; const { useState, useRef, useEffect, useMemo } = React; // Keyframes used by the generic-AI / Lantic comparison. if (typeof document !== 'undefined' && !document.getElementById('nc-kf')) { const s = document.createElement('style'); s.id = 'nc-kf'; s.textContent = ` @keyframes nc-blink { 0%,49%{opacity:1} 50%,100%{opacity:0} } @keyframes nc-eq { 0%,100%{ transform: scaleY(0.32); } 50%{ transform: scaleY(1); } } @keyframes nc-ring { 0%{ transform: scale(0.78); opacity:.55; } 100%{ transform: scale(1.9); opacity:0; } } @keyframes nc-swipe { 0%{ opacity:0; transform: translateY(14px); } 100%{ opacity:1; transform: none; } } `; document.head.appendChild(s); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroVariant": "default", "motion": "active", "voice": "mate", "heroPersona": "v1", "showOverlayOrb": true }/*EDITMODE-END*/; // ───────────────────────────────────────────────────────────────── // Top nav, minimal, sticky. Wordmark left, waitlist CTA right. // ───────────────────────────────────────────────────────────────── function Nav({ onCTA }) { const [scrolled, setScrolled] = useState(false); const vw = useViewport(); const compact = vw < 720; useEffect(() => { const on = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', on, { passive: true }); on(); return () => window.removeEventListener('scroll', on); }, []); return ( ); } // ───────────────────────────────────────────────────────────────── // NotChat, Generic AI vs. Lantic. // ───────────────────────────────────────────────────────────────── function NotChat() { const ref = useRef(null); const inView = useInView(ref, 0.28); const reduced = useReducedMotion(); const vw = useViewport(); const phone = vw < 640; // What Lantic surfaces on its own — colour-keyed to the lobe system from S6. const nudges = [ { k: 'MONEY', col: '#10B981', t: 'Morrison was 8 days over. I chased it, it’s in.' }, { k: 'FAMILY', col: '#FB923C', t: 'Sophie’s game is Friday 4pm. Don’t miss this one.' }, { k: 'TEAM', col: '#7DD3FC', t: 'Friday’s cover is sorted with Jordan’s Lantic. No call needed.' }, ]; const [ni, setNi] = useState(0); useEffect(() => { if (!inView || reduced) return; const t = setInterval(() => setNi(p => (p + 1) % nudges.length), 3000); return () => clearInterval(t); }, [inView, reduced]); const active = nudges[ni]; return (
{/* LEFT — generic AI: a frozen, empty box that waits */}
Generic AI assistants
A blank box that waits
for you to type.
Helpful when you ask. Blind to everything else.
{/* what a tool-you-call can't do on its own */}
What it can’t do for you
{[ 'You have to ask first. It only knows what you type.', 'It can’t connect to your world.', 'It doesn’t remember your world.', 'It can’t reach your team.', ].map(t => (
{t}
))}
{/* an empty chat surface — nothing happens until you act */}
New chat
Empty until you ask.
It knows nothing about your day.
Ask anything…
You have to know the question. Every time.
{/* RIGHT — Lantic: proactive, alive, comes to you (no input box) */}
Lantic WORKING NOW
A human personal assistant.
Who happens to be AI.
You never opened it. It speaks first, surfacing the things you didn’t know to ask about.
{/* the orb, talking — with one nudge auto-swiping beneath it */}
{/* speaking orb */}
{!reduced && [0, 1].map(r => ( ))}
{/* waveform — Lantic is speaking */}
{[0, 1, 2, 3, 4, 5, 6].map(b => ( ))}
{/* the spoken nudge — re-keyed so each one swipes in */}
{active.k}
“{active.t}”
{/* progress dots */}
{nudges.map((n, i) => (
Lantic already knew to{' '} tell you.
); } // ───────────────────────────────────────────────────────────────── // TrustStrip, the data promise. Tight, confident, no marketing. // ───────────────────────────────────────────────────────────────── function TrustStrip() { const ref = useRef(null); const inView = useInView(ref, 0.3); const vw = useViewport(); const phone = vw < 640; const items = [ { k: 'Encrypted', v: 'Your data never leaves Lantic. End-to-end.' }, { k: 'Forgettable', v: 'Ask Lantic to forget anything, or everything, forever.' }, { k: 'Yours', v: 'Never sold. Never used to train other people’s models.' }, ]; return (
A promise, in three lines
Lantic learns more about you than any tool you’ve used. That trust runs one way, from us to you.
{items.map((it, i) => (
{it.k}
{it.v}
))}
); } // ───────────────────────────────────────────────────────────────── // WaitlistSection, email + role + optional excitement. // ───────────────────────────────────────────────────────────────── function WaitlistSection() { const ref = useRef(null); const inView = useInView(ref, 0.2); const vw = useViewport(); const phone = vw < 640; const [email, setEmail] = useState(''); const [role, setRole] = useState(null); const [excited, setExcited] = useState(''); const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const roles = ['Builder', 'SMB Owner', 'Corporate', 'Clinic / Practice', 'Other']; // Posts to Netlify Forms. The hidden static
in index.html // is detected at deploy time; this fetch routes here via form-name. Submissions // are emailed to lantic.admin@gmail.com (configured in Netlify dashboard). const onSubmit = async (e) => { e.preventDefault(); if (!email || !role || submitting) return; setSubmitting(true); const body = new URLSearchParams({ 'form-name': 'waitlist', 'bot-field': '', email: email, role: role, hand_over_first: excited || '', page_url: typeof window !== 'undefined' ? window.location.href : '', submitted_at: new Date().toISOString(), }).toString(); try { await fetch('/', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: body, }); } catch (err) { // Soft-fail: still show the thank-you state so the visitor isn't stuck. // Netlify queues most submissions even when fetch reports an error. console.error('Waitlist submission error:', err); } finally { setSubmitted(true); setSubmitting(false); // Fire Clarity custom event so we can see conversions in heatmaps. if (typeof window !== 'undefined' && window.clarity) { try { window.clarity('event', 'waitlist_submitted'); } catch (_) {} } } }; return (
Private rollout

Lantic is rolling out to a small group first.
Be one of them.

We’re onboarding founders, clinic owners, builders, and operators by hand. Tell us about you, we’ll write back when there’s something real to say.
{!submitted ? ( {/* Netlify form identifier + honeypot — handled by index.html schema */}

You’re a…
{roles.map(r => ( ))}
{/* Hidden field passes the chosen role into Netlify form submission */}
By joining, you agree to be contacted about Lantic. See our privacy notice.
) : (
You’re on the list.
We’ll write when there’s something real to say. Promise.
)}
Your data never leaves Lantic.
Ask Lantic to forget anything, or everything, forever.
); } const fieldLabel = { fontFamily: MONO, fontSize: 10.5, color: BRAND.skyMist, letterSpacing: '0.22em', fontWeight: 600, textTransform: 'uppercase', marginBottom: 8, display: 'block' }; const fieldInput = { width: '100%', height: 50, padding: '0 18px', borderRadius: 12, background: 'rgba(255,255,255,.04)', border: '1px solid rgba(255,255,255,.10)', color: BRAND.ink, fontSize: 15.5, letterSpacing: -0.15, outline: 'none', transition: 'all 200ms ease' }; // ───────────────────────────────────────────────────────────────── // Footer, quiet, single-line. // ───────────────────────────────────────────────────────────────── function Footer() { return ( ); } // ───────────────────────────────────────────────────────────────── // App // ───────────────────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const goToWaitlist = () => { document.getElementById('waitlist')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; const headline = HERO_HEADLINES[t.heroVariant] || HERO_HEADLINES.default; const heroScene = SCENES_DATA[0]; const otherScenes = SCENES_DATA.slice(1); return (
); } ReactDOM.createRoot(document.getElementById('root')).render();