// landing-art.jsx — custom vibrant illustrations (no real app screens). // Each illustration is built from parallax LAYERS that move at different // speeds on scroll → real depth, not a flat scroll-in. // ── parallax layer ────────────────────────────────────────── function PX({ speed = 0.05, className = '', style = {}, children, ...rest }) { const ref = useParallax(speed); return (
{children}
); } const A = (n) => S2AV(n); // ── HERO ART — live pulse-radar with orbiting people + cards ─ function HeroArt() { return (
{/* orbiting people */} {/* live pill */} Goa · Live {/* crossing match card */}
92%
You’re both feeling street food rn
1.2 km apart · say ssup
 {/* live drop card */}
Beach bonfire
Anjuna · 21:00
14 going
); } // ── DISCOVER — constellation of people, one match lit ─────── function IlluDiscover() { return (
92% match
); } // ── COMPASS — radar + floating move chips ─────────────────── function IlluCompass() { return (
YOUR PULSE
Social · street food
Night-market crawl
3 stops · 1.8 km
Sunset drift
18:30 · 6 going
); } // ── GO — route between pins + a live plan card ────────────── function IlluGo() { return (
PLAN · LIVE Go
Street food crawl
Market Gate 2 · 21:30
2 on the way
); } // ── PASSPORT — fanned photo stamps ────────────────────────── function IlluPassport() { const stamps = [ { src: S2PH.sunset, cap: 'Anjuna', date: 'Jun 8', x: '8%', y: '40%', r: -9, s: 0.08 }, { src: S2PH.market, cap: 'Mapusa', date: 'Jun 6', x: '34%', y: '24%', r: -1, s: 0.13 }, { src: S2PH.party, cap: 'Vagator', date: 'Jun 4', x: '58%', y: '36%', r: 8, s: 0.18 }, ]; return (
{stamps.map((st) => (
{st.cap}
{st.date}
 ))} 12 stamps
); } // ── SAFETY — glowing shield over a frosted map ────────────── function IlluSafety() { return (
Verified Hold for SOS Location blurred
); } // ── LIVE MAP — real dark CARTO tiles + live overlays ──────── function MapTiles() { const z = 13, x0 = 2410, y0 = 3081, cols = 5, rows = 3; const tiles = []; for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) tiles.push([x0 + c, y0 + r]); return (
{tiles.map(([x, y]) => ( ))}
); } function MapPin({ x, y, live, label, sub, speed = 0.1 }) { return (
{label}{sub ? {sub} : null}
); } function MapLive() { return (
Goa · Live
6 crossings
within 1 km · rn
); } Object.assign(window, { PX, HeroArt, IlluDiscover, IlluCompass, IlluGo, IlluPassport, IlluSafety, MapTiles, MapPin, MapLive, MapBgTiles }); // ── full-page faint map backdrop (real CARTO tiles) ───────── function MapBgTiles() { const z = 14, x0 = 4820, y0 = 6159, cols = 8, rows = 6; const tiles = []; for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) tiles.push([x0 + c, y0 + r]); return (
{tiles.map(([x, y]) => ( ))}
); }