feat(ui): finalize E-TIB modernization with footer redesign, video optimization, and TS fixes

Former-commit-id: 67ac02c8404cc66893fdf97308574701cca6000c

content/de/home.mdx

@@ -4,37 +4,60 @@ description: Willkommen bei E-TIB GmbH
 ---
 
 <HomeHero 
-  badge="Zukunftssichere Infrastruktur"
-  title="Energie & Kommunikation vernetzen"
+  badge="E-TIB Gruppe"
+  title={"Die Experten für\nKabeltiefbau"}
   description="Wir realisieren komplexe Versorgungsleitungen für eine moderne Gesellschaft. Verlässlich, innovativ und mit höchster Präzision im Kabelbau und der Bohrtechnik."
-  videoUrl="https://cdn.mintel.me/video/etib-hero.mp4"
+  videoUrl="/assets/videos/web/hero-kabelpflug.mp4"
   linkText="Unsere Leistungen"
   linkHref="/de/kompetenzen"
 />
 
+<div className="bg-neutral-50 py-24 md:py-32 border-b border-neutral-100">
+  <div className="container max-w-6xl mx-auto px-4">
+    <div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
+      <div>
+        <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-4">Willkommen bei E-TIB</h2>
+        <h3 className="font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-8 leading-tight">
+          Wir sind die Experten für Kabeltiefbau
+        </h3>
+        <div className="w-20 h-2 bg-primary mb-8"></div>
+      </div>
+      <div className="text-xl md:text-2xl text-text-secondary leading-relaxed space-y-6 border-l-4 border-neutral-200 pl-8">
+        <p>
+          Die E-TIB GmbH ist ein leistungsfähiger und moderner Anbieter von technischen Dienstleistungen im Bereich <strong className="text-neutral-dark font-semibold">Tiefbauarbeiten, Horizontalspülbohrungen, Kabelpflugarbeiten, Leitungsverlegung und Kabelmontagen</strong>. Das Unternehmen wurde 2015 im brandenburgischen Guben gegründet und seitdem konsequent weiterentwickelt.
+        </p>
+        <p>
+          Heute führen wir mit <strong className="text-primary font-bold">über 50 Mitarbeitern</strong> bundesweite Bauleistungen für Industrie, Telekommunikationsanbieter und Stromversorgungsunternehmen durch. Unsere qualifizierten Teams stellen mit einem modern ausgestatteten Maschinenpark die Zufriedenheit unserer Kunden sicher – mit Kompetenz, Sorgfalt und Termintreue.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+
 <HomeSubCompanyTiles
   badge="Unsere Unternehmen"
-  title="Die E-TIB Gruppe"
+  title="Die Unternehmensgruppe"
   companies={[
     {
-      title: "E-TIB GmbH",
-      description: "Ausführung elektrischer Infrastrukturprojekte",
-      icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-    },
-    {
-      title: "E-TIB Bohrtechnik GmbH",
-      description: "Präzise Horizontalbohrungen in allen Bodenklassen",
-      icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-    },
-    {
-      title: "E-TIB Verwaltung GmbH",
-      description: "Zentrale Dienste, Einkauf, Finanzen",
-      icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+      title: "E-TIB GMBH",
+      description: "Das Unternehmen hat sich voll und ganz auf den Kabelleitungstiefbau spezialisiert. Das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand.",
+      icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      url: "https://www.e-tib.com/",
+      backgroundImage: "/assets/photos/DJI_0243.JPG"
     },
     {
       title: "E-TIB Ingenieurgesellschaft mbH",
-      description: "Planung, Projektierung, Dokumentation",
-      icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+      description: "Unsere Ingenieure planen für Sie die Energie- und Telekommunikationsnetze der Zukunft - Vermessung und Dokumentation inklusive.",
+      icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+      url: "https://www.etib-ing.com/",
+      backgroundImage: "/assets/photos/DSC01137.JPG"
+    },
+    {
+      title: "NEMO GmbH",
+      description: "Der Spezialist für Planung und Umsetzung von nachhaltigen Energieprojekten - Mit Fokus auf Solarenergie.",
+      icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
+      url: "https://www.nemo-gmbh.de/",
+      backgroundImage: "/assets/photos/DJI_0048.JPG"
     }
   ]}
 />
@@ -49,19 +72,22 @@ description: Willkommen bei E-TIB GmbH
       title: "Kabelbau",
       description: "Verlegung von Mittel- und Niederspannungskabeln",
       tag: "Energie",
-      size: "large"
+      size: "large",
+      image: { url: "/assets/photos/DSC01123.JPG", alt: "Kabelbau" }
     },
     {
       title: "Bohrtechnik",
       description: "Horizontalspülbohrverfahren für grabenlose Verlegung",
       tag: "Innovation",
-      size: "medium"
+      size: "medium",
+      image: { url: "/assets/photos/DSC08653.JPG", alt: "Bohrtechnik" }
     },
     {
       title: "Planung",
       description: "Trassenplanung und Genehmigungsverfahren",
       tag: "Präzision",
-      size: "small"
+      size: "small",
+      image: { url: "/assets/photos/DJI_0048.JPG", alt: "Planung" }
     },
     {
       title: "Vermessung",
@@ -71,3 +97,43 @@ description: Willkommen bei E-TIB GmbH
     }
   ]}
 />
+
+<HomeReferencesSlider
+  references={[
+    {
+      id: "1",
+      title: "Breitbandausbau FTTC, Planungsregion Spreewald",
+      slug: "breitbandausbau-fttc-spreewald",
+      category: "Telekommunikation",
+      image: "/assets/photos/DSC01123.JPG"
+    },
+    {
+      id: "2",
+      title: "Breitbandausbau FTTH, 29699 Bomlitz / 29690 Schwarmstedt",
+      slug: "breitbandausbau-ftth-bomlitz",
+      category: "Telekommunikation",
+      image: "/assets/photos/DSC00850.JPG"
+    },
+    {
+      id: "3",
+      title: "Neubau Kabeltrasse, 03149 Forst",
+      slug: "neubau-kabeltrasse-forst",
+      category: "Kabelbau",
+      image: "/assets/photos/DSC01129.JPG"
+    },
+    {
+      id: "4",
+      title: "Kabelverbindung U30 - T10, 15890 Eisenhüttenstadt",
+      slug: "kabelverbindung-eisenhuettenstadt",
+      category: "Kabelbau",
+      image: "/assets/photos/DSC00010.JPG"
+    },
+    {
+      id: "5",
+      title: "Einspeisung PV-Anlage 14728 Görne",
+      slug: "einspeisung-pv-goerne",
+      category: "Erneuerbare Energien",
+      image: "/assets/photos/DSC01123.JPG"
+    }
+  ]}
+/>

content/de/karriere.mdx

@@ -2,34 +2,53 @@
 title: "Karriere bei E-TIB"
 date: "2024-03-20"
 excerpt: "Werden Sie Teil eines dynamischen Teams und bauen Sie mit uns die Infrastruktur der Zukunft."
+layout: "fullBleed"
 ---
 
-# Karriere
+<HomeHero 
+  badge="Karriere"
+  title="Zukunft bauen"
+  description="Suchen Sie eine neue Herausforderung in einem zukunftssicheren Markt? Bei E-TIB arbeiten wir täglich daran, Deutschland zu vernetzen und die Energiewende voranzutreiben."
+  videoUrl="/assets/videos/web/hero-bohrung.mp4"
+  linkText="Offene Stellen"
+  linkHref="#stellen"
+/>
 
-Suchen Sie eine neue Herausforderung in einem zukunftssicheren Markt? Bei **E-TIB** arbeiten wir täglich daran, Deutschland zu vernetzen und die Energiewende voranzutreiben.
+<JobListingBlock showFairs={false} showJobs={true} />
 
-## Warum E-TIB?
+<div className="bg-white py-24 border-t border-neutral-100">
+  <div className="container max-w-4xl mx-auto px-4 prose prose-lg md:prose-xl prose-headings:font-bold prose-headings:text-neutral-dark prose-p:text-text-secondary prose-li:text-text-secondary prose-ul:space-y-2">
+    <h2>Karriere bei E-TIB</h2>
+    <p>
+      Die E-TIB GmbH wurde 2015 aus der Motivation gegründet, hochwertige Leistungen für unsere Kunden sowie faire Entlohnung für unsere Mitarbeiter zu ermöglichen. Neben der Entlohnung steht für uns die Wertschätzung jedes einzelnen Mitarbeiters an oberster Stelle.
+    </p>
+    
+    <h3>Wir bieten unseren Mitarbeitern:</h3>
+    <ul>
+      <li>Einsatz bei regionalen und überregionalen Bauvorhaben</li>
+      <li>sicherer, unbefristeter Arbeitsvertrag in Vollzeit</li>
+      <li>entsprechende Einarbeitung in einem engagierten Team</li>
+      <li>leistungsbezogene und faire Vergütung</li>
+      <li>Auslöse bis 30,00 EUR pro Arbeitstag</li>
+      <li>31 Tage Urlaub sowie Urlaubsgeld</li>
+      <li>Arbeitskleidung (Engelbert-Strauss)</li>
+      <li>monatliche Zusatzzahlungen (persönliche MasterCard)</li>
+      <li>Zuzahlung im Rahmen der betrieblichen Altersvorsorge</li>
+      <li>individuelle Weiterbildungs- und Entwicklungsmöglichkeiten</li>
+      <li>Stellung Fahrzeug zur betrieblichen Nutzung und Fahrten zur Baustelle</li>
+      <li>familiäres Betriebsklima mit betrieblich organisierten Veranstaltungen</li>
+    </ul>
 
-Wir bieten mehr als nur einen Job. Bei uns erwartet Sie:
+    <p>
+      Unsere erfolgreiche Unternehmensentwicklung ermöglicht uns kontinuierlich neue Arbeitskräfte einzustellen. Wir sind immer auf der Suche nach engagierten und motivierten Mitarbeitern. Werden Sie auch ein Teil unseres Teams. Schauen Sie sich unsere offenen Stellen an oder bewerben Sie sich initiativ.
+    </p>
+  </div>
+</div>
 
-- **Sicherheit**: Ein unbefristeter Arbeitsvertrag in einer wachsenden Branche.
-- **Entwicklung**: Regelmäßige Schulungen und Aufstiegsmöglichkeiten.
-- **Teamgeist**: Flache Hierarchien und ein kollegiales Umfeld.
-- **Ausstattung**: Modernste Maschinen und hochwertige Arbeitskleidung.
-
-## Offene Stellen
-
-Wir suchen aktuell Verstärkung in folgenden Bereichen:
-
-- **Tiefbaufacharbeiter (m/w/d)**
-- **Maschinisten für HDD-Bohrgeräte (m/w/d)**
-- **Elektromonteure (m/w/d)**
-- **Bauleiter Kabeltiefbau (m/w/d)**
-
-## Initiativbewerbung
-
-Nichts Passendes dabei? Wir freuen uns auch über Initiativbewerbungen von motivierten Talenten.
-
-## Jetzt bewerben
-
-Senden Sie Ihre Unterlagen einfach per E-Mail an **karriere@e-tib.com** oder nutzen Sie unser Kontaktformular. Wir freuen uns darauf, Sie kennenzulernen!
+<CallToAction 
+  title="Initiativbewerbung (m/w/d)"
+  description="Sie können sich vorstellen, eine langfristige Herausforderung in unserem Unternehmen anzunehmen, finden aber kein passendes Stellenangebot? Bewerben Sie sich initiativ."
+  ctaLabel="Zum Kontaktformular"
+  ctaHref="/de/kontakt"
+  theme="dark"
+/>

content/de/kompetenzen.mdx

@@ -2,37 +2,208 @@
 title: "Unsere Kompetenzen"
 date: "2024-03-20"
 excerpt: "Von Kabelbau bis Elektromontage: Wir bieten ganzheitliche Lösungen für moderne Netzinfrastrukturen."
+layout: "fullBleed"
 ---
 
-# Kompetenzen
+<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"
+/>
 
-Als Full-Service-Partner im Bereich Kabelleitungstiefbau decken wir das gesamte Spektrum moderner Infrastrukturprojekte ab.
+<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"
+    }
+  ]}
+/>
 
-## Kabelleitungstiefbau & Montage
+<div className="bg-neutral-50 py-24 border-b border-neutral-100">
+  <div className="container max-w-7xl mx-auto px-4">
+    <div className="max-w-3xl mx-auto text-center mb-20">
+      <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-4">Qualität & Sicherheit</h2>
+      <h3 className="font-heading text-3xl md:text-5xl font-extrabold text-neutral-dark mb-6">
+        Keine Kompromisse am Bau
+      </h3>
+      <div className="w-20 h-2 bg-primary mx-auto mb-8"></div>
+      <p className="text-xl text-text-secondary leading-relaxed mb-6">
+        Auf vielen Baustellen werden zunehmend Billiganbieter eingesetzt. Sicherheitsstandards und Dokumentationsanforderungen werden oft missachtet. Daraus resultieren Unfälle, defekte Fremdleitungen und teure Bauverzögerungen.
+      </p>
+      <p className="text-lg text-text-secondary leading-relaxed">
+        <strong className="text-neutral-dark font-bold">Wir arbeiten anders.</strong> 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.
+      </p>
+    </div>
 
-Wir verlegen Kabel- und Rohrsysteme für alle Spannungsbereiche und Medientypen.
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+      {/* Panel 1 */}
+      <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50">
+        <div className="flex justify-between items-start mb-10">
+          <div>
+            <h4 className="text-2xl font-extrabold text-neutral-dark uppercase tracking-wider">Energie & Starkstrom</h4>
+            <div className="h-0.5 w-12 bg-primary mt-6 transition-all duration-500 group-hover:w-full"></div>
+          </div>
+          <div className="w-16 h-16 text-primary shrink-0 transition-transform duration-500 group-hover:scale-110 opacity-90 group-hover:opacity-100">
+            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M32 4L12 36H30L26 60L52 24H34L32 4Z" stroke="currentColor" strokeWidth="1" strokeLinejoin="miter"/>
+              <circle cx="32" cy="32" r="30" stroke="currentColor" strokeWidth="1" strokeDasharray="4 4"/>
+              <line x1="32" y1="2" x2="32" y2="62" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 2"/>
+              <line x1="2" y1="32" x2="62" y2="32" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 2"/>
+            </svg>
+          </div>
+        </div>
+        <ul className="space-y-0 text-text-secondary">
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Kabel- und Rohrgräben</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Kabelverlegung (0,4kV - 110kV)</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Kabelmontagen (0,4kV - 30kV)</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Errichtung von Transformatorstationen</li>
+          <li className="flex items-start pt-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Erdungsanlagen & Straßenbeleuchtung</li>
+        </ul>
+      </div>
 
-- **Kabelbau**: Klassischer Grabenbau und Verlegung.
-- **Kabelpflugarbeiten**: Schnelle und effiziente Verlegung in geeignetem Gelände.
-- **Glasfaser**: Ausbau von Breitbandnetzen (FTTX).
-- **Elektromontage**: Montage und Anschluss von Kabeln bis 110 kV.
+      {/* Panel 2 */}
+      <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50">
+        <div className="flex justify-between items-start mb-10">
+          <div>
+            <h4 className="text-2xl font-extrabold text-neutral-dark uppercase tracking-wider">Glasfaser & TK</h4>
+            <div className="h-0.5 w-12 bg-primary mt-6 transition-all duration-500 group-hover:w-full"></div>
+          </div>
+          <div className="w-16 h-16 text-primary shrink-0 transition-transform duration-500 group-hover:scale-110 opacity-90 group-hover:opacity-100">
+            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <circle cx="32" cy="32" r="8" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="12" cy="16" r="4" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="52" cy="16" r="4" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="12" cy="48" r="4" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="52" cy="48" r="4" stroke="currentColor" strokeWidth="1"/>
+              <path d="M15 19L27 28M49 19L37 28M15 45L27 36M49 45L37 36M32 40V60M32 4V24" stroke="currentColor" strokeWidth="1"/>
+              <rect x="2" y="2" width="60" height="60" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 4"/>
+            </svg>
+          </div>
+        </div>
+        <ul className="space-y-0 text-text-secondary">
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Herstellung von Leerrohrtrassen</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Einziehen/Einblasen von LWL-Kabeln</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Stellen von Multifunktionsgehäusen</li>
+          <li className="flex items-start pt-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> LWL-Kabelmontagen</li>
+        </ul>
+      </div>
 
-## Bohrtechnik (HDD)
+      {/* Panel 3 */}
+      <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50">
+        <div className="flex justify-between items-start mb-10">
+          <div>
+            <h4 className="text-2xl font-extrabold text-neutral-dark uppercase tracking-wider">Grabenlose Verlegung</h4>
+            <div className="h-0.5 w-12 bg-primary mt-6 transition-all duration-500 group-hover:w-full"></div>
+          </div>
+          <div className="w-16 h-16 text-primary shrink-0 transition-transform duration-500 group-hover:scale-110 opacity-90 group-hover:opacity-100">
+            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M4 32H20L28 20H44L52 32H60" stroke="currentColor" strokeWidth="1" strokeLinejoin="miter"/>
+              <path d="M28 44H44L52 32" stroke="currentColor" strokeWidth="1" strokeLinejoin="miter" strokeDasharray="4 4"/>
+              <circle cx="12" cy="32" r="2" fill="currentColor"/>
+              <circle cx="36" cy="20" r="2" fill="currentColor"/>
+              <circle cx="56" cy="32" r="2" fill="currentColor"/>
+              <path d="M0 48H64" stroke="currentColor" strokeWidth="1"/>
+              <path d="M0 54H64M0 60H64" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 2"/>
+            </svg>
+          </div>
+        </div>
+        <ul className="space-y-0 text-text-secondary">
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Horizontalspülbohrverfahren (HDD)</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Max. Bohrlänge: 250m</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Max. Durchmesser: 400er Rohr</li>
+          <li className="flex items-start pt-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Erdrakete (bis 15m / 160er Rohr)</li>
+        </ul>
+      </div>
 
-Mit unseren gesteuerten Horizontalspülbohrungen unterqueren wir Hindernisse präzise und oberflächenschonend.
+      {/* Panel 4 */}
+      <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50">
+        <div className="flex justify-between items-start mb-10">
+          <div>
+            <h4 className="text-2xl font-extrabold text-neutral-dark uppercase tracking-wider">Planung & Beratung</h4>
+            <div className="h-0.5 w-12 bg-primary mt-6 transition-all duration-500 group-hover:w-full"></div>
+          </div>
+          <div className="w-16 h-16 text-primary shrink-0 transition-transform duration-500 group-hover:scale-110 opacity-90 group-hover:opacity-100">
+            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 54L32 10L54 54" stroke="currentColor" strokeWidth="1"/>
+              <path d="M20 34H44" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="32" cy="10" r="4" stroke="currentColor" strokeWidth="1"/>
+              <rect x="4" y="4" width="56" height="56" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 2"/>
+              <line x1="4" y1="20" x2="60" y2="20" stroke="currentColor" strokeWidth="0.5" strokeDasharray="1 3"/>
+              <line x1="4" y1="44" x2="60" y2="44" stroke="currentColor" strokeWidth="0.5" strokeDasharray="1 3"/>
+            </svg>
+          </div>
+        </div>
+        <ul className="space-y-0 text-text-secondary">
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Struktur- & Ausführungsplanung</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Ausschreibung & Bauüberwachung</li>
+          <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Zustimmungsplanung</li>
+          <li className="flex items-start pt-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Machbarkeitsstudien & Projektprüfung</li>
+        </ul>
+      </div>
 
-- **Präzision**: Punktgenaue Zielbohrungen auch über lange Distanzen.
-- **Vielseitigkeit**: Einsatz in allen Bodenklassen.
-- **Effizienz**: Minimale Baustelleneinrichtung und schnelle Durchführung.
-
-## Planung & Dokumentation
-
-Ein Projekt ist erst abgeschlossen, wenn die Dokumentation perfekt ist.
-
-- **Trassenplanung**: Optimale Wegführung unter Berücksichtigung aller Randbedingungen.
-- **Genehmigungsverfahren**: Wir kümmern uns um den Papierkram.
-- **GIS-Dokumentation**: Digitale Erfassung der verlegten Infrastruktur.
-
-## Bereit für Ihr Projekt?
-
-Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.
+      {/* Panel 5 - Full Width */}
+      <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50 md:col-span-2">
+        <div className="flex justify-between items-start mb-10">
+          <div>
+            <h4 className="text-2xl font-extrabold text-neutral-dark uppercase tracking-wider">Vermessung & Dokumentation</h4>
+            <div className="h-0.5 w-12 bg-primary mt-6 transition-all duration-500 group-hover:w-full"></div>
+          </div>
+          <div className="w-32 h-16 text-primary shrink-0 transition-transform duration-500 group-hover:scale-110 opacity-90 group-hover:opacity-100">
+            <svg width="128" height="64" viewBox="0 0 128 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 32H118" stroke="currentColor" strokeWidth="1"/>
+              <path d="M64 10V54" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="64" cy="32" r="16" stroke="currentColor" strokeWidth="1"/>
+              <circle cx="64" cy="32" r="24" stroke="currentColor" strokeWidth="0.5" strokeDasharray="4 4"/>
+              <path d="M64 24L72 32L64 40L56 32L64 24Z" stroke="currentColor" strokeWidth="1"/>
+              <rect x="4" y="4" width="120" height="56" stroke="currentColor" strokeWidth="0.5" strokeDasharray="2 4"/>
+              <path d="M24 32V24M44 32V28M84 32V28M104 32V24" stroke="currentColor" strokeWidth="1"/>
+            </svg>
+          </div>
+        </div>
+        <div className="grid md:grid-cols-2 gap-x-12 gap-y-0">
+          <ul className="space-y-0 text-text-secondary">
+            <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Absteckung und Einmessung von Leitungstrassen</li>
+            <li className="flex items-start md:border-b md:border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Digitale Bestandsdokumentation (GIS)</li>
+          </ul>
+          <ul className="space-y-0 text-text-secondary">
+            <li className="flex items-start border-b border-neutral-100 py-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> 360° Foto-/Video-Erfassung des Baufeldes</li>
+            <li className="flex items-start pt-4"><span className="text-primary mr-4 text-xs mt-1.5 opacity-80">■</span> Erstellung von Datenbanken zur Projektabrechnung</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

content/de/messen.mdx

@@ -0,0 +1,21 @@
+---
+title: "Messen & Events"
+date: "2024-03-20"
+excerpt: "Treffen Sie das Team der E-TIB Gruppe persönlich auf Fachmessen und Branchenevents."
+layout: "fullBleed"
+---
+
+<HomeHero 
+  badge="Events"
+  title="Treffen Sie uns\nvor Ort"
+  description="Kommen Sie mit unseren Experten ins Gespräch. Wir sind auf den wichtigsten Branchenmessen vertreten und freuen uns auf den persönlichen Austausch mit Ihnen."
+  videoUrl="/assets/videos/web/hero-bohrung.mp4"
+  linkText="Zu den Terminen"
+  linkHref="#termine"
+/>
+
+<div id="termine">
+  <JobListingBlock showFairs={true} showJobs={false} />
+</div>
+
+<CallToAction />

content/de/ueber-uns.mdx

@@ -2,33 +2,88 @@
 title: "Über E-TIB"
 date: "2024-03-20"
 excerpt: "Die E-TIB Gruppe ist Ihr kompetenter Partner für Kabeltiefbau, Bohrtechnik und Ingenieurdienstleistungen."
+layout: "fullBleed"
 ---
 
-# Über uns
+<HomeHero 
+  badge="Die E-TIB Gruppe"
+  title="Verlässlichkeit hat Tradition"
+  description="Seit 2015 wachsen wir kontinuierlich an den Anforderungen der Energiewende und der Digitalisierung. Als Unternehmensgruppe bündeln wir Spezialkompetenzen unter einem Dach."
+  videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
+  linkText="Offene Stellen"
+  linkHref="/de/karriere"
+  secondaryCtaLabel="Unternehmen entdecken"
+  secondaryCtaHref="#struktur"
+/>
 
-Die **E-TIB Gruppe** steht für höchste Qualität und Zuverlässigkeit im Bereich der Energie- und Dateninfrastruktur. Mit unserem Hauptsitz in Guben und Projekten im gesamten Bundesgebiet sind wir ein wichtiger Akteur bei der Umsetzung der Energiewende.
+<div className="bg-neutral-50 py-24 border-b border-neutral-100">
+  <div className="container max-w-6xl mx-auto px-4">
+    <div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
+      <div>
+        <h2 className="text-primary font-bold tracking-wider uppercase text-sm mb-4">Unsere Mission</h2>
+        <h3 className="font-heading text-4xl md:text-5xl font-extrabold text-neutral-dark mb-8 leading-tight">
+          Infrastruktur für die Energie von morgen
+        </h3>
+        <div className="w-20 h-2 bg-primary mb-8"></div>
+        <p className="text-xl text-text-secondary leading-relaxed mb-6">
+          Seit unserer Gründung im Jahr 2015 in Guben haben wir es uns zur Aufgabe gemacht, den Ausbau der kritischen Infrastruktur in Deutschland aktiv mitzugestalten.
+        </p>
+        <p className="text-lg text-text-secondary leading-relaxed">
+          Mit über 50 engagierten Fachkräften und einem hochmodernen Maschinenpark meistern wir selbst anspruchsvollste Projekte im Kabelleitungstiefbau, der Spülbohrtechnik und der Netzmontage. Verlässlichkeit, Termintreue und höchste Qualitätsstandards sind dabei unser Fundament.
+        </p>
+      </div>
+      <div className="grid grid-cols-2 gap-6">
+        <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
+          <div className="text-4xl font-extrabold text-primary mb-2">50+</div>
+          <div className="text-neutral-dark font-semibold">Mitarbeiter</div>
+        </div>
+        <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
+          <div className="text-4xl font-extrabold text-primary mb-2">2015</div>
+          <div className="text-neutral-dark font-semibold">Gegründet</div>
+        </div>
+        <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
+          <div className="text-4xl font-extrabold text-primary mb-2">110kV</div>
+          <div className="text-neutral-dark font-semibold">Zulassung bis</div>
+        </div>
+        <div className="bg-white p-8 rounded-2xl shadow-sm border border-neutral-100">
+          <div className="text-4xl font-extrabold text-primary mb-2">100%</div>
+          <div className="text-neutral-dark font-semibold">Leidenschaft</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 
-## Unsere Philosophie
+<CompanyTimeline />
 
-Wir glauben daran, dass eine stabile Infrastruktur das Fundament für eine erfolgreiche Zukunft ist. Deshalb setzen wir auf:
+<div id="struktur">
+  <HomeSubCompanyTiles
+    badge="Struktur"
+    title="Kompetenzen gebündelt"
+    companies={[
+      {
+        title: "E-TIB GMBH",
+        description: "Das Unternehmen hat sich voll und ganz auf den Kabelleitungstiefbau spezialisiert. Das komplette Leistungsspektrum zur Errichtung von Kabeltrassen aus einer Hand.",
+        icon: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+        url: "https://www.e-tib.com/",
+        backgroundImage: "/assets/photos/DJI_0243.JPG"
+      },
+      {
+        title: "E-TIB Ingenieurgesellschaft mbH",
+        description: "Unsere Ingenieure planen für Sie die Energie- und Telekommunikationsnetze der Zukunft - Vermessung und Dokumentation inklusive.",
+        icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+        url: "https://www.etib-ing.com/",
+        backgroundImage: "/assets/photos/DSC01137.JPG"
+      },
+      {
+        title: "NEMO GmbH",
+        description: "Der Spezialist für Planung und Umsetzung von nachhaltigen Energieprojekten - Mit Fokus auf Solarenergie.",
+        icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
+        url: "https://www.nemo-gmbh.de/",
+        backgroundImage: "/assets/photos/DJI_0048.JPG"
+      }
+    ]}
+  />
+</div>
 
-- **Präzision**: Exakte Planung und Ausführung sind für uns selbstverständlich.
-- **Innovation**: Wir nutzen modernste Technik wie Horizontalspülbohrungen, um Projekte effizienter zu gestalten.
-- **Nachhaltigkeit**: Unsere Verfahren sind darauf ausgelegt, die Umwelt so wenig wie möglich zu belasten.
-
-## Die E-TIB Gruppe
-
-Unsere Stärke liegt in der Bündelung spezialisierter Kompetenzen:
-
-### E-TIB GmbH
-Fokus auf die Ausführung elektrischer Infrastrukturprojekte und klassischen Kabeltiefbau.
-
-### E-TIB Bohrtechnik GmbH
-Spezialisten für grabenlose Verlegetechniken und gesteuerte Horizontalbohrungen.
-
-### E-TIB Ingenieurgesellschaft mbH
-Ihr Partner für Planung, Projektierung und die lückenlose Dokumentation komplexer Bauvorhaben.
-
-## Kontaktieren Sie uns
-
-Möchten Sie mehr über unsere Arbeit erfahren? Wir freuen uns auf das Gespräch mit Ihnen.
+<CallToAction />