feat(kompetenzen): enhance content presentation with split Problem/Solution UI layout

Former-commit-id: 413bd4371b72883ddb35a2bd3d1c27700a437fde

.next/standalone/content/de/kompetenzen.mdx

@@ -0,0 +1,137 @@
+---
+title: "Unsere Kompetenzen"
+date: "2024-03-20"
+excerpt: "Von Kabelbau bis Elektromontage: Wir bieten ganzheitliche Lösungen für moderne Netzinfrastrukturen."
+layout: "fullBleed"
+---
+
+<HomeHero 
+  badge="Unsere Leistungen"
+  title="Alles aus einer Hand"
+  description="Als Full-Service-Partner im Bereich Kabelleitungstiefbau decken wir das gesamte Spektrum moderner Infrastrukturprojekte ab."
+  videoUrl="/assets/videos/web/hero-kabelpflug.mp4"
+  linkText="Kontakt aufnehmen"
+  linkHref="/de/kontakt"
+  secondaryCtaLabel="Referenzen ansehen"
+  secondaryCtaHref="/de/kompetenzen#referenzen"
+/>
+
+<HomeCompetenceBentoGrid
+  badge="Kernkompetenzen"
+  title="Präzision & Leistung"
+  ctaLabel="Projekt anfragen"
+  ctaHref="/de/kontakt"
+  items={[
+    {
+      title: "Kabelbau",
+      description: "Klassischer Grabenbau und professionelle Verlegung von Mittel- und Niederspannungskabeln.",
+      tag: "Energie",
+      size: "large",
+      image: { url: "/assets/photos/DSC01123.JPG", alt: "Kabelbau" }
+    },
+    {
+      title: "Bohrtechnik",
+      description: "Horizontalspülbohrverfahren (HDD) für grabenlose, oberflächenschonende Verlegung.",
+      tag: "Innovation",
+      size: "medium",
+      image: { url: "/assets/photos/DSC08653.JPG", alt: "Bohrtechnik" }
+    },
+    {
+      title: "Glasfaser",
+      description: "Ausbau von zukunftssicheren Breitbandnetzen (FTTX).",
+      tag: "Kommunikation",
+      size: "small",
+      image: { url: "/assets/photos/DSC01129.JPG", alt: "Glasfaser" }
+    },
+    {
+      title: "Planung & Doku",
+      description: "Trassenplanung, Genehmigungsverfahren und präzise GIS-Dokumentation.",
+      tag: "Digital",
+      size: "accent"
+    }
+  ]}
+/>
+
+<ServiceDetailGrid
+  badge="Qualität & Sicherheit"
+  title="Keine Kompromisse am Bau"
+  problemStatement={{
+    title: "Die Realität auf vielen Baustellen",
+    text: "Auf vielen Baustellen werden zunehmend Billiganbieter eingesetzt. Sicherheitsstandards und Dokumentationsanforderungen werden oft missachtet. Daraus resultieren Unfälle, defekte Fremdleitungen und teure Bauverzögerungen."
+  }}
+  solutionStatement={{
+    title: "Der E-TIB Standard",
+    text: "Wir arbeiten anders. Durch unsere langjährige Erfahrung erkennen wir Problemstellungen frühzeitig und erarbeiten sichere Lösungen. Unterstützt durch unser Partner-Ingenieurbüro bieten wir Planung, Ausführung und Dokumentation auf höchstem Niveau."
+  }}
+  panels={[
+    {
+      id: "energy",
+      title: "Energie & Starkstrom",
+      icon: "energy",
+      lists: [
+        [
+          "Kabel- und Rohrgräben",
+          "Kabelverlegung (0,4kV - 110kV)",
+          "Kabelmontagen (0,4kV - 30kV)",
+          "Errichtung von Transformatorstationen",
+          "Erdungsanlagen & Straßenbeleuchtung"
+        ]
+      ]
+    },
+    {
+      id: "fiber",
+      title: "Glasfaser & TK",
+      icon: "fiber",
+      lists: [
+        [
+          "Herstellung von Leerrohrtrassen",
+          "Einziehen/Einblasen von LWL-Kabeln",
+          "Stellen von Multifunktionsgehäusen",
+          "LWL-Kabelmontagen"
+        ]
+      ]
+    },
+    {
+      id: "hdd",
+      title: "Grabenlose Verlegung",
+      icon: "hdd",
+      lists: [
+        [
+          "Horizontalspülbohrverfahren (HDD)",
+          "Max. Bohrlänge: 250m",
+          "Max. Durchmesser: 400er Rohr",
+          "Erdrakete (bis 15m / 160er Rohr)"
+        ]
+      ]
+    },
+    {
+      id: "planning",
+      title: "Planung & Beratung",
+      icon: "planning",
+      lists: [
+        [
+          "Struktur- & Ausführungsplanung",
+          "Ausschreibung & Bauüberwachung",
+          "Zustimmungsplanung",
+          "Machbarkeitsstudien & Projektprüfung"
+        ]
+      ]
+    },
+    {
+      id: "survey",
+      title: "Vermessung & Dokumentation",
+      icon: "survey",
+      fullWidth: true,
+      lists: [
+        [
+          "Absteckung und Einmessung von Leitungstrassen",
+          "Digitale Bestandsdokumentation (GIS)"
+        ],
+        [
+          "360° Foto-/Video-Erfassung des Baufeldes",
+          "Erstellung von Datenbanken zur Projektabrechnung"
+        ]
+      ]
+    }
+  ]}
+/>