; } /* ---------- lifestyle photo with brand grade ---------- */ function PhotoFrame({ src, alt, grade, caption, style, className }) { return (

{caption && {caption}}

); } /* ---------- scroll reveal hook ---------- */ function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((ents) => { ents.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }); } /* ---------- NAV ---------- */ function Nav() { return ( ); } /* ---------- HERO ---------- */ function Hero() { const [email, setEmail] = useState(''); const [sent, setSent] = useState(false); return (

Your AI concierge for real-world experiences.

{/* lockup on solid dark ground — static, no glow/motion behind it */} DARTE — One App. Fast Plans.

{/* phones */}

{/* single CTA */}

Join the waitlist — be the first to experience DARTE

{sent ? (

You’re on the list. DARTE’s got the rest.

) : ( )}

); } /* ---------- WHAT DARTE DOES + acronym ---------- */ function WhatDarte() { const rows = [ { L: 'D', word: 'ining', color: 'var(--cat-dining)', icon: 'utensils', sub: 'Restaurants & Bars' }, { L: 'A', word: 'ttractions', color: 'var(--cat-attractions)', icon: 'ferris-wheel', sub: 'Theme & Water Parks, Museums & Beaches' }, { L: 'R', word: 'eservations', color: 'var(--cat-reservations)', icon: 'calendar-check', sub: 'Clubs, Shows & Events' }, { L: 'T', word: 'ransportation', color: 'var(--cat-transportation)', icon: 'car-front', sub: 'Taxi, Transfers, & Rentals' }, { L: 'E', word: 'ntertainment', color: 'var(--cat-entertainment)', icon: 'party-popper', sub: 'Concerts, Professional Sports & Museums' }, ]; return (

Why You'll Love DARTE

DARTE simplifies booking, dining, attractions, reservations, and transportation into one intelligent, seamless planning experience.

{/* one photo per headline category — real people living each one */}

{rows.map((r, i) => (

{r.L}{r.word} {r.sub}

))}

); } /* ---------- APPS → DARTE converging graphic ---------- */ function neonArrow(x1, y1, x2, y2, color, key) { const ang = Math.atan2(y2 - y1, x2 - x1); const ah = 30, aw = 17; const bx = x2 - Math.cos(ang) * ah, by = y2 - Math.sin(ang) * ah; const lx = bx - Math.sin(ang) * aw, ly = by + Math.cos(ang) * aw; const rx = bx + Math.sin(ang) * aw, ry = by - Math.cos(ang) * aw; return ( ); } function AppTile({ ic, label, color }) { return (

{label}

); } function Problem() { const G = '#15BF00', O = '#FF7A1A'; const apps = [ { ic: 'map-pin', label: 'Maps', color: '#21B8FF' }, { ic: 'car-front', label: 'Uber', color: '#00E0C6' }, { ic: 'utensils', label: 'OpenTable', color: '#FF7A1A' }, { ic: 'ticket', label: 'Ticketmaster', color: '#C24DFF' }, ]; return (

The Problem

Planning a night out shouldn’t require five apps, ten tabs, and a dozen dead-end searches.

A person overwhelmed juggling Maps, OpenTable, Ticketmaster, and Uber apps to plan one night out, captioned: too many apps, too many steps, too much time.

The DARTE Solution

{/* ---- DESKTOP converging band ---- */}

{/* corner tiles */}

{/* center DARTE mark */}

{/* ---- MOBILE stacked ---- */}

DARTE does not replace existing platforms. It connects them.

); } /* ---------- SOLUTION — animated chat ---------- */ const USER_MSG = 'find me dinner and something fun tonight'; function SolutionChat() { const [typed, setTyped] = useState(''); const [phase, setPhase] = useState('typing'); // typing -> thinking -> reply const boxRef = useRef(null); useEffect(() => { let cancelled = false; let timers = []; function run() { setTyped(''); setPhase('typing'); let i = 0; function typeChar() { if (cancelled) return; i++; setTyped(USER_MSG.slice(0, i)); if (i < USER_MSG.length) timers.push(setTimeout(typeChar, 55)); else timers.push(setTimeout(() => { setPhase('thinking'); timers.push(setTimeout(() => setPhase('reply'), 1400)); timers.push(setTimeout(run, 7000)); }, 500)); } timers.push(setTimeout(typeChar, 700)); } run(); return () => { cancelled = true; timers.forEach(clearTimeout); }; }, []); useEffect(() => { if (boxRef.current) boxRef.current.scrollTop = boxRef.current.scrollHeight; }, [typed, phase]); return (

DARTE

AI Concierge · Online

{/* user bubble */}

{typed}{phase === 'typing' && |}

{phase === 'thinking' && (

)} {phase === 'reply' && (

Got it! Here’s your night — dinner, then a show, ride timed in between.

)}

); } function ItinLine({ icon, color, title, sub }) { return (

{title}

{sub}

); } function HowItWorks() { const steps = [ { n: '01', icon: 'message-square', title: 'You Ask.', sub: 'Tell DARTE what you’re in the mood for — in plain words.', color: 'var(--cat-attractions)', size: 'clamp(24px,3vw,32px)', mw: 440 }, { n: '02', icon: 'sparkles', title: 'DARTE Recommends.', sub: 'It reads your vibe and lines up a complete, timed plan.', color: 'var(--cat-reservations)', size: 'clamp(28px,3.8vw,42px)', mw: 560 }, { n: '03', icon: 'check-check', title: 'DARTE Books.', sub: 'Dinner, tickets, and a ride — confirmed within one app.', color: 'var(--brand)', size: 'clamp(36px,5vw,58px)', mw: 680 }, ]; const [notifIn, setNotifIn] = useState(false); const diffRef = useRef(null); useEffect(() => { const io = new IntersectionObserver((e) => { if (e[0].isIntersecting) { setNotifIn(false); setTimeout(() => setNotifIn(true), 400); } }, { threshold: 0.4 }); if (diffRef.current) io.observe(diffRef.current); return () => io.disconnect(); }, []); return (

How it works

You Ask.
DARTE Recommends.
DARTE Books.

No tabs, no toggling. One conversation turns a vague idea into a night that’s proactively planned.

{/* three steps — centered, pyramid by size, color-coded */}

{steps.map((s, i) => (

{s.n}

{s.title}

{s.sub}

))}

{/* ---- THE DARTE DIFFERENCE — same section, visually delineated sub-block ---- */}

The DARTE difference

DARTE suggests before you ask.

Most apps wait for a search. DARTE is proactive — it knows your taste, reads the moment, and surfaces the plan before it crosses your mind.

{/* the key differentiator, called out with real visual weight */}

It doesn’t just recommend. It books it.

A general AI chatbot stops at a suggestion. DARTE completes the booking — table, tickets, ride — done, not just recommended.

{[ { ic: 'radar', t: 'Reads the moment', d: 'Time, location, and your vibe — DARTE connects them in the background.' }, { ic: 'zap', t: 'Suggests, not searches', d: 'The right place, table, and ride arrive as one tappable plan.' }, ].map(x => (

{x.t}

{x.d}

))}

); } /* ---------- FOOTER CTA ---------- */ function Footer() { return ( ); } /* ---------- APP ---------- */ function App() { useReveal(); useEffect(() => { document.documentElement.setAttribute('data-theme', 'dark'); }, []); return ( <>

Why You'll Love DARTE

The Problem

The DARTE Solution

You Ask.DARTE Recommends.DARTE Books.

DARTE suggests before you ask.

You Ask.
DARTE Recommends.
DARTE Books.