'use client';

import { motion } from 'framer-motion';

export default function Legal() {
  return (
    <div className="bg-slate-50 min-h-screen pt-32 pb-20">
      <div className="container-custom">
        <motion.div 
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.6 }}
          className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100"
        >
          <h1 className="text-4xl font-extrabold text-primary mb-12">Impressum</h1>
          
          <div className="space-y-12 text-slate-600 leading-relaxed">
            <section>
              <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>
            </section>

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

            <section>
              <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>
            </section>

            <section>
              <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>
            </section>

            <section>
              <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>
            </section>
          </div>
        </motion.div>
      </div>
    </div>
  );
}