import { Link } from "react-router-dom";
import { Button } from "@/components/ui/button";
import { ArrowLeft, Scale } from "lucide-react";

const impressumDivider = (
  <div className="my-8 border-t border-border" aria-hidden />
);

const Impressum = () => {
  return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="fixed top-0 left-0 right-0 z-50 glass-nav py-4">
        <div className="container mx-auto px-6">
          <div className="flex items-center justify-between">
            <Link to="/" className="flex items-center gap-2 group">
              <span className="text-xl font-display font-medium text-foreground tracking-tight">
                Webklar
              </span>
            </Link>
            <Link to="/">
              <Button
                variant="ghost"
                className="text-muted-foreground hover:text-foreground"
              >
                <ArrowLeft className="w-4 h-4 mr-2" />
                Zurück
              </Button>
            </Link>
          </div>
        </div>
      </header>

      {/* Main Content */}
      <main className="pt-32 pb-24">
        <div className="container mx-auto px-6">
          <div className="max-w-3xl mx-auto">
            {/* Page Header */}
            <div className="mb-12">
              <div className="label-tag mb-4 flex items-center gap-2">
                <Scale className="w-4 h-4" />
                Rechtliches
              </div>
              <h1 className="text-4xl md:text-5xl font-display font-medium text-foreground tracking-tight uppercase mb-2">
                Impressum
              </h1>
              <p className="text-muted-foreground text-lg">
                Angaben gemäß § 5 TMG
              </p>
            </div>

            {/* Impressum Content */}
            <article className="space-y-8 text-foreground">
              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  WEBklar GbR
                </h2>
                <p className="text-muted-foreground leading-relaxed whitespace-pre-line">
                  Am Schwimmbad 10<br />
                  67722 Winnweiler<br />
                  Deutschland
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Vertreten durch
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  Geschäftsführer:<br />
                  Kenso Gri
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Kontakt
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  Telefon: 0176 23726355<br />
                  E-Mail: kenso.gri@gmail.com
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Rechtsform
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  Gesellschaft bürgerlichen Rechts (GbR)
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Umsatzsteuer
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  Gemäß § 19 UStG wird keine Umsatzsteuer erhoben (Kleinunternehmerregelung).<br />
                  (Falls das nicht stimmt oder sich ändert, unbedingt sagen.)
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Verantwortlich für den Inhalt nach § 55 Absatz 2 RStV
                </h2>
                <p className="text-muted-foreground leading-relaxed whitespace-pre-line">
                  Kenso Gri<br />
                  Schliertal 21<br />
                  67468 Frankenstein<br />
                  Deutschland
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Haftung für Inhalte
                </h2>
                <p className="text-muted-foreground leading-relaxed space-y-2">
                  Als Diensteanbieter sind wir gemäß § 7 Absatz 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.<br />
                  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.
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Haftung für Links
                </h2>
                <p className="text-muted-foreground leading-relaxed space-y-2">
                  Unsere Webseite enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.<br />
                  Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen.<br />
                  Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Urheberrecht
                </h2>
                <p className="text-muted-foreground leading-relaxed space-y-2">
                  Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.<br />
                  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.
                </p>
              </section>
              {impressumDivider}

              <section>
                <h2 className="text-lg font-display font-medium uppercase tracking-tight text-foreground mb-3">
                  Online-Streitbeilegung
                </h2>
                <p className="text-muted-foreground leading-relaxed space-y-2">
                  Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:<br />
                  <a
                    href="https://ec.europa.eu/consumers/odr"
                    target="_blank"
                    rel="noopener noreferrer"
                    className="text-foreground underline hover:no-underline"
                  >
                    https://ec.europa.eu/consumers/odr
                  </a>
                  <br /><br />
                  Wir sind nicht verpflichtet und nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
                </p>
              </section>
            </article>

            {/* Back / Contact */}
            <div className="mt-16 pt-12 border-t border-border flex flex-wrap gap-4">
              <Link to="/">
                <Button variant="outline" className="rounded-full">
                  Zur Startseite
                </Button>
              </Link>
              <Link to="/kontakt">
                <Button className="btn-minimal rounded-full">
                  Kontakt
                </Button>
              </Link>
            </div>
          </div>
        </div>
      </main>
    </div>
  );
};

export default Impressum;