"use client";

import { motion } from "framer-motion";
import { TechBackground } from "@/components/TechBackground";

export default function Legal() {
  return (
    <div className="bg-slate-50 min-h-screen pt-40 pb-20 relative overflow-hidden">
      <TechBackground />
      <div className="container-custom relative z-10">
        <motion.div
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ type: "spring", stiffness: 50, damping: 20 }}
          className="max-w-4xl mx-auto bg-white p-8 md:p-12 rounded-[2.5rem] shadow-sm border border-slate-100 relative overflow-hidden group"
        >
          <div className="tech-corner top-8 left-8 border-t-2 border-l-2 opacity-20" />
          <div className="tech-corner bottom-8 right-8 border-b-2 border-r-2 opacity-20" />

          <h1 className="text-4xl font-extrabold text-primary mb-8 relative z-10">
            Impressum
          </h1>

          <div className="space-y-8 text-slate-600 leading-relaxed relative z-10">
            <div>
              <h2 className="text-xl font-bold text-primary mb-4">
                Angaben gemäß § 5 TMG
              </h2>
              <p>
                MB Grid Solutions & Services GmbH
                <br />
                Raiffeisenstraße 22
                <br />
                73630 Remshalden
              </p>
            </div>

            <div>
              <h2 className="text-xl font-bold text-primary mb-4">
                Vertreten durch
              </h2>
              <p>
                Michael Bodemer
                <br />
                Klaus Mintel
              </p>
            </div>

            <div>
              <h2 className="text-xl font-bold text-primary mb-4">Kontakt</h2>
              <p>
                E-Mail:{" "}
                <a
                  href="mailto:info@mb-grid-solutions.com"
                  className="text-accent hover:underline"
                >
                  info@mb-grid-solutions.com
                </a>
                <br />
                Web:{" "}
                <a
                  href="https://www.mb-grid-solutions.com"
                  className="text-accent hover:underline"
                >
                  www.mb-grid-solutions.com
                </a>
              </p>
            </div>

            <div>
              <h2 className="text-xl font-bold text-primary mb-4">
                Registereintrag
              </h2>
              <p>
                Eintragung im Handelsregister.
                <br />
                Registergericht: Amtsgericht Stuttgart
                <br />
                Registernummer: HRB 803379
              </p>
            </div>

            <div>
              <h2 className="text-xl font-bold text-primary mb-4">
                Urheberrecht
              </h2>
              <p>
                Alle auf der Website veröffentlichten Texte, Bilder und
                sonstigen Informationen unterliegen – sofern nicht anders
                gekennzeichnet – dem Urheberrecht. Jede Vervielfältigung,
                Verbreitung, Speicherung, Übermittlung, Wiedergabe bzw.
                Weitergabe der Inhalte ohne schriftliche Genehmigung ist
                ausdrücklich untersagt.
              </p>
            </div>
          </div>
        </motion.div>
      </div>
    </div>
  );
}