/* About + Journal + Contact pages. */ /* ── About ─────────────────────────────────────── */ const FounderCard = ({ f, lang }) => (
{f.photo ? ( {f.name.en} ) : (
photo · pending
)}

{f.name[lang]}

{f.role[lang]}

{f.bio[lang]}

); const PageAbout = () => { const { lang } = useT(); const a = window.MR.about; return (
{/* Hero */}
{a.kicker[lang]} {a.hero[lang]}
{/* Founders */}
{a.founders.eyebrow[lang]}

{a.founders.title[lang]}

{a.founders.intro[lang]}

{a.founders.items.map((f, i) => ( ))}
{/* Mission */}
{a.mission.eyebrow[lang]}

{a.mission.title[lang]}

{a.mission.body[lang]}

); }; window.PageAbout = PageAbout; /* ── Journal ───────────────────────────────────── */ const PageJournal = () => { const { lang } = useT(); const j = window.MR.journal; return (
{j.kicker[lang]} {j.title[lang]} {j.lede[lang]}
{j.entries.map((e, i) => (
{e.date}
№{e.num}

{lang === "ka" ? e.titleKa : e.titleEn}

{lang === "ka" ? e.bodyKa : e.bodyEn}

))}
); }; window.PageJournal = PageJournal; /* ── Contact ───────────────────────────────────── */ // Web3Forms public access key — paste yours from https://web3forms.com (free, 250/mo). // Safe to commit: it's a per-form public identifier, not a secret. const WEB3FORMS_ACCESS_KEY = "1ea9466f-e754-4283-89ba-e536d09e7826"; const ContactForm = ({ lang, copy }) => { const [status, setStatus] = React.useState("idle"); // idle | sending | sent | error const [subject, setSubject] = React.useState("general"); const onSubmit = async (e) => { e.preventDefault(); setStatus("sending"); const data = new FormData(e.target); data.append("access_key", WEB3FORMS_ACCESS_KEY); data.append("from_name", "Mimino Robotics — contact form"); try { const res = await fetch("https://api.web3forms.com/submit", { method: "POST", body: data, }); const json = await res.json(); if (json.success) { setStatus("sent"); e.target.reset(); setSubject("general"); } else { setStatus("error"); } } catch { setStatus("error"); } }; const labelStyle = { display: "block", fontFamily: "var(--font-mono)", fontSize: 11, letterSpacing: "0.14em", textTransform: "uppercase", color: "var(--color-ink-3)", marginBottom: 10, }; const inputStyle = { width: "100%", background: "transparent", border: 0, borderBottom: "1px solid var(--color-rule)", padding: "10px 0", fontSize: 16, fontFamily: "var(--font-sans)", color: "var(--color-ink)", outline: "none", transition: "border-color 200ms ease-out", boxSizing: "border-box", }; return (