// =============================================================================
// Static info + legal pages.
// One file so they share a PageShell and live close together. If this grows
// past ~15 pages, split into ServicePages.jsx + LegalPages.jsx.
//
// All copy is Swiss-German, "du", sentence case. Legal pages (Datenschutz,
// AGB, Cookies, Impressum) carry a "Entwurf v0" banner — Inga's lawyer needs
// to review before launch. Service pages (FAQ, Versand, Kontakt, etc.) are
// close to final.
// =============================================================================

// Shared shell for every static page: eyebrow + h1 + optional lead, optional
// draft banner, then the body children rendered via .page-static__body styles.
function PageShell({ eyebrow, title, lead, draft, children }) {
  return (
    <section className="page-static">
      <div className="page-static-wrap">
        <span className="eyebrow">{eyebrow}</span>
        <h1>{title}</h1>
        {lead && <p className="lead" style={{ marginBottom: 32 }}>{lead}</p>}
        {/* Long-form static/legal pages are German-only until the EN
            go-live; EN visitors get a one-line note instead of a half-
            translated page. */}
        {window.AG_LANG === "en" && (
          <div className="page-static__draft">{t("static.deonly")}</div>
        )}
        {draft && (
          <div className="page-static__draft">
            <b>Entwurf v0:</b> diese Seite wird vor dem Launch durch eine Juristin geprüft. Inhalte können sich noch ändern.
          </div>
        )}
        <div className="page-static__body">{children}</div>
      </div>
    </section>
  );
}

// =============================================================================
// FAQ
// =============================================================================
function Faq() {
  // Shopify is the source of truth: App.jsx fills window.FAQ_ITEMS from
  // the "faq_item" metaobjects at boot. The hardcoded list below is only
  // the fallback for before that metaobject exists (or if it's emptied).
  const fallback = [
    {
      q: "Wer steckt hinter The Apéro Garden?",
      a: "Wir sind ein kleines Team aus Zürich, das alkoholfreie und alkoholarme Apéro-Drinks aus echten Botanicals macht. Gestartet, weil wir nach einem langen Tag nicht zwischen \"hartem Drink\" und \"süsser Limo\" wählen wollten. Heute zwölf Sorten, jede Saison ein, zwei neue Ideen."
    },
    {
      q: "Sind eure Drinks wirklich alkoholfrei?",
      a: "Die meisten ja. Komplett alkoholfrei (< 0,02 % vol., wie Brot oder Saft). Die bitteren Apéritifs (Roter Bitter, Bittersüsser Apéritif) liegen bei < 0,5 % vol. und gelten damit nach Schweizer Recht ebenfalls als alkoholfrei. Den genauen ABV findest du bei jedem Produkt unter \"Spezifikationen\"."
    },
    {
      q: "Schmeckt man, dass kein Alkohol drin ist?",
      a: "Vor allem die Botanicals. Die Apéritifs sind so aufgebaut, dass der Drink \"erwachsen\" wirkt: Bitterstoffe, Mazerate, ein wenig Tannin, ein trockenes Ende. Bei den Spritz und Sodas ist es eher frisch und kräutrig. Wenn du dich nicht entscheiden kannst, ist der Garten-Spritz No.1 ein guter Einstieg."
    },
    {
      q: "Was sind Botanicals?",
      a: "Kräuter, Wurzeln, Schalen, Blüten, Früchte. Alles, was in einem Garten wächst oder daran erinnert. Echte Zutaten, nie künstliche Aromen. Die vollständige Liste steht auf jeder Produktseite."
    },
    {
      q: "Woher kommen die Drinks?",
      a: "Wir kuratieren, wir produzieren nicht selbst. Die Hersteller sitzen überwiegend in der Schweiz und im näheren Europa, meist kleine bis mittlere Manufakturen mit eigener Handschrift. Auf jeder Produktseite siehst du, woher genau."
    },
    {
      q: "Sind die Flaschen recycelbar?",
      a: "Ja, alle Flaschen sind aus Glas und gehören in den Glascontainer (oder am liebsten zurück in den Apéro-Schrank). Kein Plastik, keine Beschichtung. Die Etiketten lösen sich in der Spülmaschine ab, falls du sie weiterverwenden willst."
    },
    {
      q: "Wie lange halten sich angebrochene Flaschen?",
      a: "Spritz und Sodas: gekühlt etwa 3 Tage frisch. Apéritifs (bitter, höher konzentriert): gekühlt zwei bis drei Wochen problemlos. Auf jeder Flasche steht ausserdem ein Mindesthaltbarkeitsdatum für die ungeöffnete Flasche."
    },
    {
      q: "Wie schnell kommt meine Bestellung?",
      a: "In der Regel innerhalb von 1–2 Werktagen, schweizweit gekühlt mit der Post geliefert. Express geht ab Bestellung bis 11 Uhr noch am gleichen Tag raus. Details findest du auf der Seite Versand."
    },
    {
      q: "Was kostet der Versand?",
      a: "Standard CHF 5.90, gratis ab CHF 60. Express CHF 12, Abholung in Zürich gratis. Liechtenstein gleiche Konditionen, EU folgt im Lauf von 2026."
    },
    {
      q: "Kann ich ein Garten-Abo pausieren?",
      a: "Jederzeit. Im Konto kannst du einzelne Lieferungen überspringen, den Rhythmus ändern (alle 2, 4 oder 8 Wochen) oder ganz pausieren. Wir schicken dir vor jeder Lieferung eine Erinnerung, damit du noch eingreifen kannst, wenn du magst."
    },
  ];
  const items = (window.FAQ_ITEMS && window.FAQ_ITEMS.length) ? window.FAQ_ITEMS : fallback;

  const [open, setOpen] = useState(0);

  return (
    <PageShell
      eyebrow="Häufige Fragen"
      title="Alles, was du wissen wolltest."
      lead="Wenn deine Frage nicht dabei ist, schreib uns kurz. Wir melden uns zurück."
    >
      <div className="faq">
        {items.map((it, i) => {
          const isOpen = open === i;
          return (
            <div key={i} className={`faq__item${isOpen ? " on" : ""}`}>
              <button className="faq__q" onClick={() => setOpen(isOpen ? -1 : i)}>
                <span>{it.q}</span>
                <Icon name={isOpen ? "minus" : "plus"} size={18} />
              </button>
              {isOpen && <div className="faq__a">{it.a}</div>}
            </div>
          );
        })}
      </div>
      <div style={{ marginTop: 40, padding: 24, background: "var(--surface-tint)", borderRadius: "var(--radius-lg)" }}>
        <h3 style={{ margin: "0 0 8px" }}>Frage nicht dabei?</h3>
        <p style={{ margin: "0 0 14px" }}>Schreib uns an <b>hallo@aperogarden.ch</b>. Wir antworten in 1–2 Werktagen, meistens schneller.</p>
      </div>
    </PageShell>
  );
}

// =============================================================================
// Versand & Rückgabe
// =============================================================================
function Versand({ onNav }) {
  return (
    <PageShell
      eyebrow="Versand & Rückgabe"
      title="Kühl verpackt, schnell bei dir."
      lead="Wir verschicken alles aus Zürich, gekühlt mit der Schweizer Post, in 1–2 Werktagen bei dir vor der Tür."
    >
      <h2>Versandkosten Schweiz & Liechtenstein</h2>
      <ul>
        <li><b>Standard:</b> CHF 5.90. Lieferung in 1–2 Werktagen.</li>
        <li><b>Gratisversand:</b> ab Bestellwert CHF 60 automatisch.</li>
        <li><b>Express:</b> CHF 12. Bestellungen bis 11 Uhr gehen am gleichen Werktag raus.</li>
        <li><b>Abholung Zürich:</b> gratis. Bei uns im Lager (Adresse nach Bestellung), Mo–Fr 10–17 Uhr.</li>
      </ul>

      <h2>Verpackung</h2>
      <p>Karton aus Recyclingmaterial, Polster aus Wellpappe, keine Plastikfüllung. An besonders heissen Tagen legen wir einen Kühlpack dazu, ohne Aufpreis. Glas geht in den Glascontainer, Karton in die Papiersammlung.</p>

      <h2>EU-Versand</h2>
      <p>Wir arbeiten daran. Geplanter Start: Q4 2026, zunächst Deutschland und Österreich. Wenn du Bescheid wissen willst, sobald wir liefern, trag dich in unseren Newsletter ein.</p>

      <h2>Rückgaberecht</h2>
      <p>Wir nehmen <b>ungeöffnete Flaschen innerhalb von 14 Tagen</b> nach Erhalt zurück. Wir erstatten den Kaufpreis abzüglich Versand. Geöffnete Flaschen können wir aus lebensmittelrechtlichen Gründen leider nicht zurücknehmen.</p>

      <h2>Beschädigte Lieferung?</h2>
      <p>Sollte eine Flasche kaputt ankommen, schick uns ein Foto an <b>hallo@aperogarden.ch</b>. Wir schicken kostenlos Ersatz, eine Rücksendung ist nicht nötig.</p>

      <h2>So funktioniert eine Rücksendung</h2>
      <ol>
        <li>Schreib uns kurz an <b>hallo@aperogarden.ch</b> mit deiner Bestellnummer.</li>
        <li>Wir senden dir ein kostenfreies Retouren-Etikett.</li>
        <li>Pack die ungeöffnete Flasche im Originalkarton ein und gib sie bei der Post auf.</li>
        <li>Geld zurück innerhalb von 5 Werktagen auf dein Konto.</li>
      </ol>

      <p style={{ marginTop: 28 }}>Fragen? <a onClick={() => onNav && onNav("kontakt")}>Schreib uns</a>.</p>
    </PageShell>
  );
}

// =============================================================================
// Kontakt
// =============================================================================
function Kontakt() {
  const [sent, setSent] = useState(false);
  const submit = (e) => { e.preventDefault(); setSent(true); };

  return (
    <PageShell
      eyebrow="Kontakt"
      title="Sag Hallo."
      lead="Frage zur Bestellung? Lust auf eine Verkostung? Idee für eine neue Sorte? Wir freuen uns."
    >
      <div className="kontakt__grid">
        <div>
          <h3>So erreichst du uns</h3>
          <p style={{ margin: "4px 0 22px" }}>
            <b>E-Mail:</b> hallo@aperogarden.ch<br />
            <b>Antwortzeit:</b> 1–2 Werktage<br />
            <b>Postanschrift:</b> Gartenstrasse 12, 8001 Zürich
          </p>

          <h3>Für Presse & Kooperationen</h3>
          <p style={{ margin: "4px 0 22px" }}>
            <b>E-Mail:</b> presse@aperogarden.ch
          </p>

          <h3>Für Gastronomie & Wiederverkäufer</h3>
          <p style={{ margin: "4px 0 22px" }}>
            <b>E-Mail:</b> b2b@aperogarden.ch
          </p>
        </div>

        <form className="kontakt__form" onSubmit={submit}>
          {sent ? (
            <div className="kontakt__sent">
              <div className="kontakt__sent-mark"><Icon name="check" size={26} /></div>
              <h3 style={{ margin: "0 0 8px" }}>Danke, ist angekommen.</h3>
              <p style={{ margin: 0 }}>Wir melden uns innerhalb von 1–2 Werktagen.</p>
            </div>
          ) : (
            <React.Fragment>
              <h3 style={{ marginTop: 0 }}>Oder schreib uns direkt</h3>
              <div className="fgrid">
                <input className="field" placeholder="Vorname" required />
                <input className="field" placeholder="Nachname" required />
                <input className="field full" type="email" placeholder="E-Mail" required />
                <input className="field full" placeholder="Betreff" required />
                <textarea className="field full" placeholder="Worum geht's?" rows={5} required></textarea>
              </div>
              <div style={{ marginTop: 16 }}>
                <Button variant="primary" size="md" type="submit">Nachricht senden</Button>
              </div>
              <p className="small" style={{ marginTop: 14, color: "var(--fg-3)" }}>Mit dem Absenden erklärst du dich mit unserer <a>Datenschutzerklärung</a> einverstanden.</p>
            </React.Fragment>
          )}
        </form>
      </div>
    </PageShell>
  );
}

// =============================================================================
// Geschäftskunden (B2B)
// =============================================================================
function Geschaeftskunden() {
  return (
    <PageShell
      eyebrow="Geschäftskunden"
      title="Auf deiner Karte. Auf deinem Tresen."
      lead="Für Restaurants, Bars, Hotels und Concept Stores. Mit B2B-Konditionen und einem festen Ansprechpartner."
    >
      <h2>Warum wir gut zu deinem Apéro passen</h2>
      <ul>
        <li>Eine sorgfältig kuratierte Auswahl, überwiegend aus der Schweiz.</li>
        <li>Alkoholfrei oder &lt; 0,5 % vol., voll mixfähig und voll geniessbar.</li>
        <li>Klare Tasting-Notes, einfaches Serving, kein Schulungsbedarf.</li>
        <li>Geliefert in Glas, gekühlt, plastikfrei.</li>
      </ul>

      <h2>Konditionen</h2>
      <p>Ab 24 Flaschen pro Lieferung. Mengenrabatt ab 96 Flaschen. Lieferung in der Deutschschweiz wöchentlich, übriges Land alle zwei Wochen. Auf Wunsch mit Auflieferung an feste Wochentage.</p>

      <h2>Verkostung</h2>
      <p>Wir kommen gerne bei dir vorbei und stellen das Sortiment in Ruhe vor. Eine Stunde, vier Flaschen, in Ruhe probieren. Kostenlos und unverbindlich.</p>

      <h2>Schreib uns</h2>
      <p>
        <b>E-Mail:</b> b2b@aperogarden.ch<br />
        Sag uns kurz, wer du bist, wo du bist und was du suchst. Wir melden uns innerhalb von 1–2 Werktagen mit Preisliste und Mustern.
      </p>
    </PageShell>
  );
}

// =============================================================================
// Händler
// =============================================================================
function Haendler() {
  return (
    <PageShell
      eyebrow="Händler"
      title="Wo du uns sonst noch findest."
      lead="Aktuell verkaufen wir den Garten direkt hier auf aperogarden.ch, frisch ab Lager."
    >
      <h2>Wir starten online</h2>
      <p>Damit jede Flasche frisch ankommt, kontrollieren wir die Kette vorerst selbst: vom Abfüllen über die Kühlung bis vor deine Tür. Lokale Concept Stores und ausgewählte Delis kommen ab Herbst 2026 dazu.</p>

      <h2>Du kennst einen Ort, wo wir gut passen?</h2>
      <p>Schreib uns. Wir lieben kleine, schöne Läden mit Charakter: Concept Stores, Spezialitätendelis, Hofläden, Hotels mit Frühstücksbuffet.</p>
      <p style={{ marginTop: 12 }}>
        <b>E-Mail:</b> haendler@aperogarden.ch
      </p>

      <h2>Gastronomie</h2>
      <p>Für Bars, Restaurants und Hotels gibt es eigene Konditionen. Mehr dazu unter Geschäftskunden.</p>
    </PageShell>
  );
}

// =============================================================================
// Nachhaltigkeit
// =============================================================================
function Nachhaltigkeit() {
  return (
    <PageShell
      eyebrow="Nachhaltigkeit"
      title="Klein anfangen, ehrlich bleiben."
      lead="Wir wählen Drinks aus, keine Versprechen. Wo wir Einfluss haben, versuchen wir es richtig zu machen. Wo wir noch nicht da sind, sagen wir es."
    >
      <h2>Glas, kein Plastik</h2>
      <p>Alle Flaschen sind aus Klarglas, bei den Bitter-Sorten leicht getönt, das schützt vor Licht. Etiketten sind aus Papier, mit wasserlöslichem Kleber, damit sie sich beim Recycling sauber lösen.</p>

      <h2>Botanicals nach Möglichkeit aus der Schweiz</h2>
      <p>Holunder, Gurke, Minze, Rhabarber, Zitronenmelisse: alles aus der Schweiz, soweit Saison und Menge das hergeben. Bitterorange, Hibiskus und Wacholderbeeren kommen aus Europa, von kleinen Erzeugerinnen, mit denen wir direkt arbeiten.</p>

      <h2>Versand mit Köpfchen</h2>
      <p>Wir bündeln Bestellungen, damit weniger Wege und weniger CO₂ entstehen. Du erhältst sie 1–2 Werktage später statt am selben Abend. Verpackung ist Karton und Wellpappe, keine Plastikfüllung. Kühlpacks gibt es nur an wirklich heissen Tagen.</p>

      <h2>Was wir noch nicht haben</h2>
      <p>Ein Pfandsystem. Wir prüfen die Einführung für 2026, am liebsten gemeinsam mit anderen Schweizer Manufakturen, damit es einen Standard gibt. Wenn du Tipps oder einen Pfandpartner hast, schreib uns.</p>

      <h2>CO₂</h2>
      <p>Wir kompensieren den Versand aktuell über myclimate (gemeinsam mit der Schweizer Post). Das ersetzt keine Reduktion, aber bis wir die Reduktion haben, ist es das, was wir tun können.</p>
    </PageShell>
  );
}

// =============================================================================
// Journal (blog placeholder)
// =============================================================================
function Journal() {
  return (
    <PageShell
      eyebrow="Garten-Journal"
      title="Bald ein bisschen Lesestoff."
      lead="Geschichten zu unseren Lieblings-Botanicals, Rezepte für längere Abende und ab und zu ein Quatsch, der einfach passieren muss."
    >
      <div style={{ background: "var(--surface-tint)", borderRadius: "var(--radius-lg)", padding: 28, textAlign: "center" }}>
        <h3 style={{ margin: "0 0 10px" }}>Newsletter</h3>
        <p style={{ margin: "0 0 18px", color: "var(--fg-2)" }}>Trag dich ein und erfahre zuerst, wenn das Journal startet (und wenn eine neue Sorte ankommt).</p>
        <div style={{ display: "flex", gap: 8, maxWidth: 380, margin: "0 auto" }}>
          <input className="field" placeholder="Deine E-Mail" type="email" />
          <Button variant="primary" size="md">Anmelden</Button>
        </div>
      </div>
    </PageShell>
  );
}

// =============================================================================
// Impressum
// =============================================================================
function Impressum() {
  return (
    <PageShell
      eyebrow="Impressum"
      title="Wer wir sind."
      draft
    >
      <h2>Anbieter</h2>
      <p>
        The Apéro Garden<br />
        Inga Niemeyer<br />
        Gartenstrasse 12<br />
        8001 Zürich<br />
        Schweiz
      </p>

      <h2>Kontakt</h2>
      <p>
        E-Mail: hallo@aperogarden.ch<br />
        Web: aperogarden.ch
      </p>

      <h2>Rechtsform & Registereintrag</h2>
      <p>Einzelunternehmen / GmbH (wird vor Launch finalisiert).<br />
      Handelsregistereintrag und UID-Nummer folgen sobald die Eintragung abgeschlossen ist.</p>

      <h2>Verantwortlich für den Inhalt</h2>
      <p>Inga Niemeyer, Adresse wie oben.</p>

      <h2>Haftungsausschluss</h2>
      <p>Wir geben uns Mühe, dass alle Inhalte auf aperogarden.ch korrekt sind. Für die Richtigkeit, Vollständigkeit und Aktualität übernehmen wir trotzdem keine Gewähr. Für Schäden, die durch die Nutzung dieser Website entstehen, haften wir nicht, soweit gesetzlich zulässig.</p>

      <h2>Externe Links</h2>
      <p>Diese Website enthält Links zu externen Websites Dritter. Für deren Inhalte sind ausschliesslich die jeweiligen Betreiberinnen verantwortlich.</p>

      <h2>Urheberrecht</h2>
      <p>Alle Inhalte (Texte, Bilder, Logos, Layout) auf aperogarden.ch sind urheberrechtlich geschützt. Eine Verwendung ausserhalb privater Zwecke nur mit ausdrücklicher Erlaubnis.</p>
    </PageShell>
  );
}

// =============================================================================
// Datenschutz
// =============================================================================
function Datenschutz() {
  return (
    <PageShell
      eyebrow="Datenschutz"
      title="Was wir mit deinen Daten machen."
      lead="Kurz: das, was du erwartest, damit du bei uns bestellen kannst. Sonst nichts."
      draft
    >
      <h2>Verantwortliche Stelle</h2>
      <p>The Apéro Garden, Inga Niemeyer, Gartenstrasse 12, 8001 Zürich, Schweiz. Erreichbar unter <b>datenschutz@aperogarden.ch</b>.</p>

      <h2>Welche Daten wir erheben</h2>
      <ul>
        <li><b>Bestelldaten:</b> Name, Adresse, E-Mail, Telefon (optional), Bestellinhalt, Zahlungsweise.</li>
        <li><b>Kontodaten:</b> bei einem Konto zusätzlich: Passwort (verschlüsselt), gespeicherte Adressen, Bestellhistorie.</li>
        <li><b>Nutzungsdaten:</b> anonymisierte Informationen zu Besuch und Geräten (Browser, ungefährer Standort, besuchte Seiten) für Statistik.</li>
        <li><b>Newsletter:</b> nur deine E-Mail, mit deiner Einwilligung. Du kannst dich jederzeit abmelden.</li>
      </ul>

      <h2>Wozu wir die Daten verwenden</h2>
      <ul>
        <li>Um deine Bestellung zu bearbeiten, zu versenden und gegebenenfalls zurückzuabwickeln.</li>
        <li>Um dich zu Servicezwecken zu kontaktieren (z. B. Lieferstatus).</li>
        <li>Um die Website zu betreiben und zu verbessern (anonymisierte Statistik).</li>
        <li>Um dir den Newsletter zu schicken, wenn du dich angemeldet hast.</li>
      </ul>

      <h2>Rechtsgrundlage</h2>
      <p>Bestellungen: Vertragserfüllung (Art. 31 Abs. 2 lit. a DSG bzw. Art. 6 Abs. 1 lit. b DSGVO). Newsletter und Marketing: deine Einwilligung. Statistik: berechtigtes Interesse.</p>

      <h2>An wen wir Daten weitergeben</h2>
      <ul>
        <li><b>Shopify</b> (Kanada/EU): Shop, Bestellungen, Konto.</li>
        <li><b>Vercel</b> (USA/EU): Hosting der Website.</li>
        <li><b>Zahlungsanbieter</b> (Stripe, TWINT): nur die für die Zahlung nötigen Daten.</li>
        <li><b>Schweizer Post</b> bzw. der Versandpartner: Name und Adresse für die Lieferung.</li>
        <li><b>Infomaniak</b> (Schweiz): E-Mail-Versand.</li>
      </ul>
      <p>Wir verkaufen keine Daten an Dritte. Punkt.</p>

      <h2>Cookies</h2>
      <p>Wir setzen technisch notwendige Cookies (Warenkorb, Session) und, mit deiner Zustimmung, anonyme Statistik-Cookies. Details auf der Seite <a>Cookies</a>.</p>

      <h2>Speicherdauer</h2>
      <p>Bestelldaten bewahren wir 10 Jahre auf (gesetzliche Aufbewahrungspflicht). Konto-Daten so lange du das Konto behältst. Newsletter-Daten bis zur Abmeldung.</p>

      <h2>Deine Rechte</h2>
      <p>Du hast jederzeit das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Bearbeitung und Datenübertragbarkeit. Schreib uns einfach an <b>datenschutz@aperogarden.ch</b>. Wir melden uns innerhalb von 30 Tagen.</p>

      <h2>Beschwerdestelle</h2>
      <p>In der Schweiz kannst du dich bei Bedarf an den <b>Eidgenössischen Datenschutz- und Öffentlichkeitsbeauftragten (EDÖB)</b> wenden.</p>
    </PageShell>
  );
}

// =============================================================================
// AGB
// =============================================================================
function Agb() {
  return (
    <PageShell
      eyebrow="Allgemeine Geschäftsbedingungen"
      title="AGB."
      lead="Die Regeln, nach denen wir Drinks an dich verkaufen. So kurz wie möglich gehalten."
      draft
    >
      <h2>1. Geltungsbereich</h2>
      <p>Diese AGB gelten für alle Bestellungen auf aperogarden.ch zwischen The Apéro Garden, Gartenstrasse 12, 8001 Zürich («wir») und dir («du»), der Kundin / dem Kunden. Mit deiner Bestellung erkennst du diese AGB an.</p>

      <h2>2. Vertragspartner</h2>
      <p>Vertragspartnerin ist The Apéro Garden, Inga Niemeyer, Gartenstrasse 12, 8001 Zürich, Schweiz. Kontakt unter hallo@aperogarden.ch.</p>

      <h2>3. Vertragsschluss</h2>
      <p>Die Darstellung der Drinks auf der Website ist kein bindendes Angebot, sondern eine Aufforderung an dich, ein Angebot abzugeben. Mit Klick auf «Bestellung abschliessen» gibst du ein verbindliches Angebot ab. Der Vertrag kommt zustande, sobald wir die Bestellung per E-Mail bestätigen.</p>

      <h2>4. Preise und Versandkosten</h2>
      <p>Alle Preise verstehen sich in Schweizer Franken (CHF), inklusive Mehrwertsteuer und exklusive Versandkosten. Versandkosten findest du auf der Seite Versand und werden vor Abschluss der Bestellung angezeigt.</p>

      <h2>5. Zahlung</h2>
      <p>Wir akzeptieren Kreditkarte (Visa, Mastercard), TWINT und Kauf auf Rechnung. Bei Kauf auf Rechnung ist der Betrag innerhalb von 14 Tagen nach Rechnungsstellung fällig.</p>

      <h2>6. Lieferung</h2>
      <p>Wir liefern in die Schweiz und nach Liechtenstein. Lieferzeit in der Regel 1–2 Werktage ab Bestelleingang. Bei Express-Versand und Bestellung bis 11 Uhr versenden wir am gleichen Werktag. Eine Lieferung in die EU ist derzeit nicht möglich.</p>

      <h2>7. Eigentumsvorbehalt</h2>
      <p>Bis zur vollständigen Bezahlung bleibt die Ware unser Eigentum.</p>

      <h2>8. Gewährleistung</h2>
      <p>Es gelten die gesetzlichen Bestimmungen nach Schweizer Obligationenrecht (Art. 197 ff. OR). Sollte eine Flasche bei Ankunft beschädigt oder ein Drink fehlerhaft sein, melde dich innerhalb von 7 Tagen an hallo@aperogarden.ch. Wir lösen das unkompliziert.</p>

      <h2>9. Rückgaberecht</h2>
      <p>Für ungeöffnete Flaschen gewähren wir freiwillig ein Rückgaberecht von 14 Tagen ab Erhalt. Geöffnete Flaschen können aus lebensmittelrechtlichen Gründen nicht zurückgenommen werden. Details auf der Seite <a>Versand & Rückgabe</a>.</p>

      <h2>10. Haftung</h2>
      <p>Wir haften für Schäden, die auf einer vorsätzlichen oder grobfahrlässigen Pflichtverletzung beruhen. Für leichte Fahrlässigkeit haften wir nur bei Verletzung wesentlicher Vertragspflichten und begrenzt auf den vertragstypischen Schaden.</p>

      <h2>11. Datenschutz</h2>
      <p>Wie wir mit deinen Daten umgehen, steht in unserer <a>Datenschutzerklärung</a>.</p>

      <h2>12. Anwendbares Recht und Gerichtsstand</h2>
      <p>Es gilt ausschliesslich Schweizer Recht. Gerichtsstand ist Zürich, soweit zwingende gesetzliche Bestimmungen nichts anderes vorsehen.</p>

      <h2>13. Schlussbestimmungen</h2>
      <p>Sollten einzelne Bestimmungen dieser AGB unwirksam sein, bleiben die übrigen Bestimmungen wirksam. Wir behalten uns vor, diese AGB anzupassen. Die jeweils aktuelle Fassung gilt ab Veröffentlichung auf aperogarden.ch.</p>

      <p style={{ marginTop: 32, fontSize: 13, color: "var(--fg-3)" }}>Stand: Entwurf v0, Juni 2026.</p>
    </PageShell>
  );
}

// =============================================================================
// Cookies
// =============================================================================
function Cookies() {
  return (
    <PageShell
      eyebrow="Cookie-Richtlinie"
      title="Welche Krümel wir verwenden."
      lead="Sehr wenige, alle harmlos. Hier findest du, welche und wofür."
      draft
    >
      <h2>Was sind Cookies?</h2>
      <p>Cookies sind kleine Textdateien, die deine Browserin auf deinem Gerät speichert. Sie ermöglichen es uns, dich (anonym) wiederzuerkennen, deinen Warenkorb zu merken und die Website zu verbessern.</p>

      <h2>Welche Cookies wir setzen</h2>
      <h3>1. Technisch notwendige Cookies</h3>
      <p>Diese Cookies sind nötig, damit die Website überhaupt funktioniert. Ohne sie kein Warenkorb, keine Anmeldung, kein Checkout.</p>
      <ul>
        <li><b>cart_session</b>: speichert deinen Warenkorb (24 Stunden).</li>
        <li><b>customer_session</b>: hält dich angemeldet (30 Tage).</li>
        <li><b>checkout_token</b>: sichert den Bestellprozess (1 Stunde).</li>
      </ul>

      <h3>2. Statistik-Cookies (optional)</h3>
      <p>Helfen uns zu verstehen, was auf der Website passiert. Komplett anonym, ohne Personenbezug.</p>
      <ul>
        <li><b>Vercel Analytics</b>: anonyme Seitenaufrufe, keine IP-Speicherung.</li>
      </ul>

      <h3>3. Marketing-Cookies (optional)</h3>
      <p>Aktuell keine. Falls wir später Anzeigen schalten, fragen wir vorher um deine Zustimmung.</p>

      <h2>Drittanbieter</h2>
      <p>Wir nutzen Shopify (Bestellungen, Konto) und Vercel (Hosting). Diese setzen ihre eigenen technisch notwendigen Cookies. Sie geben deine Daten nicht an Dritte weiter. Details findest du in deren jeweiligen Datenschutzhinweisen.</p>

      <h2>Wie du Cookies steuerst</h2>
      <p>Beim ersten Besuch siehst du ein Banner. Dort entscheidest du, ob Statistik-Cookies erlaubt sind. Du kannst deine Wahl jederzeit anpassen (Link unten in der Fussleiste). In deinem Browser kannst du Cookies ausserdem komplett blockieren, dann funktionieren allerdings manche Teile der Seite nicht.</p>

      <p style={{ marginTop: 32, fontSize: 13, color: "var(--fg-3)" }}>Stand: Entwurf v0, Juni 2026.</p>
    </PageShell>
  );
}

Object.assign(window, { Faq, Versand, Kontakt, Geschaeftskunden, Haendler, Nachhaltigkeit, Journal, Impressum, Datenschutz, Agb, Cookies });