/* LandingSections.jsx - content below the scroll hero */ const MoreFeaturesSection = () => { const features = [ { tag: 'Surveys', title: 'Run surveys against 10,000 personas in 90 seconds', body: 'Likert, NPS, MaxDiff, Van Westendorp - all native templates. Results stratified by any persona attribute.' }, { tag: 'Concept tests', title: 'Drop in a mockup. Get reactions before lunch.', body: 'Image, video, or copy. Personas react in their own voice; sentiment + open-ended feedback are auto-coded.' }, { tag: 'Branching what-ifs', title: 'Re-run the same simulation, change one variable', body: 'Cut income by 30%. Switch geography. Add a competitor. Compare branches side-by-side.' }, { tag: 'Cross-agent influence', title: 'Personas talk to each other, not just to you', body: 'Model word-of-mouth, social proof, and platform-specific posting behavior across Reddit, IG, X, WhatsApp, TikTok.' }, { tag: 'Cohort dashboards', title: 'Slice by belief, not just by demographic', body: 'Group personas by eco-concern, price sensitivity, brand loyalty - any latent attribute, not just age and zip.' }, { tag: 'Replay & export', title: 'Every decision is auditable, every transcript is yours', body: 'Export to CSV, Notion, Figma, or your data warehouse. Full provenance for every persona belief.' }, ]; return (
And there's much more

And there's so much more Lokara can do.

The build / decide / talk loop is the spine. Everything else - surveys, concept tests, what-if branching, cross-agent influence - sits on top of it.

{features.map((f, i) => (
{f.tag}

{f.title}

{f.body}

Learn more →
))}
See every capability →
); }; /* Live "simulations running" counter. Source of truth: Postgres function public.simulations_running() — same value for everyone, changes every 7 minutes. The JS fallback below uses the same 7-minute bucketing so the cadence is preserved if the DB is unreachable or the function isn't created yet. Range: [110, 844]. */ const SIMS_BUCKET_SECONDS = 420; // 7 min const SIMS_MIN = 110; const SIMS_RANGE = 735; // 110..844 const computeLiveSimsFallback = (now = Date.now()) => { const bucket = Math.floor((now / 1000) / SIMS_BUCKET_SECONDS); const h = (Math.imul(bucket, 2654435761) >>> 0); // unsigned 32-bit hash return SIMS_MIN + (h % SIMS_RANGE); }; const useLiveSims = () => { const [n, setN] = React.useState(() => computeLiveSimsFallback()); React.useEffect(() => { let cancelled = false; const tick = async () => { const fetcher = window.lokaraFetchLiveSims; const v = fetcher ? await fetcher() : null; if (cancelled) return; setN(typeof v === 'number' ? v : computeLiveSimsFallback()); }; tick(); // Re-fetch every 7 minutes. setTimeout chain (not setInterval) so each // tick aligns with the wall-clock bucket boundary roughly. const id = setInterval(tick, SIMS_BUCKET_SECONDS * 1000); return () => { cancelled = true; clearInterval(id); }; }, []); return n; }; window.useLiveSims = useLiveSims; /* Numbers band */ const NumbersBand = () => { const liveSims = useLiveSims(); const stats = [ { val: '< 90s', lbl: 'Avg time from prompt to first result' }, { val: '10,000', lbl: 'Personas per simulation, max' }, { val: liveSims.toLocaleString(), lbl: 'Simulations running right now', live: true }, { val: '94%', lbl: 'Concept tests that match real-world results' }, ]; return (
{stats.map((s, i) => (
{s.live && (
))}
); }; /* Final CTA */ const FinalCTA = () => { const [email, setEmail] = React.useState(''); const [interest, setInterest] = React.useState(''); const [status, setStatus] = React.useState('idle'); // idle | submitting | success | error const [message, setMessage] = React.useState(''); const onSubmit = async (e) => { e.preventDefault(); if (status === 'submitting') return; const trimmed = email.trim(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(trimmed)) { setStatus('error'); setMessage('Please enter a valid email.'); return; } setStatus('submitting'); setMessage(''); const submit = window.lokaraSubmitSignup || (() => Promise.resolve({})); const track = window.lokaraTrack || (() => {}); const res = await submit({ email: trimmed, interest }); const err = res && res.error; if (err) { const isDup = err.code === '23505' || /duplicate/i.test(err.message || ''); if (isDup) { setStatus('success'); setMessage("You're already on the list - see you soon."); track('signup_duplicate', { interest }); return; } setStatus('error'); setMessage(err.message || 'Something went wrong. Try again?'); return; } setStatus('success'); setMessage("Thanks - we'll be in touch within 24 hours."); track('signup_submitted', { interest_present: !!interest }); }; return (
Free for design partners

Stop guessing what your customers want.
Ask them.

See how Lokara fits your team. 30 minutes, your concept, our personas - you'll leave with a working simulation.

setEmail(e.target.value)} placeholder="Work email" disabled={status === 'submitting'} style={{ padding: '12px 14px', fontSize: 14, fontFamily: 'inherit', border: '1px solid var(--border-2)', borderRadius: 8, background: 'var(--bg-elevated)', color: 'var(--fg-1)', outline: 'none', }} /> setInterest(e.target.value)} placeholder="What you'd test first" disabled={status === 'submitting'} style={{ padding: '12px 14px', fontSize: 14, fontFamily: 'inherit', border: '1px solid var(--border-2)', borderRadius: 8, background: 'var(--bg-elevated)', color: 'var(--fg-1)', outline: 'none', }} /> {message && (
{message}
)}
Reply within 24 hours · No credit card · No sales call
); }; const Footer = () => ( ); const ThemeToggle = ({ theme, onToggle }) => { const isDark = theme === 'dark'; const faceBase = { position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 16, lineHeight: 1, color: 'var(--accent)', backfaceVisibility: 'hidden', WebkitBackfaceVisibility: 'hidden', }; return ( ); }; const Nav = ({ theme, onToggleTheme }) => ( ); window.MoreFeaturesSection = MoreFeaturesSection; window.NumbersBand = NumbersBand; window.FinalCTA = FinalCTA; window.Footer = Footer; window.Nav = Nav;