/* global React, Splash, Reveal */
const { useState: useLegalState } = React;

/* Markierter Platzhalter — nur der Inhaber kennt diese Daten und muss sie eintragen */
function Fill({ children }) {
  return <span className="legal__fill" title="Bitte mit echten Daten ersetzen">{children}</span>;
}

function LegalLayout({ eyebrow, title, accent, updated, children }) {
  return (
    <>
      <header className="page-head">
        <Splash className="page-head__splash" />
        <div className="container">
          <Reveal>
            <div className="eyebrow page-head__eyebrow">{eyebrow}</div>
            <h1 className="page-head__title display" style={{ fontSize: "clamp(48px, 8vw, 120px)" }}>
              {title}
              {accent && (
                <>
                  <br />
                  <span style={{ color: "var(--teal)" }}>{accent}</span>
                </>
              )}
            </h1>
          </Reveal>
        </div>
      </header>
      <section className="section section--tight" style={{ paddingTop: 16 }}>
        <div className="container">
          <Reveal>
            <div className="legal">
              {updated && <div className="legal__updated">Stand: {updated}</div>}
              {children}
            </div>
          </Reveal>
        </div>
      </section>
    </>
  );
}

/* ============================ IMPRESSUM ============================ */
function ImpressumPage() {
  return (
    <LegalLayout eyebrow="Rechtliches" title="Impres-" accent="sum.">
      <h2>Angaben gemäß § 5 DDG</h2>
      <div className="legal__card">
        <p>
          <strong>Holy Smash Burgers</strong>
          <br />
          Inhaberin: Natalie Schramm
          <br />
          Schützenstraße 20
          <br />
          57413 Finnentrop
          <br />
          Deutschland
        </p>
        <p style={{ marginTop: 14 }}>
          <strong>Betriebsstätte (Foodtruck):</strong>
          <br />
          Schützenhalle Bamenohl, 57413 Finnentrop (NRW) sowie wechselnde Standorte laut
          Terminkalender.
        </p>
      </div>

      <h2>Kontakt</h2>
      <p>
        Telefon: <a href="tel:+4901759618981">0175 9618981</a>
        <br />
        E-Mail: <a href="mailto:kontakt@holysmashburger.de">kontakt@holysmashburger.de</a>
        <br />
        Instagram:{" "}
        <a href="https://instagram.com/holy_smashburgers" target="_blank" rel="noreferrer">
          @holy_smashburgers
        </a>
      </p>

      <h2>Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h2>
      <p>
        Natalie Schramm, Anschrift wie oben.
      </p>

      <h2>Lebensmittelüberwachung</h2>
      <p>
        Zuständige Lebensmittelüberwachungsbehörde:
        <br />
        Kreis Olpe — Fachdienst Veterinärwesen und Lebensmittelüberwachung, Westfälische Straße 75,
        57462 Olpe.
      </p>

      <h2>EU-Streitschlichtung</h2>
      <p>
        Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:{" "}
        <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noreferrer">
          https://ec.europa.eu/consumers/odr/
        </a>
        . Unsere E-Mail-Adresse findest du oben.
      </p>

      <h2>Verbraucherstreitbeilegung / Universalschlichtungsstelle</h2>
      <p>
        Wir sind nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer
        Verbraucherschlichtungsstelle teilzunehmen.
      </p>

      <h2>Haftung für Inhalte</h2>
      <p>
        Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für eigene Inhalte auf diesen Seiten nach
        den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter
        jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen
        oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
      </p>

      <h2>Haftung für Links</h2>
      <p>
        Unser Angebot enthält Links zu externen Websites Dritter (z. B. zur Bestellplattform SumUp,
        zu Google Maps und Instagram), auf deren Inhalte wir keinen Einfluss haben. Für diese fremden
        Inhalte können wir keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets
        der jeweilige Anbieter oder Betreiber verantwortlich.
      </p>

      <h2>Urheberrecht</h2>
      <p>
        Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem
        deutschen Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet. Vervielfältigung,
        Bearbeitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen der
        schriftlichen Zustimmung.
      </p>
    </LegalLayout>
  );
}

/* ============================ DATENSCHUTZ ============================ */
function DatenschutzPage() {
  return (
    <LegalLayout eyebrow="DSGVO" title="Daten-" accent="schutz." updated="Juni 2026">
      <h2>1. Datenschutz auf einen Blick</h2>
      <p>
        Der Schutz deiner persönlichen Daten ist uns wichtig. Wir behandeln deine personenbezogenen
        Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften (DSGVO, BDSG)
        sowie dieser Datenschutzerklärung. Personenbezogene Daten sind alle Daten, mit denen du
        persönlich identifiziert werden kannst.
      </p>

      <h2>2. Verantwortliche Stelle</h2>
      <div className="legal__card">
        <p>
          <strong>Holy Smash Burgers</strong> — Inhaberin: Natalie Schramm
          <br />
          Schützenstraße 20, 57413 Finnentrop
          <br />
          Telefon: <a href="tel:+4901759618981">0175 9618981</a> · E-Mail:{" "}
          <a href="mailto:kontakt@holysmashburger.de">kontakt@holysmashburger.de</a>
        </p>
      </div>
      <p>
        Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam
        mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten
        entscheidet.
      </p>

      <h2>3. Hosting und Server-Logfiles</h2>
      <p>
        Diese Website wird beim externen Dienstleister Vercel Inc., 340 S Lemon Ave #4133, Walnut,
        CA 91789, USA, gehostet. Die personenbezogenen Daten, die auf dieser Website erfasst werden,
        werden auf den Servern des Hosters gespeichert. Beim Aufruf der Seite erhebt der Server
        automatisch sogenannte Server-Logfiles:
      </p>
      <ul>
        <li>Browsertyp und Browserversion</li>
        <li>verwendetes Betriebssystem</li>
        <li>Referrer-URL</li>
        <li>Hostname des zugreifenden Rechners</li>
        <li>Uhrzeit der Serveranfrage und IP-Adresse</li>
      </ul>
      <p>
        Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die
        Erfassung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an der
        technisch fehlerfreien Darstellung und Sicherheit der Website).
      </p>

      <h2>4. Cookies und lokale Speicherung</h2>
      <p>
        Unsere Website setzt keine Tracking- oder Marketing-Cookies ein. Für komfortable Funktionen
        (z. B. das Merken einer von dir gewählten Darstellungsvariante) nutzen wir ausschließlich den
        lokalen Speicher deines Browsers (localStorage). Diese Daten verbleiben auf deinem Gerät und
        werden nicht an uns übertragen.
      </p>

      <h2>5. Google Fonts</h2>
      <p>
        Zur einheitlichen Darstellung von Schriftarten nutzt diese Seite Schriftarten von Google
        (Google Fonts), bereitgestellt durch die Google Ireland Limited. Beim Aufruf einer Seite lädt
        dein Browser die benötigten Schriften, um Texte korrekt anzuzeigen. Dabei wird eine Verbindung
        zu den Servern von Google hergestellt, wodurch deine IP-Adresse an Google übermittelt werden
        kann. Die Nutzung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.
      </p>
      <p>
        <em>
          Datensparsamer Hinweis: Für maximale DSGVO-Konformität können die Schriften lokal auf dem
          eigenen Server eingebunden werden — die Offline-Version dieser Seite tut dies bereits.
        </em>
      </p>

      <h2>6. Kontaktaufnahme &amp; Formulare</h2>
      <p>
        Wenn du uns per <strong>Kontaktformular</strong>, <strong>Catering-Anfrage</strong>, E-Mail
        oder Telefon kontaktierst, werden deine Angaben (z. B. Name, E-Mail, Telefonnummer,
        Eventdaten und deine Nachricht) zur Bearbeitung der Anfrage und für mögliche Anschlussfragen
        gespeichert. Diese Daten geben wir nicht ohne deine Einwilligung weiter.
      </p>
      <ul>
        <li>
          Rechtsgrundlage bei einer Anbahnung/Erfüllung eines Vertrags (z. B. Catering): Art. 6 Abs.
          1 lit. b DSGVO.
        </li>
        <li>
          Rechtsgrundlage bei allgemeinen Anfragen: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes
          Interesse an der Beantwortung).
        </li>
      </ul>
      <p>
        <em>
          Technischer Hinweis: Kontakt- und Catering-Anfragen werden über einen Serverless-Endpunkt
          verarbeitet und per E-Mail an Holy Smash Burgers weitergeleitet. Die Daten werden nur zur
          Bearbeitung der Anfrage genutzt.
        </em>
      </p>

      <h2>7. Online-Bestellung über SumUp</h2>
      <p>
        Für Online-Bestellungen leiten wir dich auf die externe Bestellplattform von SumUp
        (SumUp Limited / SumUp Payments Limited) weiter. Sobald du dem Bestell-Link folgst, gelten die
        Datenschutzbestimmungen von SumUp. Die Zahlungsabwicklung und die Verarbeitung deiner Bestell-
        und Zahlungsdaten erfolgen dort eigenverantwortlich durch SumUp. Mehr dazu unter{" "}
        <a href="https://www.sumup.com/de-de/datenschutz/" target="_blank" rel="noreferrer">
          sumup.com/de-de/datenschutz
        </a>
        .
      </p>

      <h2>8. Kartenfunktion / OpenStreetMap</h2>
      <p>
        Zur Darstellung unseres Standorts nutzen wir eine interaktive Karte auf Basis von
        OpenStreetMap-Kartendaten mit Kartentiles von CARTO. Beim Laden der Karte können technisch
        notwendige Daten wie IP-Adresse, Browserinformationen und Zeitpunkt des Abrufs an die
        jeweiligen Anbieter übertragen werden. Die Nutzung erfolgt auf Grundlage von Art. 6 Abs. 1
        lit. f DSGVO (berechtigtes Interesse an einer nutzerfreundlichen Standortdarstellung). Über
        die Schaltfläche „Route starten“ wirst du erst nach aktivem Klick zu Google Maps
        weitergeleitet; dann gelten die Datenschutzbestimmungen von Google.
      </p>

      <h2>9. Social Media (Instagram)</h2>
      <p>
        Auf der Startseite können aktuelle Beiträge unseres Instagram-Profils angezeigt werden. Die
        Beitragsdaten werden serverseitig über die offizielle Meta/Instagram API abgerufen. Beim
        Anzeigen der Vorschaubilder kann dein Browser Medien von Instagram bzw. Meta-Servern laden;
        dabei können technisch notwendige Daten wie IP-Adresse, Browserinformationen und Zeitpunkt
        des Abrufs an Meta Platforms Ireland Limited übermittelt werden. Die Nutzung erfolgt auf
        Grundlage von Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an der Darstellung aktueller
        Social-Media-Inhalte). Wenn du einen Beitrag anklickst, wirst du zu Instagram weitergeleitet.
      </p>

      <h2>10. Speicherdauer</h2>
      <p>
        Wir verarbeiten und speichern personenbezogene Daten nur so lange, wie es für die Erreichung
        des jeweiligen Zwecks erforderlich ist oder wie es gesetzliche Aufbewahrungsfristen (z. B.
        handels- und steuerrechtlich) vorsehen. Danach werden die Daten gelöscht.
      </p>

      <h2>11. Deine Rechte</h2>
      <p>Dir stehen jederzeit folgende Rechte zu:</p>
      <ul>
        <li>Auskunft über deine gespeicherten Daten (Art. 15 DSGVO)</li>
        <li>Berichtigung unrichtiger Daten (Art. 16 DSGVO)</li>
        <li>Löschung (Art. 17 DSGVO)</li>
        <li>Einschränkung der Verarbeitung (Art. 18 DSGVO)</li>
        <li>Datenübertragbarkeit (Art. 20 DSGVO)</li>
        <li>Widerspruch gegen die Verarbeitung (Art. 21 DSGVO)</li>
        <li>Widerruf erteilter Einwilligungen mit Wirkung für die Zukunft (Art. 7 Abs. 3 DSGVO)</li>
      </ul>
      <p>
        Zur Ausübung genügt eine formlose Nachricht an{" "}
        <a href="mailto:kontakt@holysmashburger.de">kontakt@holysmashburger.de</a>.
      </p>

      <h2>12. Beschwerderecht bei der Aufsichtsbehörde</h2>
      <p>
        Im Falle datenschutzrechtlicher Verstöße steht dir ein Beschwerderecht bei der zuständigen
        Aufsichtsbehörde zu. Für NRW ist dies die Landesbeauftragte für Datenschutz und
        Informationsfreiheit Nordrhein-Westfalen (LDI NRW).
      </p>

      <h2>13. SSL-/TLS-Verschlüsselung</h2>
      <p>
        Diese Seite nutzt aus Sicherheitsgründen eine SSL-/TLS-Verschlüsselung. Eine verschlüsselte
        Verbindung erkennst du am „https://“ in der Adresszeile deines Browsers.
      </p>
    </LegalLayout>
  );
}

/* ============================ AGB ============================ */
function AGBPage() {
  return (
    <LegalLayout eyebrow="Geschäftsbedingungen" title="AGB." updated="Juni 2026">
      <h2>§ 1 Geltungsbereich</h2>
      <p>
        Diese Allgemeinen Geschäftsbedingungen (AGB) gelten für alle Bestellungen und Verträge
        zwischen Holy Smash Burgers, Inhaberin Natalie Schramm (nachfolgend „wir“ oder
        „Anbieter“), und den Kundinnen und Kunden (nachfolgend „Kunde“) — sowohl für den Verkauf am
        Foodtruck als auch für Online-Vorbestellungen und Catering-Leistungen.
      </p>

      <h2>§ 2 Vertragspartner</h2>
      <p>
        Der Vertrag kommt zustande mit Holy Smash Burgers, Schützenstraße 20, 57413 Finnentrop.
        Kontaktdaten findest du im <a href="#/kontakt">Kontaktbereich</a> und im{" "}
        <a href="#/impressum">Impressum</a>.
      </p>

      <h2>§ 3 Vertragsschluss</h2>
      <h3>Verkauf am Foodtruck</h3>
      <p>
        Die Präsentation unseres Angebots am Truck und auf dieser Website stellt kein rechtlich
        bindendes Angebot, sondern eine Aufforderung zur Bestellung dar. Mit deiner Bestellung gibst
        du ein verbindliches Angebot ab; der Vertrag kommt mit der Annahme bzw. Zubereitung durch uns
        zustande.
      </p>
      <h3>Online-Vorbestellung</h3>
      <p>
        Online-Vorbestellungen werden über die externe Plattform SumUp abgewickelt. Für den
        Bestellvorgang und die Zahlung gelten ergänzend die Bedingungen von SumUp. Nach Abschluss
        erhältst du eine Bestellbestätigung; damit kommt der Vertrag zustande.
      </p>

      <h2>§ 4 Preise</h2>
      <p>
        Alle Preise verstehen sich in Euro und als Endpreise inklusive der gesetzlichen
        Mehrwertsteuer. Maßgeblich ist der zum Zeitpunkt der Bestellung am Truck bzw. in der
        Bestellplattform ausgewiesene Preis. Änderungen und Irrtümer bleiben vorbehalten.
      </p>

      <h2>§ 5 Zahlung</h2>
      <p>
        Am Truck sind Barzahlung sowie — soweit ausgewiesen — Kartenzahlung möglich.
        Online-Bestellungen werden über die von SumUp angebotenen Zahlungsarten bezahlt. Die Zahlung
        ist mit Bestellung bzw. bei Abholung fällig.
      </p>

      <h2>§ 6 Abholung &amp; kein Widerrufsrecht</h2>
      <p>
        Bestellungen werden zur Abholung am angegebenen Standort innerhalb der jeweiligen
        Öffnungszeiten bereitgestellt. Bitte halte deine Bestellnummer bereit.
      </p>
      <p>
        Bei der Lieferung von Speisen und Getränken, die frisch zubereitet und zum sofortigen Verzehr
        bestimmt sind, besteht gemäß § 312g Abs. 2 Nr. 1 und Nr. 2 BGB <strong>kein
        Widerrufsrecht</strong> (Waren, die nach Kundenspezifikation angefertigt werden bzw. schnell
        verderben können).
      </p>

      <h2>§ 7 Allergene &amp; Lebensmittelinformation</h2>
      <p>
        Informationen zu Allergenen und Zusatzstoffen erhältst du auf Nachfrage am Truck sowie in
        Auszügen in unserem <a href="#/menue">Menü</a>. Bei Lebensmittelunverträglichkeiten oder
        -allergien sprich uns bitte vor der Bestellung an. Eine vollständige Trennung sämtlicher
        Allergene in der Zubereitung auf engem Raum kann nicht garantiert werden.
      </p>

      <h2>§ 8 Catering</h2>
      <p>
        Catering-Leistungen erfolgen auf Grundlage eines gesonderten, individuellen Angebots. Der
        Vertrag kommt durch schriftliche Bestätigung (auch per E-Mail) zustande. Es gelten ergänzend:
      </p>
      <ul>
        <li>
          <strong>Anzahlung:</strong> Wir können eine Anzahlung von bis zu 35 % der Auftragssumme verlangen.
        </li>
        <li>
          <strong>Stornierung:</strong> Bei Stornierung bis 14 Tage vor dem
          Termin fallen keine weiteren Kosten an; danach behalten wir uns die Berechnung bereits entstandener
          Aufwände vor.
        </li>
        <li>
          <strong>Mitwirkung:</strong> Der Kunde stellt am Eventort einen geeigneten Stellplatz und
          ggf. Stromanschluss bereit, sofern vereinbart.
        </li>
      </ul>

      <h2>§ 9 Gewährleistung &amp; Haftung</h2>
      <p>
        Es gelten die gesetzlichen Gewährleistungsrechte. Wir haften unbeschränkt bei Vorsatz und
        grober Fahrlässigkeit sowie nach den Vorschriften des Produkthaftungsgesetzes. Bei leicht
        fahrlässiger Verletzung wesentlicher Vertragspflichten ist die Haftung auf den
        vertragstypischen, vorhersehbaren Schaden begrenzt. Eine Haftung für die Verletzung von Leben,
        Körper und Gesundheit bleibt hiervon unberührt.
      </p>

      <h2>§ 10 Schlussbestimmungen</h2>
      <p>
        Es gilt das Recht der Bundesrepublik Deutschland unter Ausschluss des UN-Kaufrechts. Sollten
        einzelne Bestimmungen dieser AGB unwirksam sein, bleibt die Wirksamkeit der übrigen
        Bestimmungen unberührt. Verbraucherschützende zwingende Vorschriften des Staates, in dem der
        Kunde seinen gewöhnlichen Aufenthalt hat, bleiben unberührt.
      </p>
    </LegalLayout>
  );
}

Object.assign(window, { ImpressumPage, DatenschutzPage, AGBPage });