// Legal & Info Pages — Impressum, Datenschutz, AGB, Widerruf, Zahlung, FAQ, Pflege, Produktsicherheit

const LegalLayout = ({ eyebrow, title, accent, children }) => {
  const { go, t } = useApp();
  return (
    <div className="legal-page">
      <div className="legal-hero">
        <div className="eyebrow">{eyebrow}</div>
        <h1>{title} {accent && <span className="accent-word">{accent}</span>}</h1>
      </div>
      <div className="legal-body">
        <div className="legal-content">{children}</div>
      </div>
      <div className="legal-back">
        <button className="btn ghost" onClick={() => go({ page: 'home' })}><span style={{ transform: 'rotate(180deg)', display: 'inline-flex' }}><Icon name="arrow"/></span> {t('Zurück zur Startseite')}</button>
      </div>
    </div>
  );
};

const Impressum = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Rechtliches')} title={t('Impressum.')}>
      <div className="legal-grid">
        <div className="legal-card">
          <div className="legal-card-label">01</div>
          <h3>{t('Angaben gemäß § 5 TMG')}</h3>
          <p>ZinCuTec GmbH<br/>Siemensstr. 9-11<br/>72622 Nürtingen</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">02</div>
          <h3>{t('Kontakt')}</h3>
          <p>{t('Telefon')}: +49 (0)7022 – 26 20 03<br/>E-Mail: kontakt@zincutec.eu</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">03</div>
          <h3>{t('Registereintrag')}</h3>
          <p>USt-IdNr.: DE 270153523<br/>HRB 732206<br/>Amtsgericht Stuttgart</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">04</div>
          <h3>{t('Geschäftsführer')}</h3>
          <p>Dawid Kwiatkowski</p>
        </div>
      </div>

      <div className="legal-section">
        <h2>{t('Haftung für Inhalte')}</h2>
        <p>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG 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. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Haftung für Links')}</h2>
        <p>Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Urheberrecht')}</h2>
        <p>Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Streitschlichtung')}</h2>
        <p>Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit. Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
      </div>
    </LegalLayout>
  );
};

const Datenschutz = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Rechtliches')} title={t('Datenschutz.')} >
      <div className="legal-section">
        <h2>1. {t('Datenschutz auf einen Blick')}</h2>
        <h3>{t('Allgemeine Hinweise')}</h3>
        <p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.</p>
        <h3>{t('Wie erfassen wir Ihre Daten?')}</h3>
        <p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in ein Kontaktformular eingeben. Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z.B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs).</p>
        <h3>{t('Wofür nutzen wir Ihre Daten?')}</h3>
        <p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.</p>
        <h3>{t('Welche Rechte haben Sie bezüglich Ihrer Daten?')}</h3>
        <p>Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>
      </div>

      <div className="legal-section">
        <h2>2. {t('Allgemeine Hinweise und Pflichtinformationen')}</h2>
        <h3>{t('Verantwortliche Stelle')}</h3>
        <p>ZinCuTec® GmbH<br/>Geschäftsführer: Dawid Kwiatkowski<br/>Siemensstr. 9-11<br/>72622 Nürtingen<br/>Telefon: +49 (0)7022 – 26 20 03<br/>E-Mail: kontakt@zincutec.eu</p>
        <h3>{t('Widerruf Ihrer Einwilligung zur Datenverarbeitung')}</h3>
        <p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>
        <h3>{t('Widerspruchsrecht (Art. 21 DSGVO)')}</h3>
        <p>Wenn die Datenverarbeitung auf Grundlage von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, haben Sie jederzeit das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, gegen die Verarbeitung Ihrer personenbezogenen Daten Widerspruch einzulegen.</p>
        <h3>SSL- bzw. TLS-{t('Verschlüsselung')}</h3>
        <p>Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von "http://" auf "https://" wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.</p>
        <h3>{t('Auskunft, Sperrung, Löschung und Berichtigung')}</h3>
        <p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten.</p>
      </div>

      <div className="legal-section">
        <h2>3. {t('Datenerfassung auf unserer Website')}</h2>
        <h3>Cookies</h3>
        <p>Die Internetseiten verwenden teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben.</p>
        <h3>Server-Log-Dateien</h3>
        <p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind: Browsertyp und Browserversion, verwendetes Betriebssystem, Referrer URL, Hostname des zugreifenden Rechners, Uhrzeit der Serveranfrage, IP-Adresse.</p>
        <h3>{t('Kontaktformular')}</h3>
        <p>Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.</p>
      </div>

      <div className="legal-section">
        <h2>4. {t('Analyse-Tools und Dienste')}</h2>
        <h3>Google Analytics</h3>
        <p>Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics. Anbieter ist die Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA. Google Analytics verwendet so genannte "Cookies". Wir haben mit Google einen Vertrag zur Auftragsverarbeitung abgeschlossen.</p>
        <h3>Facebook Pixel</h3>
        <p>Unsere Website nutzt zur Konversionsmessung das Besucheraktions-Pixel von Facebook, Facebook Inc., 1601 S. California Ave, Palo Alto, CA 94304, USA. Die erhobenen Daten sind für uns als Betreiber dieser Website anonym.</p>
        <h3>Pinterest Tag</h3>
        <p>Unsere Website verwendet den Pinterest-Tag der Pinterest Europe Ltd. zur Konversionsmessung. Die Nutzung erfolgt auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO).</p>
        <h3>Google AdWords</h3>
        <p>Unsere Webseite nutzt das Google Conversion-Tracking. Das Cookie für Conversion-Tracking wird gesetzt, wenn ein Nutzer auf eine von Google geschaltete Anzeige klickt. Diese Cookies verlieren nach 30 Tagen ihre Gültigkeit und dienen nicht der persönlichen Identifizierung.</p>
        <h3>Google reCAPTCHA</h3>
        <p>Wir nutzen "Google reCAPTCHA" auf unseren Websites. Mit reCAPTCHA soll überprüft werden, ob die Dateneingabe auf unseren Websites durch einen Menschen oder durch ein automatisiertes Programm erfolgt.</p>
        <h3>YouTube</h3>
        <p>Unsere Website nutzt Plugins der von Google betriebenen Seite YouTube. Betreiber der Seiten ist die YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.</p>
      </div>

      <div className="legal-section">
        <h2>5. Hosting</h2>
        <p>Diese Website wird auf den Servern der dogado GmbH (Antonio-Segni-Straße 11, D-44263 Dortmund) gehostet. Die Server-Logfiles werden für maximal 7 Tage gespeichert und anschließend gelöscht.</p>
      </div>

      <div className="legal-section">
        <h2>6. Newsletter (Klaviyo)</h2>
        <p>Für den Versand und die Analyse unserer Newsletter verwenden wir den Dienst Klaviyo, Inc., 225 Cedar Hill St, Suite 200, Marlborough, MA 01752, USA. Klaviyo ist nach dem EU-US Data Privacy Framework zertifiziert. Sie können der Verarbeitung Ihrer Daten für Newsletter- und Analysezwecke jederzeit widersprechen.</p>
        <h3>{t('Direktwerbung per E-Mail (§ 7 Abs. 3 UWG)')}</h3>
        <p>Sofern Sie bei uns Waren oder Dienstleistungen erworben und dabei Ihre E-Mail-Adresse angegeben haben, behalten wir uns vor, diese zum Versand von Direktwerbung für eigene ähnliche Waren oder Dienstleistungen zu verwenden. Widerspruchsrecht: Sie können der Nutzung Ihrer E-Mail-Adresse jederzeit widersprechen an marketing@zincutec.eu.</p>
      </div>

      <div className="legal-contact-strip">
        <div><Icon name="shield"/><span>{t('DSGVO-konform')}</span></div>
        <div><Icon name="hand"/><span>{t('Daten in Deutschland')}</span></div>
      </div>
    </LegalLayout>
  );
};

const AGB = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Rechtliches')} title="AGB.">
      <div className="legal-section">
        <h2>1. {t('Gegenstand')}</h2>
        <p>Diese Allgemeinen Geschäftsbedingungen („AGB") stellen die rechtlichen Rahmenbedingungen für die Nutzung der Webseite zincutec.eu sowie für sämtliche Verträge zwischen der ZinCuTec GmbH, Siemensstraße 9‐11, 72622 Nürtingen (nachfolgend „ZinCuTec") und dem Käufer dar.</p>
      </div>

      <div className="legal-section">
        <h2>2. {t('Grundsätzliches')}</h2>
        <p>ZinCuTec bietet über einen Online-Shop auf der Webseite https://www.zincutec.eu/shop/ Waren an. Die folgenden AGB gelten sowohl für Verbraucher als auch Unternehmer. Der Kunde muss vor der Bestellung bestätigen, dass er von den AGB ausdrücklich Kenntnis genommen hat.</p>
        <p>Verbraucher ist jede natürliche Person, die ein Rechtsgeschäft zu Zwecken abschließt, die überwiegend weder ihrer gewerblichen noch ihrer selbstständigen beruflichen Tätigkeit zugerechnet werden können. Abweichende Bedingungen des Kunden sind nur dann bindend, wenn sie schriftlich anerkannt wurden.</p>
      </div>

      <div className="legal-section">
        <h2>3. {t('Preise & Zahlungsarten')}</h2>
        <p>Alle angegebenen Preise verstehen sich in Euro inklusive der jeweils gültigen gesetzlichen Mehrwertsteuer und zuzüglich Versandkosten. Folgende Zahlungsmethoden stehen zur Verfügung: Vorkasse (Banküberweisung), PayPal, Kreditkarte (Visa, Mastercard), Sofortüberweisung / Klarna, Google Pay / Apple Pay.</p>
      </div>

      <div className="legal-section">
        <h2>4. {t('Vertragsschluss')}</h2>
        <p>Die im Shop dargestellten Produkte stellen kein rechtlich bindendes Angebot dar, sondern eine unverbindliche Aufforderung zur Abgabe einer Bestellung. Mit dem Absenden der Bestellung gibt der Kunde ein verbindliches Angebot zum Abschluss eines Kaufvertrags ab.</p>
        <p>Der Kaufvertrag kommt bei Zahlung per Vorkasse oder Banküberweisung erst mit Versand einer separaten E-Mail mit einer Auftragsbestätigung oder der Lieferung der Ware zustande. Bei Zahlung per PayPal, Google-Pay/Apple-Pay, Kreditkarte oder Sofortüberweisung/Klarna kommt der Vertrag bereits mit Zahlungsanweisung durch den Kunden zustande.</p>
      </div>

      <div className="legal-section">
        <h2>5. {t('Lieferung & Eigentumsvorbehalt')}</h2>
        <p>Sofern nicht anders vereinbart, erfolgt die Lieferung ab Lager an die vom Kunden angegebene Lieferadresse. Der Versand erfolgt per DHL oder Spedition. Die gelieferte Ware bleibt bis zur vollständigen Zahlung aller Forderungen aus diesem Vertrag Eigentum der ZinCuTec.</p>
        <p>Die angegebenen Lieferzeiten sind unverbindlich, sofern nicht ausdrücklich eine verbindliche Lieferzeit zugesagt wurde. In der Regel betragen die Lieferzeiten 5 bis 6 Wochen. In den Sommermonaten sowie über die Winterfeiertage kann sich die Lieferzeit auf 7 bis 8 Wochen verlängern.</p>
        <p>Bei Lieferungen in Nicht-EU-Länder können zusätzliche Kosten wie Zölle, Steuern oder Geldtransfergebühren anfallen, die vom Kunden zu tragen sind.</p>
      </div>

      <div className="legal-section">
        <h2>6. {t('Versand & Gefahrübergang')}</h2>
        <p>Bei Verbrauchern geht die Gefahr des zufälligen Untergangs und der zufälligen Verschlechterung der verkauften Ware beim Versendungskauf auf den Verbraucher über, wenn diesem die Ware übergeben wird.</p>
        <p>ZinCuTec liefert innerhalb der Bundesrepublik Deutschland (ausschließlich auf dem Festland) versandkostenfrei. Die Lieferung erfolgt bis zur Bordsteinkante. Für weitere Länder fällt eine Pauschale in Höhe von EUR 150,00 für Speditionsware und EUR 30,00 für ein Päckchen pro Produkt an.</p>
      </div>

      <div className="legal-section">
        <h2>7. {t('Gewährleistung & Materialeigenschaften')}</h2>
        <p>Sofern nicht anders in den AGB vereinbart, gelten die gesetzlichen Gewährleistungsrechte gem. §§ 434 ff. BGB. Der Kunde ist verpflichtet, die Ware unmittelbar nach Erhalt auf Vollständigkeit und Mängel zu überprüfen.</p>
        <p>Die Produkte bestehen aus patiniertem Kupfer, brüniertem Messing, oxidiertem Aluminium sowie Edelstahl. Die Oberflächen entwickeln durch natürliche Oxidation individuelle Farbnuancen und können Unregelmäßigkeiten aufweisen. Diese Eigenschaften stellen keinen Mangel dar, sondern verleihen jedem Stück seinen einzigartigen Charakter.</p>
        <p>Sollten Transportschäden erkennbar sein, bittet ZinCuTec um eine Mitteilung an shop@zincutec.eu innerhalb von 24 Stunden.</p>
      </div>

      <div className="legal-section">
        <h2>8. {t('Haftungsausschluss')}</h2>
        <p>Die Haftung von ZinCuTec für vertragliche Pflichtverletzungen sowie aus Delikt ist auf Vorsatz und grobe Fahrlässigkeit beschränkt. Diese Beschränkung gilt nicht für die Verletzung von Leben, Körper und Gesundheit des Kunden oder Ansprüche wegen der Verletzung von Kardinalpflichten.</p>
      </div>

      <div className="legal-section">
        <h2>9. {t('Datenschutz')}</h2>
        <p>Die Verarbeitung personenbezogener Daten erfolgt gemäß der DSGVO und dem BDSG. Detaillierte Informationen finden sich in unserer Datenschutzerklärung.</p>
      </div>

      <div className="legal-section">
        <h2>10. {t('Schlussbestimmungen')}</h2>
        <p>Es gilt das Recht der Bundesrepublik Deutschland. Die Bestimmungen des UN-Kaufrechts finden keine Anwendung. Sollte eine Regelung dieser AGB unwirksam sein oder werden, so berührt dies nicht die Wirksamkeit der weiteren Regelungen.</p>
        <p className="legal-meta">Stand: November 2025</p>
      </div>
    </LegalLayout>
  );
};

const Widerruf = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Rechtliches')} title={t('Widerrufs')} accent={t('belehrung.')}>
      <div className="legal-highlight">
        <Icon name="return"/>
        <div>
          <h3>14 {t('Tage Widerrufsrecht')}</h3>
          <p>{t('Sie haben das Recht, binnen vierzehn Tagen ohne Angabe von Gründen diesen Vertrag zu widerrufen.')}</p>
        </div>
      </div>

      <div className="legal-section">
        <h2>{t('Widerrufsrecht')}</h2>
        <p>Die Widerrufsfrist beträgt vierzehn Tage ab dem Tag, an dem Sie oder ein von Ihnen benannter Dritter, der nicht der Beförderer ist, die Ware bzw. bei Teillieferungen die letzte Lieferung in Besitz genommen hat.</p>
        <p>Um Ihr Widerrufsrecht auszuüben, müssen Sie der ZinCuTec GmbH, Siemensstraße 9-11, 72622 Nürtingen, E-Mail: kontakt@zincutec.eu, Telefon: +49 (0)7022 – 26 20 03, mittels einer eindeutigen Erklärung (z. B. ein mit der Post versandter Brief oder E-Mail) über Ihren Entschluss, diesen Vertrag zu widerrufen, informieren.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Folgen des Widerrufs')}</h2>
        <p>Wenn Sie diesen Vertrag widerrufen, hat der Verkäufer alle Zahlungen, die dieser von Ihnen erhalten hat, einschließlich der Lieferkosten (mit Ausnahme zusätzlicher Kosten für alternative Lieferarten) unverzüglich und spätestens innerhalb von vierzehn Tagen ab dem Tag zurückzuerstatten, an dem die Mitteilung über Ihren Widerruf eingegangen ist.</p>
        <p>Sie haben die Waren unverzüglich und in jedem Fall spätestens binnen vierzehn Tagen ab dem Tag, an dem Sie den Widerruf erklären, zurückzusenden oder zu übergeben. Sie tragen die unmittelbaren Kosten der Rücksendung der Waren.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Ausschluss des Widerrufsrechts')}</h2>
        <p>Das Widerrufsrecht steht Ihnen nicht zu bei Verträgen über die Lieferung von Waren, die nicht vorgefertigt sind und für deren Herstellung eine individuelle Auswahl oder Bestimmung durch den Kunden maßgeblich ist oder die eindeutig auf die persönlichen Bedürfnisse des Kunden zugeschnitten sind.</p>
      </div>

      <div className="legal-section">
        <h2>{t('Muster-Widerrufsformular')}</h2>
        <div className="legal-form-template">
          <p>An die ZinCuTec GmbH, Siemensstraße 9–11, 72622 Nürtingen<br/>E-Mail: kontakt@zincutec.eu</p>
          <p>Hiermit widerrufe(n) ich/wir (*) den von mir/uns (*) abgeschlossenen Vertrag über den Kauf der folgenden Waren: _______________</p>
          <p>Bestellt am: _______________ / erhalten am: _______________</p>
          <p>Name des/der Verbraucher(s): _______________</p>
          <p>Anschrift des/der Verbraucher(s): _______________</p>
          <p>Unterschrift: _______________ Datum: _______________</p>
        </div>
      </div>
    </LegalLayout>
  );
};

const ZahlungVersand = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Service')} title={t('Zahlung &')} accent={t('Versand.')}>
      <div className="legal-grid">
        <div className="legal-card">
          <div className="legal-card-label"><Icon name="truck"/></div>
          <h3>{t('Deutschland')}</h3>
          <p>{t('Kostenlos')}<br/><span className="legal-small">{t('Ausschließlich Festland, keine Inseln. Lieferung bis zur Bordsteinkante.')}</span></p>
          <div className="legal-exception">{t('Esstische')}: 250,00 € {t('per Spedition pro Stück')}</div>
        </div>
        <div className="legal-card">
          <div className="legal-card-label"><Icon name="truck"/></div>
          <h3>{t('International')}</h3>
          <p>DHL ({t('Päckchen')}): 30,00 €<br/>{t('Spedition')}: 150,00 € {t('pro Produkt')}<br/>{t('Esstische per Spedition')}: 450,00 €</p>
          <div className="legal-exception">{t('Bei Lieferungen in Nicht-EU-Länder können zusätzliche Kosten anfallen.')}</div>
        </div>
      </div>

      <div className="legal-section">
        <h2>{t('Zahlungsarten')}</h2>
        <div className="legal-pay-grid">
          {['Vorkasse','PayPal','Visa','Mastercard','Klarna','Google Pay','Apple Pay'].map(m => (
            <div key={m} className="legal-pay-chip">{m}</div>
          ))}
        </div>
      </div>

      <div className="legal-section">
        <h2>{t('Lieferzeiten')}</h2>
        <p>{t('In der Regel betragen die Lieferzeiten 5 bis 6 Wochen. In den Sommermonaten sowie über die Winterfeiertage kann sich die Lieferzeit auf 7 bis 8 Wochen verlängern.')}</p>
      </div>
    </LegalLayout>
  );
};

const FAQ = () => {
  const { t } = useApp();
  const [open, setOpen] = React.useState(null);
  const toggle = (i) => setOpen(open === i ? null : i);

  const items = [
    { q: t('Weshalb sind die Lieferzeiten so lang?'), a: t('Unsere Möbel und Wohnaccessoires sind keine Massenware, sondern durchdachte Designobjekte. Wir setzen auf robuste Materialien, präzise Verarbeitung und pflegeleichte, widerstandsfähige Oberflächen. Qualität braucht Zeit. Dafür begleiten dich unsere Produkte ein Leben lang.') },
    { q: t('Wie pflege ich meine Metallprodukte richtig?'), a: t('Zur Reinigung verwenden Sie bitte ausschließlich ein Poliertuch, leicht angefeuchtet mit Wasser oder einem Spezialreiniger für lackierte Oberflächen. Verwenden Sie keine Lösungsmittel oder aggressiven Reinigungsmittel. Stehendes Wasser umgehend entfernen und die Oberfläche trocken wischen.') },
    { q: t('Was bietet ZinCuTec außer Designermöbeln an?'), a: t('Neben exklusiven Designermöbeln veredeln wir Metalloberflächen für Projekte in Kunst, Architektur und Fassadengestaltung. Unsere Leistungen umfassen individuelle Patinierungen, Oberflächenbehandlungen und Bearbeitungsverfahren.') },
    { q: t('Liefern Sie auch in größeren Mengen?'), a: t('Die Lieferung von großen Stückzahlen, beispielsweise für Gastronomie oder Hotels, ist nach Absprache möglich.') },
    { q: t('Welche Bezahlmöglichkeiten bietet ihr an?'), a: t('Sie können bequem per PayPal, Kreditkarte (Visa, Mastercard), Sofortüberweisung über Klarna, Google Pay, Apple Pay oder per Vorkasse bezahlen.') },
    { q: t('Kann ich meine Bestellung stornieren oder zurückgeben?'), a: t('Da Maßanfertigungen individuell nach Ihren Vorgaben gefertigt werden, ist eine Stornierung oder Rückgabe leider nicht möglich. Lagernde Standardprodukte können innerhalb von 14 Tagen zurückgegeben werden.') },
    { q: t('Transportschaden – was tun?'), a: t('Bitte überprüfen Sie die Ware bei der Anlieferung auf offensichtliche Transportschäden und lassen Sie diese vom Fahrer schriftlich bestätigen. Melden Sie sich umgehend bei shop@zincutec.eu.') },
  ];

  return (
    <LegalLayout eyebrow={t('Service')} title={t('Häufige')} accent={t('Fragen.')}>
      <div className="legal-faq">
        {items.map((item, i) => (
          <div key={i} className={`legal-faq-item ${open === i ? 'open' : ''}`}>
            <button className="legal-faq-q" onClick={() => toggle(i)}>
              <span className="legal-faq-num">{String(i + 1).padStart(2, '0')}</span>
              <span>{item.q}</span>
              <span className="legal-faq-icon">{open === i ? '−' : '+'}</span>
            </button>
            {open === i && <div className="legal-faq-a">{item.a}</div>}
          </div>
        ))}
      </div>

      <div className="legal-contact-strip">
        <p>{t('Deine Frage war nicht dabei?')}</p>
        <a href="mailto:support@zincutec.eu" className="btn ghost sm">support@zincutec.eu <Icon name="arrow"/></a>
      </div>
    </LegalLayout>
  );
};

const Pflege = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Service')} title={t('Pflege &')} accent={t('Patina.')}>
      <div className="legal-highlight">
        <Icon name="hand"/>
        <div>
          <h3>{t('Qualität, die bleibt')}</h3>
          <p>{t('ZinCuTec Möbel stehen für Qualität. Unsere Produkte aus hochwertigen Metallen sind dafür gemacht, Sie lange zu begleiten – und mit der Zeit an Ausdruck und Charakter zu gewinnen.')}</p>
        </div>
      </div>

      <div className="legal-section">
        <h2>{t('Material & Patina')}</h2>
        <p>{t('Mit dem Erwerb eines ZinCuTec-Pieces entscheiden Sie sich für ein einzigartiges Stück aus hochwertigem Buntmetall. Buntmetalle reagieren durch Oxidation und im Laufe der Zeit bildet sich eine matte Schutzschicht. Diese natürliche Patina betont die Individualität Ihrer Produkte und ist ungiftig.')}</p>
        <p>{t('Unsere Produkte aus brüniertem Messing werden mit einem speziellen Schutzlack oder Wachs versehen, um das Anlaufen und Verunreinigungen zu minimieren. Daher sind Öle, Fette, Säuren und verunreinigtes Wasser von den oxidierten Oberflächen fernzuhalten.')}</p>
      </div>

      <div className="legal-section">
        <h2>{t('Tägliche Reinigung')}</h2>
        <p>{t('Wir empfehlen für einfache und effektive Reinigung Mikrofasertücher oder Haushaltstücher. Zur Entfernung von leichten Verschmutzungen können Sie warmes Seifenwasser verwenden.')}</p>
        <p>{t('Es ist ratsam, Flecken von Rotwein, Cola oder ähnlichen Substanzen, sowie Lebensmittel mit hohem Säureanteil wie z.B. Zitronen schnellstmöglich zu entfernen, da diese zu Flecken auf dem Material führen können. Auch stehendes Wasser über einen längeren Zeitraum sollte vermieden werden.')}</p>
      </div>

      <div className="legal-section">
        <h2>{t('Bei groben Verschmutzungen')}</h2>
        <p>{t('Für eine zusätzliche Reinigung empfehlen wir Bremsenreiniger oder Silikonentferner. Auch handelsüblicher Spiegelreiniger kann benutzt werden, ohne chemische Zusatzstoffe.')}</p>
      </div>

      <div className="legal-section">
        <h2>{t('Bitte vermeiden')}</h2>
        <div className="legal-dont-list">
          <div><span>✕</span> {t('Scheuerpulver')}</div>
          <div><span>✕</span> {t('Chlor und stark chemische Reinigungsmittel')}</div>
          <div><span>✕</span> {t('Grobe Edelstahlschwämme oder Bürsten')}</div>
          <div><span>✕</span> {t('Stark chemische Klebebänder')}</div>
          <div><span>✕</span> {t('Abrasive Vliese')}</div>
          <div><span>✕</span> {t('Lösemittel')}</div>
        </div>
      </div>
    </LegalLayout>
  );
};

const Produktsicherheit = () => {
  const { t } = useApp();
  return (
    <LegalLayout eyebrow={t('Service')} title={t('Produkt')} accent={t('sicherheit.')}>
      <div className="legal-highlight">
        <Icon name="shield"/>
        <div>
          <h3>{t('Made in Germany')}</h3>
          <p>{t('Unsere maßgefertigten Möbel stehen für erstklassige Verarbeitung, hochwertige Materialien und echte Handwerksqualität. Damit Sie lange Freude an Ihrer neuen Ausstattung haben.')}</p>
        </div>
      </div>

      <div className="legal-grid legal-grid-3">
        <div className="legal-card">
          <div className="legal-card-label">01</div>
          <h3>{t('Gewicht & Transport')}</h3>
          <p>{t('Unsere Möbel bestehen aus massivem Metall und sind entsprechend schwer. Bitte tragen Sie das Möbelstück niemals allein. Verwenden Sie geeignete Hilfsmittel.')}</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">02</div>
          <h3>{t('Scharfe Kanten')}</h3>
          <p>{t('Durch die handwerkliche Fertigung können teilweise Kanten oder Ecken auftreten, die spitz wirken. Stellen oder hängen Sie die Möbel so auf, dass keine Verletzungsgefahr entstehen kann.')}</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">03</div>
          <h3>{t('Standsicherheit')}</h3>
          <p>{t('Stellen Sie das Möbelstück nur auf ebenem, tragfähigem Untergrund auf. Bei hohen Möbeln empfehlen wir Wandhalter zur Sicherung.')}</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">04</div>
          <h3>{t('Bodenschutz')}</h3>
          <p>{t('Verwenden Sie Filzgleiter, Unterlagen oder Gummipuffer an Metallfüßen, um Kratzer und Druckstellen zu vermeiden.')}</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">05</div>
          <h3>{t('Keine Steighilfe')}</h3>
          <p>{t('Unsere Möbel sind keine Kletter- oder Steighilfen. Bei unsachgemäßer Nutzung kann es zu Verletzungen und Beschädigungen kommen.')}</p>
        </div>
        <div className="legal-card">
          <div className="legal-card-label">06</div>
          <h3>{t('Anzugsdrehmoment')}</h3>
          <p>{t('Das maximale Anzugsdrehmoment für die Muttern beträgt 9 Nm für alle Tischplatten.')}</p>
        </div>
      </div>

      <div className="legal-contact-strip">
        <p>{t('Mangel festgestellt? Informieren Sie uns bitte umgehend.')}</p>
        <a href="mailto:shop@zincutec.eu" className="btn ghost sm">shop@zincutec.eu <Icon name="arrow"/></a>
      </div>
    </LegalLayout>
  );
};

Object.assign(window, { Impressum, Datenschutz, AGB, Widerruf, ZahlungVersand, FAQ, Pflege, Produktsicherheit });