'use client'

import Link from 'next/link'
import { ArrowLeft } from 'lucide-react'
import { Logo } from '@/components/ui/logo'

export default function ImpressumPage() {
  return (
    <div className="min-h-screen bg-white">
      {/* Navigation */}
      <nav className="fixed top-0 w-full z-50 bg-white/80 backdrop-blur-md border-b border-gray-100">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center h-16">
            <Link href="/" className="flex items-center gap-2">
              <Logo size={36} />
              <span className="font-bold text-xl text-gray-900">Lageplan</span>
            </Link>
            <Link href="/" className="flex items-center gap-1 text-sm text-gray-600 hover:text-gray-900 transition">
              <ArrowLeft className="w-4 h-4" />
              Zurück
            </Link>
          </div>
        </div>
      </nav>

      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-16">
        <h1 className="text-3xl font-bold text-gray-900 mb-8">Impressum</h1>

        <div className="space-y-8 text-gray-700 leading-relaxed">
          {/* Betreiber */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Betreiber der Webseite</h2>
            <div className="bg-gray-50 rounded-xl p-6 space-y-1">
              <p className="font-semibold text-gray-900">Purepixel</p>
              <p>Ein Angebot der Firma Kingstickers Ziberi</p>
              <p className="mt-3">Perparim Ziberi</p>
              <p>Anglikerstrasse 56</p>
              <p>5612 Villmergen</p>
              <p>Schweiz</p>
              <p className="mt-3">
                <span className="text-gray-500">UID:</span> CHE-353.865.879
              </p>
              <p>
                <span className="text-gray-500">E-Mail:</span>{' '}
                <a href="mailto:app@lageplan.ch" className="text-red-600 hover:text-red-500">
                  app@lageplan.ch
                </a>
              </p>
            </div>
          </section>

          {/* Verantwortlich */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Verantwortlich für den Inhalt</h2>
            <p>Perparim Ziberi, Anglikerstrasse 56, 5612 Villmergen</p>
          </section>

          {/* Haftungsausschluss */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Haftungsausschluss</h2>
            <p>
              Der Autor übernimmt keinerlei Gewähr hinsichtlich der inhaltlichen Richtigkeit, Genauigkeit,
              Aktualität, Zuverlässigkeit und Vollständigkeit der Informationen.
            </p>
            <p className="mt-2">
              Haftungsansprüche gegen den Autor wegen Schäden materieller oder immaterieller Art, welche aus
              dem Zugriff oder der Nutzung bzw. Nichtnutzung der veröffentlichten Informationen, durch
              Missbrauch der Verbindung oder durch technische Störungen entstanden sind, werden ausgeschlossen.
            </p>
            <p className="mt-2">
              Alle Angebote sind unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile der Seiten
              oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder
              die Veröffentlichung zeitweise oder endgültig einzustellen.
            </p>
          </section>

          {/* Haftung für Links */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Haftung für Links</h2>
            <p>
              Verweise und Links auf Webseiten Dritter liegen ausserhalb unseres Verantwortungsbereichs.
              Es wird jegliche Verantwortung für solche Webseiten abgelehnt. Der Zugriff und die Nutzung
              solcher Webseiten erfolgen auf eigene Gefahr des Nutzers.
            </p>
          </section>

          {/* Urheberrechte */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Urheberrechte</h2>
            <p>
              Die Urheber- und alle anderen Rechte an Inhalten, Bildern, Fotos oder anderen Dateien auf
              dieser Website gehören ausschliesslich der Firma Kingstickers Ziberi oder den speziell
              genannten Rechtsinhabern. Für die Reproduktion jeglicher Elemente ist die schriftliche
              Zustimmung der Urheberrechtsträger im Voraus einzuholen.
            </p>
          </section>

          {/* Datenschutz */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Datenschutz</h2>
            <p>
              Gestützt auf Artikel 13 der schweizerischen Bundesverfassung und die datenschutzrechtlichen
              Bestimmungen des Bundes (Datenschutzgesetz, DSG) hat jede Person Anspruch auf Schutz ihrer
              Privatsphäre sowie auf Schutz vor Missbrauch ihrer persönlichen Daten.
            </p>
            <p className="mt-2">
              Wir halten diese Bestimmungen ein. Persönliche Daten werden streng vertraulich behandelt und
              weder an Dritte verkauft noch weitergegeben.
            </p>
            <p className="mt-2">
              Die Nutzung der Applikation erfordert eine Registrierung. Dabei werden folgende Daten
              gespeichert: Name, E-Mail-Adresse, Organisationsname. Die Daten werden ausschliesslich für
              den Betrieb der Applikation verwendet und auf Servern in der Schweiz gehostet.
            </p>
            <p className="mt-2">
              Einsatzdaten (Lagepläne, Journaleinträge, Zeichnungen) werden verschlüsselt gespeichert und
              sind nur für berechtigte Benutzer der jeweiligen Organisation zugänglich.
            </p>
          </section>

          {/* Kartendaten */}
          <section>
            <h2 className="text-xl font-semibold text-gray-900 mb-3">Kartendaten</h2>
            <p>
              Die Kartenansicht verwendet Daten von{' '}
              <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener noreferrer" className="text-red-600 hover:text-red-500">
                OpenStreetMap
              </a>{' '}
              (&copy; OpenStreetMap-Mitwirkende) sowie Satellitenbilder von Esri World Imagery.
            </p>
            <p className="mt-2">
              Die Adresssuche verwendet den{' '}
              <a href="https://nominatim.org/" target="_blank" rel="noopener noreferrer" className="text-red-600 hover:text-red-500">
                Nominatim
              </a>{' '}
              Geocoding-Service von OpenStreetMap.
            </p>
          </section>
        </div>

        <div className="mt-12 pt-8 border-t border-gray-100 text-center">
          <p className="text-sm text-gray-400">&copy; {new Date().getFullYear()} Lageplan — Purepixel / Kingstickers Ziberi</p>
        </div>
      </main>
    </div>
  )
}
