'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-28 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>
  );
}