const { useState, useEffect, useRef, useMemo } = React; const T = window.TRANSLATIONS; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "burgundy", "hero": "split", "font": "cormorant", "ornaments": true }/*EDITMODE-END*/; /* ---------- Icons (Why-section, inspired by poster) ---------- */ function MountainIcon() { return ( ); } function SnowflakeIcon() { return ( ); } function ScoopIcon() { return ( ); } function ClocheIcon() { return ( ); } const whyIcons = [MountainIcon, SnowflakeIcon, ScoopIcon, ClocheIcon]; /* ---------- Decorative SVG ---------- */ function Flourish() { return ( ); } function OrnRule({ label }) { return (

{label ? {label} : null}

); } /* ---------- Scroll reveal ---------- */ function useReveal() { useEffect(() => { document.body.classList.add('js-ready'); const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('revealed'); io.unobserve(e.target); } }); }, { threshold: 0.08, rootMargin: '0px 0px -48px 0px' } ); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } /* ---------- Nav ---------- */ function Nav({ t, lang, setLang }) { const [open, setOpen] = useState(false); const close = () => setOpen(false); // Lock body scroll when drawer is open useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); return ( <>

{t.nav.tradition} {t.nav.why} {t.nav.sorten} {t.nav.faq}

{t.nav.contact}

{["de", "tr", "en"].map((l) => ( ))}

); } /* ---------- Hero ---------- */ function Hero({ t }) { return (

{t.hero.eyebrow}

{t.hero.title}
{t.hero.titleAccent}

{t.hero.claim}

{t.hero.ctaPrimary} {t.hero.ctaSecondary}

{t.hero.m1Label}

{t.hero.m1Val}

{t.hero.m2Label}

{t.hero.m2Val}

{t.hero.m3Label}

{t.hero.m3Val}

{t.hero.productEyebrow}

{t.hero.productName}

); } /* ---------- Tradition ---------- */ function Tradition({ t }) { return (

{t.tradition.badge}

{t.tradition.eyebrow}

{t.tradition.title}

{t.tradition.quote}

); } /* ---------- Why (poster-styled card) ---------- */ function Why({ t }) { return (

{t.why.ribbon}

{t.why.eyebrow}

{t.why.title}

{t.why.lead}

{t.why.items.map((item, i) => { const Icon = whyIcons[i]; return (

{i + 1}.{item.title}

{item.text}

); })}

{t.why.foot}

); } /* ---------- Sorten ---------- */ function Sorten({ t }) { // Use hero image for first; CSS gradients for others (placeholder colours) const bgs = [ "url(assets/hero.png)", "radial-gradient(ellipse at 50% 40%, #3d1810 0%, #1a0506 80%)", "radial-gradient(ellipse at 50% 40%, #2e3a14 0%, #0e1a06 80%)", ]; return (

{t.sorten.eyebrow}

{t.sorten.title}

{t.sorten.lead}

{t.sorten.items.map((item, i) => (

№ {item.num}

{item.name}

{item.alt}

{item.desc}

))}

); } /* ---------- FAQ ---------- */ function FAQ({ t }) { const [open, setOpen] = useState(0); return (

{t.faq.eyebrow}

{t.faq.title}

{t.faq.items.map((it, i) => { const isOpen = open === i; return (

{it.a}

); })}

); } /* ---------- CTA / Anfrage ---------- */ function CTA({ t }) { return (

{t.cta.eyebrow}

{t.cta.title}

{t.cta.sub}

{t.cta.button}

{t.cta.note}

); } /* ---------- Legal Modal ---------- */ function LegalModal({ kind, lang, onClose }) { useEffect(() => { const onKey = (e) => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); const prevOverflow = document.body.style.overflow; document.body.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.body.style.overflow = prevOverflow; }; }, [onClose]); if (!kind) return null; const content = window.LEGAL_CONTENT[kind][lang] || window.LEGAL_CONTENT[kind].de; return (

{t.hero.title} {t.hero.titleAccent}