/* Delhi.fyi landing — small parts */
const { useState, useEffect } = React;
const SUPABASE_URL = 'https://irziwvmnujmboteqxtze.supabase.co';
const SUPABASE_ANON = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Imlyeml3dm1udWptYm90ZXF4dHplIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzcwMDIzOTcsImV4cCI6MjA5MjU3ODM5N30.hC5GRfr3fob2zCIgfR5Y37-4Nq6qllTnkL_GjQKazGY';
/* ——— Brand mark (wordmark) ——— */
function Wordmark({ size = 22 }) {
return (
Delhi
fyi
);
}
/* ——— Live Delhi clock ——— */
function DelhiClock() {
const [now, setNow] = useState(() => new Date());
useEffect(() => {
const t = setInterval(() => setNow(new Date()), 1000 * 30);
return () => clearInterval(t);
}, []);
const fmt = new Intl.DateTimeFormat('en-IN', {
hour: 'numeric', minute: '2-digit', hour12: true, timeZone: 'Asia/Kolkata'
});
return {fmt.format(now).toLowerCase()} ist;
}
/* ——— Top bar ——— */
function TopBar() {
return (
);
}
/* ——— Avatar stack ——— */
function Stack() {
const people = [
{ bg: "#0A0A0A", fg: "#fff", initial: "R" },
{ bg: "#E11B22", fg: "#fff", initial: "K" },
{ bg: "#2E2E2E", fg: "#fff", initial: "A" },
{ bg: "#5C5C5C", fg: "#fff", initial: "M" },
];
return (
{people.map((p, i) => (
{p.initial}
))}
);
}
/* ——— Waitlist form (real Supabase) ——— */
function Waitlist({ startCount = 1 }) {
const [email, setEmail] = useState("");
const [state, setState] = useState("idle"); // idle | submitting | done | error
const [error, setError] = useState("");
const [count, setCount] = useState(startCount);
useEffect(() => {
const t = setInterval(() => {
setCount((c) => c + (Math.random() < 0.4 ? 1 : 0));
}, 4500);
return () => clearInterval(t);
}, []);
async function submit(e) {
e.preventDefault();
setError("");
const trimmed = email.trim();
if (!trimmed) { setError("Drop an email first."); setState("error"); return; }
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
setError("That doesn't look like an email.");
setState("error");
return;
}
setState("submitting");
try {
const res = await fetch(`${SUPABASE_URL}/rest/v1/waitlist`, {
method: "POST",
headers: {
"apikey": SUPABASE_ANON,
"Authorization": `Bearer ${SUPABASE_ANON}`,
"Content-Type": "application/json",
"Prefer": "return=minimal",
},
body: JSON.stringify({ email: trimmed }),
});
if (res.ok || res.status === 201 || res.status === 409) {
setState("done");
setCount((c) => c + 1);
} else {
throw new Error(`HTTP ${res.status}`);
}
} catch (err) {
setError("Something went wrong — please try again.");
setState("error");
}
}
if (state === "done") {
return (
Off to the editors. We'll send word when Delhi.fyi opens — no spam, no roundups, no "weekly digests."
{email} · saved
{count.toLocaleString()} already in line
);
}
return (
);
}
/* ——— Editors note (Disha & Aaryan) ——— */
function EditorsNote() {
return (
🫡
Disha and Aaryan are working on it. Late nights, too much coffee, a list that keeps growing. We'll send word soon.
);
}
/* ——— Footer ——— */
function Footer() {
return (
);
}
Object.assign(window, { Wordmark, TopBar, Waitlist, EditorsNote, Footer });