// website/page-impressum.jsx — Impressum

function PageImpressum() {
  return (
    <main>
      <section className="section" style={{ paddingTop: 80, paddingBottom: 96 }}>
        <div className="container" style={{ maxWidth: 760 }}>

          <div className="eyebrow" style={{ marginBottom: 16 }}>Rechtliches</div>
          <h1 className="h-section" style={{ marginBottom: 48 }}>Impressum</h1>

          <div style={{ display: 'flex', flexDirection: 'column', gap: 40 }}>

            {/* Angaben zum Unternehmen */}
            <div className="card" style={{ padding: 32 }}>
              <h2 style={{
                fontFamily: 'Poppins', fontWeight: 600, fontSize: 16,
                letterSpacing: '0.12em', textTransform: 'uppercase',
                color: 'var(--text-sub)', marginBottom: 20
              }}>Angaben zum Unternehmen</h2>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
                {[
                  ['Firma',       'Xaduno GmbH'],
                  ['Adresse',     'Bahnhofplatz 1a, 3930 Visp, Schweiz'],
                  ['UID',         'CHE-361.414.823'],
                  ['E-Mail',      'kontakt@xaduno.ch'],
                  ['Verantwortlich für den Inhalt', 'Xaduno GmbH'],
                ].map(([label, value]) => (
                  <div key={label} style={{ display: 'grid', gridTemplateColumns: '220px 1fr', gap: 12 }}>
                    <div style={{ fontFamily: 'Inter', fontSize: 14, color: 'var(--text-sub)', paddingTop: 1 }}>{label}</div>
                    <div style={{ fontFamily: 'Inter', fontSize: 14, color: 'var(--text-strong)', fontWeight: 500 }}>
                      {label === 'E-Mail'
                        ? <a href="mailto:kontakt@xaduno.ch" style={{ color: 'var(--blue-500)' }}>kontakt@xaduno.ch</a>
                        : value}
                    </div>
                  </div>
                ))}
              </div>
            </div>

            {/* Haftungsausschluss */}
            <div className="card" style={{ padding: 32 }}>
              <h2 style={{
                fontFamily: 'Poppins', fontWeight: 600, fontSize: 16,
                letterSpacing: '0.12em', textTransform: 'uppercase',
                color: 'var(--text-sub)', marginBottom: 20
              }}>Haftungsausschluss</h2>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
                <div>
                  <div style={{ fontFamily: 'Poppins', fontWeight: 600, fontSize: 15, color: 'var(--text-strong)', marginBottom: 6 }}>Inhalt</div>
                  <p className="body" style={{ color: 'var(--text-sub)', margin: 0 }}>
                    Die Xaduno GmbH übernimmt keine Gewähr für die Aktualität, Richtigkeit und Vollständigkeit der auf dieser Website bereitgestellten Informationen. Haftungsansprüche gegen die Xaduno GmbH wegen materieller oder immaterieller Schäden, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen entstanden sind, sind grundsätzlich ausgeschlossen.
                  </p>
                </div>
                <div>
                  <div style={{ fontFamily: 'Poppins', fontWeight: 600, fontSize: 15, color: 'var(--text-strong)', marginBottom: 6 }}>Links</div>
                  <p className="body" style={{ color: 'var(--text-sub)', margin: 0 }}>
                    Verweise und Links auf Webseiten Dritter liegen ausserhalb unseres Verantwortungsbereichs. Die Xaduno GmbH übernimmt keine Verantwortung für Inhalte und Verfügbarkeit von Websites Dritter, die über Links erreichbar sind.
                  </p>
                </div>
                <div>
                  <div style={{ fontFamily: 'Poppins', fontWeight: 600, fontSize: 15, color: 'var(--text-strong)', marginBottom: 6 }}>Urheberrecht</div>
                  <p className="body" style={{ color: 'var(--text-sub)', margin: 0 }}>
                    Die auf dieser Website veröffentlichten Inhalte und Werke unterliegen dem Schweizer Urheberrecht. Jede vom Urheberrecht nicht zugelassene Verwertung bedarf der vorherigen schriftlichen Zustimmung der Xaduno GmbH.
                  </p>
                </div>
              </div>
            </div>

            {/* Copyright */}
            <div style={{
              fontFamily: 'Inter', fontSize: 13, color: 'var(--text-soft)',
              paddingLeft: 4
            }}>
              © {new Date().getFullYear()} Xaduno GmbH, Visp — Alle Rechte vorbehalten.
            </div>

          </div>
        </div>
      </section>
    </main>
  );
}

window.PageImpressum = PageImpressum;