const { useState, useEffect, useRef, useMemo } = React; // ---------- Icons ---------- const Icon = { chevron: (p) => , close: (p) => , a11y: (p) => , textSize: (p) => , lineH: (p) => , align: (p) => , font: (p) => , contrast: (p) => , gray: (p) => , image: (p) => , motion: (p) => , link: (p) => , outline: (p) => , eye: (p) => , reset: (p) => , }; // ---------- Header ---------- function Header({ lang, setLang, onHeroRef, onBook, t, navOpen, setNavOpen }) { const [scrolled, setScrolled] = useState(false); const [onHero, setOnHero] = useState(true); // Two-phase close so the liquid animation can play out before unmount const [navClosing, setNavClosing] = useState(false); useEffect(() => { const onScroll = () => { const y = window.scrollY; setScrolled(y > 40); setOnHero(y < (onHeroRef?.current?.offsetHeight || 800) - 120); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const closeNav = () => { if (!navOpen || navClosing) return; setNavClosing(true); setTimeout(() => { setNavOpen(false); setNavClosing(false); }, 520); }; const toggleNav = () => { if (navOpen) closeNav(); else setNavOpen(true); }; // Cross-page-aware anchors: from blog.html (also served as /blog), prepend index.html const path = typeof window !== "undefined" ? window.location.pathname : ""; const onBlog = /(?:^|\/)blog(?:\.html)?\/?$/.test(path); const onHome = !onBlog; const homeBase = onHome ? "" : "index.html"; const home = (anchor) => `${homeBase}${anchor}`; return (
Seecamping Langau
); } // ---------- NavLiquid: gooey metaball background for the burger drawer ---------- function NavLiquid() { return ( ); } function BrandMark() { return ( ); } // ---------- Hero ---------- function Hero({ t, onBook, heroRef }) { const [imgIdx, setImgIdx] = React.useState(0); const images = [ "assets/img/hero-1.jpg", "assets/img/hero-2.jpg", "assets/img/hero-3.jpg", ]; React.useEffect(() => { const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches; const stopMotion = document.body.classList.contains("a11y-stop-motion"); if (reduceMotion || stopMotion) return; const id = setInterval(() => setImgIdx(i => (i + 1) % images.length), 6000); return () => clearInterval(id); }, []); return (
{images.map((src, i) => (
); } // ---------- Stats strip (lives between Hero and Gallery) ---------- function StatsStrip({ t }) { return (
{t.hero.stats.map((s, i) => (
{s.k}
{s.v}
))}
); } function BrandMarkLarge() { return ( ); } // ---------- Gallery ---------- function Gallery({ t }) { const tiles = [ { span: "big", label: "Bergwerksee · Morgenstimmung", tone: "teal" }, { span: "tall", label: "Kinder am Naturstrand", tone: "moss" }, { span: "", label: "Stellplatz am Waldrand", tone: "ocker" }, { span: "", label: "Seehütte · Steg", tone: "dark" }, { span: "wide", label: "Freizeithaus · Sonnenterrasse", tone: "" }, { span: "", label: "Wasserski am Abend", tone: "teal" }, ]; return ( ); } // ---------- Intro ---------- function Intro({ t }) { return (
{t.intro.kicker}

{t.intro.title}

{t.intro.body.map((p, i) =>

{p}

)}
{t.intro.signature}
); } // ---------- Places ---------- function Places({ t, onBook }) { const labels = ["Stellplatz", "Zeltwiese", "Chalet Innen", "Safari bei Nacht", "Seehütte am Steg"]; const tones = ["moss", "teal", "ocker", "dark", ""]; const greenTones = ["tone-1", "tone-2", "tone-3", "tone-4", "tone-5"]; const scrollerRef = useRef(null); const [activeIdx, setActiveIdx] = useState(0); const total = t.places.items.length; const scrollToIdx = (idx) => { const sc = scrollerRef.current; if (!sc) return; // Wrap around: -1 → last, total → 0 const wrapped = ((idx % total) + total) % total; const cards = sc.querySelectorAll(".place-card"); const target = cards[wrapped]; if (target) target.scrollIntoView({ behavior: "smooth", inline: "start", block: "nearest" }); }; useEffect(() => { const sc = scrollerRef.current; if (!sc) return; const onScroll = () => { const cards = sc.querySelectorAll(".place-card"); let best = 0, bestDist = Infinity; const center = sc.scrollLeft + sc.clientWidth / 2; cards.forEach((c, i) => { const cardCenter = c.offsetLeft + c.offsetWidth / 2; const d = Math.abs(cardCenter - center); if (d < bestDist) { bestDist = d; best = i; } }); setActiveIdx(best); }; sc.addEventListener("scroll", onScroll, { passive: true }); return () => sc.removeEventListener("scroll", onScroll); }, []); return (
{t.places.kicker}

{t.places.title}

{t.places.items.map((p, i) => ( ))}
{t.places.items.map((p, i) => (
Alle Preise exkl. Ortstaxe € 2,20 / Person / Nacht. Hunde € 4 / Nacht. Kinder bis 5 Jahre frei.
); } // ---------- Activities ---------- function Activities({ t }) { return (
{t.activities.kicker}

{t.activities.title}

{t.activities.groups.map((g, i) => (

{g.name}

    {g.items.map(it =>
  • {it}
    • )}
))}
); } // ---------- Bistro ---------- function Bistro({ t }) { return (
{t.bistro.kicker}

{t.bistro.title}

{t.bistro.body}

Aus der Küche

11:30 – 21:00
{t.bistro.menu.map((m, i) => (
{m.line}
{m.price}
))}
); } // ---------- About ---------- function About({ t }) { return (
{t.about.kicker}

{t.about.title}

{t.about.body.map((p, i) =>

{p}

)}
{t.about.timeline.map((r, i) => (
{r.y}
{r.t}
))}
); } // ---------- FAQ ---------- function FAQ({ t }) { const [open, setOpen] = useState(-1); return (
{t.faq.kicker}

{t.faq.title}

{t.faq.items.map((it, i) => { const isOpen = open === i; return (
); })}
); } // ---------- CTA band ---------- function CTABand({ t, onBook }) { return (

Der See wartet{"\u00A0"}nicht — Ihr Platz schon.

{t.hero.lede}

{t.footer.phone}
); } // ---------- Footer ---------- function Footer({ t, onLegal }) { const path = typeof window !== "undefined" ? window.location.pathname : ""; const onBlog = /(?:^|\/)blog(?:\.html)?\/?$/.test(path); const onHome = !onBlog; const homeBase = onHome ? "" : "index.html"; const home = (anchor) => `${homeBase}${anchor}`; return ( ); } Object.assign(window, { Header, Hero, StatsStrip, Gallery, Intro, Places, Activities, Bistro, About, FAQ, CTABand, Footer, Icon });