feat: complete migration to static MDX, stabilize local infrastructure and fix i18n issues

app/[locale]/impressum/page.tsx

@@ -1,101 +1,25 @@
-"use client";
+import React from "react";
+import { notFound } from "next/navigation";
+import { LegalLayout } from "@/components/LegalLayout";
 
-import { motion } from "framer-motion";
-import { TechBackground } from "@/components/TechBackground";
+interface PageProps {
+  params: Promise<{ locale: string }>;
+}
+
+export default async function Page({ params }: PageProps) {
+  const { locale } = await params;
+
+  let Content: React.ComponentType;
+  try {
+    const mdx = await import(`@/content/${locale}/impressum.mdx`);
+    Content = mdx.default;
+  } catch (e) {
+    notFound();
+  }
 
-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>
+    <LegalLayout title="Impressum">
+      <Content />
+    </LegalLayout>
   );
 }