/* SendIt landing page — Option C: dark mode primary + coral accents */ const { useState, useEffect, useRef } = React; const SENDIT_BASE_URL = "https://www.sendit.money"; /* ===== Logo wordmark ===== */ function Wordmark({ size = 22 }) { return (

send it

); } /* ===== Lucide-style icons ===== */ const Icon = ({ name, size = 20, stroke = 1.6, color = "currentColor" }) => { const paths = { send: <>, "trending-up": <>, card: <>, "piggy-bank": <>, arrow: <>, "arrow-down": <>, check: <>, x: <>, plus: <>, minus: <>, bolt: <>, download: <>, sparkles: <>, globe: <>, menu: <>, "chevron-r": <>, pin: <>, }; return ( ); }; /* ===== Cycling destination text ===== */ const DESTINATIONS = [ { flag: "🌍", city: "Anywhere" }, { flag: "🇮🇳", city: "India" }, { flag: "🇳🇬", city: "Nigeria" }, { flag: "🇵🇰", city: "Pakistan" }, { flag: "🇻🇳", city: "Vietnam" }, { flag: "🇮🇩", city: "Indonesia" }, { flag: "🇹🇭", city: "Thailand" }, { flag: "🇵🇭", city: "Philippines" }, { flag: "🇰🇪", city: "Kenya" }, { flag: "🇧🇷", city: "Brazil" }, { flag: "🇬🇭", city: "Ghana" }, { flag: "🇧🇩", city: "Bangladesh" }, { flag: "🇱🇰", city: "Sri Lanka" }, { flag: "🇪🇬", city: "Egypt" }, { flag: "🇲🇽", city: "Mexico" }, { flag: "🇨🇴", city: "Colombia" }, { flag: "🇵🇪", city: "Peru" }, { flag: "🇹🇷", city: "Türkiye" }, { flag: "🇲🇦", city: "Morocco" }, { flag: "🇿🇦", city: "South Africa" }, { flag: "🇹🇿", city: "Tanzania" }, { flag: "🇪🇹", city: "Ethiopia" }, { flag: "🇳🇵", city: "Nepal" }, { flag: "🇰🇭", city: "Cambodia" }, { flag: "🇺🇬", city: "Uganda" }, { flag: "🇸🇳", city: "Senegal" }, { flag: "🇦🇷", city: "Argentina" }, ]; function formatJoinDate(value) { try { return new Date(value).toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric", }); } catch { return value; } } function getReferralCodeFromUrl() { try { const params = new URLSearchParams(window.location.search); return (params.get("ref") || "").trim().toUpperCase(); } catch { return ""; } } function CyclingDestination() { const [i, setI] = useState(0); const [animKey, setAnimKey] = useState(0); useEffect(() => { // Hold the first destination for ~3000ms on first paint, then cycle every 2200ms. let interval; const firstTimeout = setTimeout(() => { setI(v => (v + 1) % DESTINATIONS.length); setAnimKey(k => k + 1); interval = setInterval(() => { setI(v => (v + 1) % DESTINATIONS.length); setAnimKey(k => k + 1); }, 2200); }, 3000); return () => { clearTimeout(firstTimeout); if (interval) clearInterval(interval); }; }, []); const d = DESTINATIONS[i]; return ( {d.flag} {d.city} ); } /* ===== Speed-line motif (coral, decorative) ===== */ function SpeedLines({ opacity = 1, scale = 1, style }) { return (

); } /* ===== iPhone device mockup (used in section 2) ===== */ function IPhoneFrame({ children }) { return (

9:41

{children}

); } /* ===== Phone screens for the Stage ===== */ /* Screen 01 — Receipt / The $0 */ function ScreenZero() { return (

Transfer complete

You sent

$1,000

Priya gets

$1,000

$0 fee Arrived in 2.4s Real rate

No fees

No margin

No money lost

); } /* Screen 02 — Send / recipient search */ function ScreenSend() { const matches = [ { name: "Priya Patel", handle: "@priyapatel" }, { name: "Priya Sharma", handle: "@priya.s" }, { name: "Priya Nair", handle: "@priyanair" }, { name: "Priya Kapoor", handle: "@priyakap" }, ]; return (

Send

Send to

Priya

{matches.map((m, i) => (

{m.name}

{m.handle}

🇮🇳

))}

Arrives in 2.4s · $0 fee

); } /* Screen 03 — Spend / Home */ function ScreenSpend() { return (

Cash Balance

$4,128.50

$182 in Savings

Coffee · Joe's

May 10

-$4.50

+$0.09

Tesco · Groceries

May 9

-$32.10

+$0.64

); } /* Screen 04 — Markets / Trade */ function TickerGlyph({ sym }) { // Inline white glyph centred on the brand-coloured circle. switch (sym) { case "AAPL": return ( ); case "ETH": return ( ); case "BTC": return ₿; case "NVDA": return N; case "SPX": return S&P; case "HYPE": return H; case "GOLD": return Au; default: return {sym.charAt(0)}; } } function ScreenTrade() { const holdings = [ { sym: "NVDA", name: "Nvidia", price: "$1,142.80", pct: "+4.21%", bg: "#76B900" }, { sym: "AAPL", name: "Apple", price: "$248.62", pct: "+1.34%", bg: "#1D1D1F" }, { sym: "SPX", name: "S&P 500", price: "$5,842.10", pct: "+0.42%", bg: "#1B365D" }, { sym: "BTC", name: "Bitcoin", price: "$96,140", pct: "+1.82%", bg: "#F7931A" }, { sym: "ETH", name: "Ethereum", price: "$3,420.50", pct: "+0.86%", bg: "#627EEA" }, { sym: "HYPE", name: "Hyperliquid", price: "$28.40", pct: "+6.12%", bg: "#07A78A" }, { sym: "GOLD", name: "Gold", price: "$2,684.10", pct: "+0.42%", bg: "#C9A36A" }, ]; return (

Markets

$2,341.18

Portfolio value

{holdings.map(h => (

{h.sym}

{h.name}

{h.price}

{h.pct}

))}

); } /* Screen 05 — Savings / Save */ function ScreenSave() { // 22 bars increasing from left to right (compound growth-style curve). const bars = Array.from({ length: 22 }, (_, i) => { const t = i / 21; const h = 4 + Math.pow(t, 1.55) * 26; // 4 -> 30px range return { x: i * 4.5, h }; }); return (

Earn Balance

$5,420.18

5.20% APY

Withdraw anytime. No lockup.

Simulate Earnings − $10,000.00 +

You would earn

$520.00

Day Week Month Year

); } /* ===== Number ticker (animated up on view) ===== */ function CountUp({ to, prefix = "", suffix = "", duration = 1600, incrementing = false, onDone, pulseOnDone = false }) { const [n, setN] = useState(0); const [done, setDone] = useState(false); const [floaters, setFloaters] = useState([]); const [pulse, setPulse] = useState(false); const ref = useRef(null); const started = useRef(false); const incTimer = useRef(null); useEffect(() => { const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting && !started.current) { started.current = true; if (reduce) { setN(to); setDone(true); if (pulseOnDone) { setPulse(true); setTimeout(() => setPulse(false), 900); } if (onDone) onDone(); return; } const start = performance.now(); const tick = (now) => { const p = Math.min(1, (now - start) / duration); const eased = 1 - Math.pow(1 - p, 3); setN(Math.round(to * eased)); if (p < 1) requestAnimationFrame(tick); else { setDone(true); if (pulseOnDone) { setPulse(true); setTimeout(() => setPulse(false), 900); } if (onDone) onDone(); } }; requestAnimationFrame(tick); } }, { threshold: 0.3 }); if (ref.current) io.observe(ref.current); return () => io.disconnect(); }, [to, duration, onDone, pulseOnDone]); useEffect(() => { if (!incrementing || !done) return; const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduce) return; const schedule = () => { const delay = 3000 + Math.random() * 2000; incTimer.current = setTimeout(() => { setN(v => v + 1); const id = Date.now() + Math.random(); setFloaters(f => [...f, { id }]); setTimeout(() => setFloaters(f => f.filter(x => x.id !== id)), 750); schedule(); }, delay); }; schedule(); return () => { if (incTimer.current) clearTimeout(incTimer.current); }; }, [incrementing, done]); return ( {prefix}{n.toLocaleString("en-GB")}{suffix} {incrementing && floaters.map(f => ( +1 ))} ); } /* ===== Waitlist flow ===== */ function WaitlistModal({ onClose, initialEmail = "", initialSource = null }) { const [email, setEmail] = useState(initialEmail); const [referralCode, setReferralCode] = useState(getReferralCodeFromUrl()); const [submitted, setSubmitted] = useState(false); const [alreadyRegistered, setAlreadyRegistered] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const [submitError, setSubmitError] = useState(null); const [submitNote, setSubmitNote] = useState(null); const [temporaryUsername, setTemporaryUsername] = useState(""); const [issuedReferralCode, setIssuedReferralCode] = useState(""); const [shareUrl, setShareUrl] = useState(""); const [leaderboardUrl, setLeaderboardUrl] = useState("/leaderboard"); const [copied, setCopied] = useState(false); const inputRef = useRef(null); useEffect(() => { const onKey = (e) => { if (e.key === "Escape") { onClose(); return; } if (e.key !== "Tab") return; const dialog = inputRef.current?.closest('[role="dialog"]'); if (!dialog) return; const focusables = dialog.querySelectorAll( 'button:not([disabled]), input:not([disabled]), a[href]' ); if (!focusables.length) return; const first = focusables[0]; const last = focusables[focusables.length - 1]; if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); } }; document.addEventListener("keydown", onKey); const prevOverflow = document.body.style.overflow; document.body.style.overflow = "hidden"; inputRef.current?.focus(); return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = prevOverflow; }; }, [onClose]); const copyReferralLink = async () => { if (!shareUrl) return; try { await navigator.clipboard.writeText(shareUrl); setCopied(true); setTimeout(() => setCopied(false), 1800); } catch { setSubmitNote("Referral link ready, but this browser blocked clipboard access."); } }; const handleSubmit = async (e) => { e.preventDefault(); const normalizedEmail = email.trim(); if (!normalizedEmail || isSubmitting) return; setIsSubmitting(true); setSubmitError(null); setSubmitNote(null); try { const response = await fetch("/api/waitlist", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ email: normalizedEmail, referralCode: referralCode.trim() || undefined, source: initialSource, pagePath: window.location.pathname, }), }); const payload = await response.json().catch(() => null); if (!response.ok) { throw new Error(payload?.error || "Unable to submit right now. Please try again."); } setAlreadyRegistered(Boolean(payload?.alreadyRegistered)); setTemporaryUsername(payload?.temporaryUsername || ""); setIssuedReferralCode(payload?.referralCode || ""); setShareUrl(payload?.shareUrl || ""); setLeaderboardUrl(payload?.leaderboardUrl || "/leaderboard"); setSubmitNote(payload?.warning || null); setSubmitted(true); } catch (error) { setSubmitError(error instanceof Error ? error.message : "Unable to submit right now. Please try again."); } finally { setIsSubmitting(false); } }; return (

); } function ShareReferralPage() { const [copied, setCopied] = useState(false); const [shareError, setShareError] = useState(null); const referralCode = getReferralCodeFromUrl(); const searchParams = new URLSearchParams(window.location.search); const shouldAutoShare = searchParams.get("auto") === "1"; const referralLink = referralCode ? `${SENDIT_BASE_URL}/?ref=${encodeURIComponent(referralCode)}` : `${SENDIT_BASE_URL}/`; const shareMessage = "I just joined the SendIt waitlist. Use my referral link to move up the leaderboard too:"; const shareBody = `${shareMessage}\n${referralLink}`; const shareNow = async () => { if (!referralCode) return; setShareError(null); if (typeof navigator !== "undefined" && typeof navigator.share === "function") { try { await navigator.share({ title: "Join me on the SendIt waitlist", text: shareMessage, url: referralLink, }); return; } catch { // Fall through to clipboard below if the share sheet is dismissed. } } try { await navigator.clipboard.writeText(shareBody); setCopied(true); setTimeout(() => setCopied(false), 1800); } catch { setShareError("Unable to open share options on this device. Use the social buttons below."); } }; useEffect(() => { if (!shouldAutoShare || !referralCode) return; void shareNow(); }, []); const xShareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareBody)}`; const whatsappShareUrl = `https://wa.me/?text=${encodeURIComponent(shareBody)}`; const telegramShareUrl = `https://t.me/share/url?url=${encodeURIComponent(referralLink)}&text=${encodeURIComponent(shareMessage)}`; const linkedinShareUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(referralLink)}`; const emailShareUrl = `mailto:?subject=${encodeURIComponent("Join me on the SendIt waitlist")}&body=${encodeURIComponent(shareBody)}`; return (

Back to SendIt

Share referral

Invite friends to SendIt.

Share your waitlist link and help people skip the usual remittance fees with you.

{!referralCode ? (

This referral link is missing a code. Open the link from your waitlist confirmation again.

Open leaderboard

) : ( <>

Referral code {referralCode}

Referral link {referralLink}

X WhatsApp Telegram LinkedIn Email

)} {shareError &&

{shareError}

}

); } function LeaderboardPage({ onEarlyAccess }) { const [isLoading, setIsLoading] = useState(true); const [error, setError] = useState(null); const [rows, setRows] = useState([]); const [totalSignups, setTotalSignups] = useState(0); const [topReferrals, setTopReferrals] = useState(0); useEffect(() => { let cancelled = false; const load = async () => { try { const response = await fetch("/api/leaderboard"); const payload = await response.json().catch(() => null); if (!response.ok) { throw new Error(payload?.error || "Unable to load leaderboard."); } if (cancelled) return; setRows(payload?.rows || []); setTotalSignups(payload?.totalSignups || 0); setTopReferrals(payload?.topReferrals || 0); setError(null); } catch (nextError) { if (cancelled) return; setError(nextError instanceof Error ? nextError.message : "Unable to load leaderboard."); } finally { if (!cancelled) setIsLoading(false); } }; void load(); return () => { cancelled = true; }; }, []); return (

Back to SendIt

Waitlist leaderboard

Who’s moving up the line.

Refer friends, climb the board, and get early access sooner.

Total signups

{isLoading ? "..." : totalSignups.toLocaleString()}

Top referrals

{isLoading ? "..." : topReferrals.toLocaleString()}

Rank Username Referrals Joined

{isLoading &&

Loading leaderboard...

} {!isLoading && error &&

{error}

} {!isLoading && !error && !rows.length &&

No signups yet. Be the first on the board.

} {!isLoading && !error && rows.map((row) => (

#{row.rank} {row.username} {row.referrals} {formatJoinDate(row.joinedAt)}

))}

); } /* ===== Sections ===== */ function Nav({ onEarlyAccess }) { return (

); } function Hero({ onEarlyAccess }) { return (

Send money to Pay nothing.

The money app for people whose lives cross borders. The full amount arrives, instantly. Spend, trade, or save it on the other side.

); } /* ===== Stage — scroll-driven evolving phone section ===== */ const CHAPTERS = [ { id: "zero", eyebrow: "01 · The $0", title: "What you send is what they get.", body: "Your recipient gets the full amount in their SendIt account and chooses what to do with it: spend it, save it, trade it, or withdraw it.", Screen: ScreenZero, receipt: "$0 fee · Real exchange rate", icon: null, }, { id: "send", eyebrow: "02 · Send", title: "Send money home in seconds.", body: "Send to anyone across the globe at no extra cost. What you send is what arrives on the other side. Nothing taken off the top. Their money, their call.", Screen: ScreenSend, receipt: "Sent to Priya · 2.4s ago", icon: "arrow", }, { id: "spend", eyebrow: "03 · Spend", title: "One account, every currency. Cashback on every purchase.", body: "Spend anywhere your life takes you with your SendIt Visa card. No conversion costs, no hidden fees. Earn cashback every time you tap.", Screen: ScreenSpend, receipt: "+$0.20 cashback just now", icon: "card", }, { id: "trade", eyebrow: "04 · Trade", title: "Own Nvidia, Bitcoin, and more from any amount.", body: "Buy crypto and US stocks without a foreign brokerage, without minimums, and without the paperwork. Start with whatever you have.", Screen: ScreenTrade, receipt: "NVDA +4.21% today", icon: "trending-up", }, { id: "save", eyebrow: "05 · Save", title: "Earn dynamic interest on your savings.", body: "Your money grows while it sits. Dynamic APY rates that reflect the real market, not a teaser that vanishes after 30 days. No lock-ins, no minimums.", Screen: ScreenSave, receipt: "+$28.40 this month", icon: "piggy-bank", }, ]; function Stage() { const [active, setActive] = useState(0); const [isTilting, setIsTilting] = useState(false); const sectionRef = useRef(null); const dotsRef = useRef(null); const phoneWrapRef = useRef(null); const prevActiveRef = useRef(0); const lastProgressRef = useRef(0); const tiltTimerRef = useRef(null); useEffect(() => { const onScroll = () => { const el = sectionRef.current; if (!el) return; const rect = el.getBoundingClientRect(); const sectionHeight = rect.height; const viewportHeight = window.innerHeight; const scrollable = sectionHeight - viewportHeight; if (scrollable <= 0) return; const progress = Math.max(0, Math.min(1, -rect.top / scrollable)); // Write progress to CSS var on the dots rail (avoids re-render thrash). if (dotsRef.current && Math.abs(progress - lastProgressRef.current) > 0.003) { dotsRef.current.style.setProperty("--progress", progress.toFixed(4)); lastProgressRef.current = progress; } // Distribute 5 chapters evenly. Cap to 4 to avoid overshoot at progress=1. const next = Math.min(4, Math.floor(progress * 5)); setActive(prev => (prev === next ? prev : next)); }; window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); // Phone tilt micro-animation on chapter change. useEffect(() => { if (prevActiveRef.current === active) return; prevActiveRef.current = active; const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduce) return; setIsTilting(true); if (tiltTimerRef.current) clearTimeout(tiltTimerRef.current); tiltTimerRef.current = setTimeout(() => setIsTilting(false), 620); return () => { if (tiltTimerRef.current) clearTimeout(tiltTimerRef.current); }; }, [active]); const goTo = (i) => { const el = sectionRef.current; if (!el) return; const sectionHeight = el.offsetHeight; const viewportHeight = window.innerHeight; const scrollable = sectionHeight - viewportHeight; // Aim for the middle of the i-th segment so the chapter is comfortably active. const segment = scrollable / 5; const offsetTop = el.offsetTop + (segment * i) + (segment * 0.5); window.scrollTo({ top: offsetTop, behavior: "smooth" }); }; // Expose goTo globally so Nav anchors and the hero CTA can drive chapter scrolls // without prop-drilling. Cleaned up on unmount. useEffect(() => { window.__sendit_stageGoTo = goTo; return () => { if (window.__sendit_stageGoTo === goTo) delete window.__sendit_stageGoTo; }; }, []); return (

{CHAPTERS.map((ch, i) => (

{ch.eyebrow}

{ch.title}

{ch.body}

))}

{CHAPTERS.map((ch, i) => { const Screen = ch.Screen; // Only mount the previous, current, and next screens. Inactive // screens stay as empty wrappers so the crossfade CSS still // has positioning targets. const shouldMount = Math.abs(active - i) <= 1; return (

{shouldMount ? : null}

); })}

{CHAPTERS[active].icon ? ( ) : (

); } function HowItWorks() { const steps = [ { n: "01", title: "Download.", body: "Get the app and set up your account in under two minutes. ID check, done." }, { n: "02", title: "Top up.", body: "Add money from your bank, card, or a kiosk near you. Over 100,000 in India." }, { n: "03", title: "Send. Spend. Trade. Save.", body: "All from one place. Real exchange rate. Real instant. Real free." }, ]; return (

06 · How it works

Three steps. That's it.

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

{s.n}

{i < steps.length - 1 && }

{s.title}

{s.body}

))}

); } function Comparison() { const rows = [ { label: "Transfer fee", sendit: "Free", wise: "0.4–1.5%", remitly: "Varies", bank: "£5–£25" }, { label: "Lost in transit", sendit: "Nothing", wise: "0.4–0.6%", remitly: "1–3%", bank: "2–5%" }, { label: "Speed", sendit: "Seconds", wise: "Hours", remitly: "1–3 days", bank: "3–5 days" }, { label: "Recipient chooses how to use it", sendit: true, wise: false, remitly: false, bank: false }, { label: "Invest from the same app", sendit: true, wise: false, remitly: false, bank: false }, ]; const Cell = ({ v, hero }) => { if (v === true) return ; if (v === false) return ; return {v}; }; return (

07 · The receipts

What you actually pay to send money.

Wise

Remitly

Your bank

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

{r.label}

))}

Over a lifetime of sending money home, the average person in the UK-to-India corridor pays this much in fees and forced currency conversions. With SendIt, that number is zero.

); } function FinalCta({ onEarlyAccess }) { const [email, setEmail] = useState(""); return (

Money that moves the way you do.

Join people who are done paying to move their own money.

Refer a friend, skip the line

); } function Footer() { return ( ); } function App() { const [waitlistState, setWaitlistState] = useState({ open: false, source: null, initialEmail: "", }); const pathname = window.location.pathname.replace(/\/+$/, "") || "/"; const openEarlyAccess = (source, initialEmail = "") => { setWaitlistState({ open: true, source: source || null, initialEmail: initialEmail || "", }); }; const closeEarlyAccess = () => { setWaitlistState((state) => ({ ...state, open: false })); }; useEffect(() => { // Skip the magnetic-hover rig entirely on touch-only devices — no mouse, // no point wiring up mousemove listeners. if (!window.matchMedia("(hover: hover) and (pointer: fine)").matches) return; const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduce) return; const cleanups = []; // Re-bind shortly after mount so any post-render DOM exists. const bindId = setTimeout(() => { const buttons = document.querySelectorAll(".btn-coral:not(.btn-sm)"); buttons.forEach(btn => { let raf = 0; let tx = 0, ty = 0; const onMove = (e) => { const rect = btn.getBoundingClientRect(); const cx = rect.left + rect.width / 2; const cy = rect.top + rect.height / 2; const dx = e.clientX - cx; const dy = e.clientY - cy; const dist = Math.sqrt(dx * dx + dy * dy); const range = 80 + Math.max(rect.width, rect.height) / 2; if (dist < range) { const strength = Math.min(1, 1 - dist / range); tx = (dx / range) * 12 * strength; ty = (dy / range) * 12 * strength - 1; // bias upward slightly // clamp to ~5px max as spec const max = 5; const mag = Math.sqrt(tx * tx + ty * ty); if (mag > max) { tx = tx * max / mag; ty = ty * max / mag; } } else { tx = 0; ty = 0; } if (!raf) { raf = requestAnimationFrame(() => { btn.style.transform = `translate(${tx}px, ${ty}px)`; raf = 0; }); } }; const onLeave = () => { tx = 0; ty = 0; btn.style.transition = "transform 350ms cubic-bezier(0.22, 1, 0.36, 1)"; btn.style.transform = "translate(0,0)"; setTimeout(() => { btn.style.transition = ""; }, 360); }; const onEnter = () => { btn.style.transition = "transform 180ms cubic-bezier(0.22, 1, 0.36, 1)"; }; window.addEventListener("mousemove", onMove); btn.addEventListener("mouseenter", onEnter); btn.addEventListener("mouseleave", onLeave); cleanups.push(() => { window.removeEventListener("mousemove", onMove); btn.removeEventListener("mouseenter", onEnter); btn.removeEventListener("mouseleave", onLeave); if (raf) cancelAnimationFrame(raf); btn.style.transform = ""; btn.style.transition = ""; }); }); }, 50); return () => { clearTimeout(bindId); cleanups.forEach(fn => fn()); }; }, [waitlistState.open]); if (pathname === "/share-referral") { return ; } if (pathname === "/leaderboard") { return (

); } return (

); } ReactDOM.createRoot(document.getElementById("root")).render();

Get early access.

{alreadyRegistered ? "You're already on the waitlist." : "Congrats, you're on the waitlist."}