From 055f6009d439fd12fe22ae7d263270ca5ebbbb83 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Thu, 7 May 2026 11:34:47 +0200
Subject: [PATCH] feat(home): transform inline competencies text into
 interactive pill-grid design linking to detail pages

Former-commit-id: 66d0d6a6e06671f2575ec88a95202d81fe7d0e81
---
 content/de/home.mdx | 28 ++++++++++++++++++++++++++--
 content/en/home.mdx | 28 ++++++++++++++++++++++++++--
 2 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/content/de/home.mdx b/content/de/home.mdx
index 3da056fc6..acd305f04 100644
--- a/content/de/home.mdx
+++ b/content/de/home.mdx
@@ -51,10 +51,34 @@ description: Willkommen bei E-TIB GmbH
       </div>
       <div className="text-xl md:text-2xl text-text-secondary leading-relaxed space-y-6 border-l-4 border-neutral-200 pl-8">
         <div>
-          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.
+          Die E-TIB GmbH ist ein leistungsfähiger und moderner Anbieter von technischen Dienstleistungen. Wir haben uns auf folgende Kernbereiche spezialisiert:
         </div>
+        
+        <div className="flex flex-wrap gap-3 py-2">
+          <a href="/de/kompetenzen#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Tiefbauarbeiten
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/de/kompetenzen#bohrtechnik" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Horizontalspülbohrungen
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/de/kompetenzen#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Kabelpflugarbeiten
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/de/kompetenzen#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Leitungsverlegung
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/de/kompetenzen#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Kabelmontagen
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+        </div>
+
         <div>
-          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.
+          Das Unternehmen wurde 2015 im brandenburgischen Guben gegründet und seitdem konsequent weiterentwickelt. Heute führen wir mit <strong className="text-primary font-bold">über 50 Mitarbeitern</strong> bundesweite Bauleistungen für Industrie, Telekommunikationsanbieter und Stromversorgungsunternehmen durch.
         </div>
       </div>
     </div>
diff --git a/content/en/home.mdx b/content/en/home.mdx
index 5e5484859..c92d6749e 100644
--- a/content/en/home.mdx
+++ b/content/en/home.mdx
@@ -51,10 +51,34 @@ description: Welcome to E-TIB GmbH
       </div>
       <div className="text-xl md:text-2xl text-text-secondary leading-relaxed space-y-6 border-l-4 border-neutral-200 pl-8">
         <div>
-          E-TIB GmbH is a capable and modern provider of technical services in the field of <strong className="text-neutral-dark font-semibold">civil engineering, horizontal directional drilling, cable plowing, pipeline installation, and cable assembly</strong>. The company was founded in 2015 in Guben, Brandenburg, and has been consistently developed ever since.
+          E-TIB GmbH is a capable and modern provider of technical services. We have specialized in the following core areas:
         </div>
+
+        <div className="flex flex-wrap gap-3 py-2">
+          <a href="/en/competencies#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Civil Engineering
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/en/competencies#bohrtechnik" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Horizontal Directional Drilling
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/en/competencies#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Cable Plowing
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/en/competencies#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Pipeline Installation
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/en/competencies#kabelbau" className="inline-flex items-center px-5 py-2.5 bg-white border border-neutral-200 rounded-full text-base md:text-lg font-bold text-neutral-dark hover:border-primary hover:text-primary transition-all shadow-sm hover:shadow-md hover:-translate-y-0.5">
+            Cable Assembly
+            <svg className="w-4 h-4 ml-2 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+        </div>
+
         <div>
-          Today, with <strong className="text-primary font-bold">over 50 employees</strong>, we carry out nationwide construction services for industry, telecommunications providers, and energy utility companies. Our qualified teams ensure the satisfaction of our customers with a modern machinery park – with competence, care, and adherence to deadlines.
+          The company was founded in 2015 in Guben, Brandenburg, and has been consistently developed ever since. Today, with <strong className="text-primary font-bold">over 50 employees</strong>, we carry out nationwide construction services for industry, telecommunications providers, and energy utility companies.
         </div>
       </div>
     </div>