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

Former-commit-id: 413bd4371b72883ddb35a2bd3d1c27700a437fde

.next/standalone/content/en/kompetenzen.mdx

@@ -0,0 +1,99 @@
+---
+title: "Our Competencies"
+date: "2024-03-20"
+excerpt: "From cable construction to electrical installation: We provide holistic solutions for modern network infrastructures."
+layout: "fullBleed"
+---
+
+<HomeHero 
+  badge="Competencies"
+  title="Everything from a\nsingle source"
+  description="From the first planning sketch to the final documentation – we are your reliable partner for complex infrastructure projects."
+  videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
+  linkText="Get in Touch"
+  linkHref="/en/kontakt"
+/>
+
+<ServiceDetailGrid
+  badge="Quality & Safety"
+  title="No compromises in construction"
+  problemStatement={{
+    title: "The reality on many construction sites",
+    text: "Everywhere you look, digging and drilling are happening, but unfortunately, many things go wrong. Safety standards and documentation requirements are often ignored. This results in accidents, damaged external lines, and expensive construction delays."
+  }}
+  solutionStatement={{
+    title: "The E-TIB Standard",
+    text: "We work differently. Through our many years of experience, we identify problems early and develop safe solutions. Supported by our partner engineering firm, we offer planning, execution, and documentation at the highest level."
+  }}
+  panels={[
+    {
+      id: "energy",
+      title: "Energy & High Voltage",
+      icon: "energy",
+      lists: [
+        [
+          "Cable and pipe trenches",
+          "Cable laying (0.4kV - 110kV)",
+          "Cable assembly (0.4kV - 30kV)",
+          "Construction of transformer stations",
+          "Grounding systems & street lighting"
+        ]
+      ]
+    },
+    {
+      id: "fiber",
+      title: "Fiber Optics & Telecom",
+      icon: "fiber",
+      lists: [
+        [
+          "Production of empty conduit routes",
+          "Pulling/blowing in fiber optic cables",
+          "Setting up multi-function enclosures",
+          "Fiber optic cable assembly"
+        ]
+      ]
+    },
+    {
+      id: "hdd",
+      title: "Trenchless Laying",
+      icon: "hdd",
+      lists: [
+        [
+          "Horizontal directional drilling (HDD)",
+          "Max. drilling length: 250m",
+          "Max. diameter: 400mm pipe",
+          "Earth rocket (up to 15m / 160mm pipe)"
+        ]
+      ]
+    },
+    {
+      id: "planning",
+      title: "Planning & Consulting",
+      icon: "planning",
+      lists: [
+        [
+          "Structural & execution planning",
+          "Tendering & construction supervision",
+          "Approval planning",
+          "Feasibility studies & project review"
+        ]
+      ]
+    },
+    {
+      id: "survey",
+      title: "Surveying & Documentation",
+      icon: "survey",
+      fullWidth: true,
+      lists: [
+        [
+          "Staking out and surveying of cable routes",
+          "Digital as-built documentation (GIS)"
+        ],
+        [
+          "360° photo/video recording of the construction site",
+          "Creation of databases for project accounting"
+        ]
+      ]
+    }
+  ]}
+/>