// layout.jsx — Header / footer / shared primitives in new dark-green palette. function HpHeader({ route, navigate, lang, setLang }) { const nav = HP_DATA.nav; const cta = HP_DATA.cta[lang]; return (
{e.preventDefault();navigate("/");}} style={{ display: "flex", alignItems: "center", gap: 10 }}> Hornpiper Hornpiper
{e.preventDefault();navigate("/contact");}} className="hp-btn" style={{ padding: "10px 16px", fontSize: 13 }}> {lang === "tr" ? "İletişim" : "Contact"}
); } function HpFooter({ lang, navigate }) { const cta = HP_DATA.cta[lang]; return ( ); } function FooterCol({ title, items, lang, navigate }) { return (
{title}
); } function ArrowR({ size = 14 }) { return ( ); } // — Numbered section header — // — Numbered section header — large, dominant display title function SectionEyebrow({ label, accent }) { if (!label) return null; const ac = accent || "var(--hp-gold)"; return (
{label && {label} }
); } Object.assign(window, { HpHeader, HpFooter, ArrowR, SectionEyebrow });