/* Innmade site — React components */ const { useState, useEffect, useRef, useMemo } = React; /* ---------- TWEAK DEFAULTS ---------- */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#E8FF5C", "type": "editorial", "density": "default", "grain": true, "cursor": false }/*EDITMODE-END*/; const ACCENTS = [ { hex: "#E8FF5C", name: "Lime" }, { hex: "#FF5A1F", name: "Ember" }, { hex: "#4F8CFF", name: "Ion" }, { hex: "#B388FF", name: "Heather" }, { hex: "#1A7F4F", name: "Kelp" }, { hex: "#F2F1EC", name: "Bone" }, ]; /* ---------- EMAIL LINK (click-to-reveal, JS-composed) ---------- */ function EmailLink({ className, style, children }) { const [addr, setAddr] = useState(""); const [revealed, setRevealed] = useState(false); useEffect(() => { // Defer composition until after mount so static DOM contains no email const u = ["h","e","l","l","o"].join(""); const d = "innmade" + "." + "com"; setAddr(u + String.fromCharCode(64) + d); }, []); if (!addr) return {children || "…"}; if (!revealed) { const btnStyle = { background: "none", border: "none", padding: 0, margin: 0, cursor: "pointer", color: "inherit", textAlign: "inherit", font: "inherit", letterSpacing: "inherit", lineHeight: "inherit", ...(style || {}) }; return ( ); } return {addr}; } /* ---------- BRAND ---------- */ function Brand() { return (
i
innmade.
 ); } /* ---------- NAV ---------- */ function Nav({ t, lang, setLang }) { return ( ); } /* ---------- HERO ---------- */ function Hero({ t }) { const words = t.hero.rotating; const [i, setI] = useState(0); const [out, setOut] = useState(false); // Dynamic booking slot — always "booking next quarter", slots decrease as current quarter progresses const booking = useMemo(() => { const now = new Date(); const y = now.getFullYear(); const curQ = Math.floor(now.getMonth() / 3) + 1; // 1..4 const nextQ = curQ === 4 ? 1 : curQ + 1; const nextQY = curQ === 4 ? y + 1 : y; const qStart = new Date(y, (curQ - 1) * 3, 1).getTime(); const qEnd = new Date(y, curQ * 3, 1).getTime(); const progress = Math.min(1, Math.max(0, (now.getTime() - qStart) / (qEnd - qStart))); const slots = Math.max(2, Math.round(9 - progress * 6)); // 9 → 3 across the quarter return { q: nextQ, y: nextQY, slots }; }, []); useEffect(() => { const id = setInterval(() => { setOut(true); setTimeout(() => { setI((prev) => (prev + 1) % words.length); setOut(false); }, 400); }, 2800); return () => clearInterval(id); }, [words.length]); return (
{t.hero.eyebrow}

{t.hero.titleStart} {words[i]}

{t.hero.sub}

41.00°N · 28.97°E
İstanbul · London
UTC +03:00
Now booking
Q{booking.q} {booking.y} engagements
{booking.slots} of 10 slots open
{t.hero.scroll}
); } /* ---------- MARQUEE ---------- */ function Marquee({ items }) { const row = (key) => (
0 ? "true" : undefined}> {items.map((it, i) => {it})}
); return
{row(0)}{row(1)}
; } /* ---------- SECTION HEAD ---------- */ function SectionHead({ kicker, title, body }) { return (
{kicker}

{title}

{body &&

{body}

}
); } /* ---------- SERVICES ---------- */ function Services({ t }) { return (
{t.services.items.map((s, i) => (
{s.featured ? ( <>
{s.n} {s.tag}

{s.name}

{s.desc}

    {s.deliverables.map((d, j) =>
  • {d}
    • )}
) : ( <>
{s.n} {s.tag}

{s.name}

{s.desc}

    {s.deliverables.map((d, j) =>
  • {d}
    • )}
)}
))}
); } /* ---------- WORK ---------- */ function Work({ t }) { return (
{t.work.items.map((w, i) => ( {w.featured && }
{String(i + 1).padStart(2, "0")}
{w.client}
{w.project}
{w.tag}
→
 ))}
{t.work.viewAll} ↗
); } /* ---------- PROCESS + ABOUT ---------- */ function Process({ t }) { return (
{t.process.steps.map((s, i) => (
{s.n}step
{s.name}

{s.body}

))}
); } function About({ t }) { return (

{t.about.body}

— Founders previously at Allianz, Trendyol, Stripe, and Anthropic partners. Recognized by FWA, Awwwards, and Brand New.

{t.about.stats.map((s, i) => (
{s.k}
{s.v}
))}
); } /* ---------- CONTACT ---------- */ function Contact({ t }) { const [state, setState] = useState("idle"); // idle | sending | sent | error const [ts] = useState(() => String(Date.now())); // time-trap stamp const handleSubmit = async (e) => { e.preventDefault(); if (state === "sending" || state === "sent") return; const form = e.currentTarget; const data = new FormData(form); setState("sending"); try { const res = await fetch("/submit.php", { method: "POST", body: data }); const json = await res.json().catch(() => ({})); if (!res.ok || !json.ok) throw new Error(json.error || "send_failed"); setState("sent"); form.reset(); } catch (err) { setState("error"); } }; const sending = state === "sending"; const sent = state === "sent"; return (