From 569b87694421c4938fed423e3b00ebfb9494b0b5 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Wed, 13 May 2026 14:23:24 +0200
Subject: [PATCH] feat(seo): implement AI SEO and structured data schema

- Add robust JSON-LD schema generators (LocalBusiness, FAQ, Service, Event)
- Refactor JsonLd component to use @graph pattern for merging global/local schemas
- Create FaqBlock component with automatic FAQPage schema injection
- Inject specific JSON-LD schemas into mdx pages (home, kompetenzen, messen)
- Add structured AI SEO content (hard facts, stats, clear definitions)
---
 app/[locale]/[slug]/page.tsx   |  4 ++
 app/[locale]/page.tsx          |  4 ++
 components/JsonLd.tsx          | 68 +++++++++++++++++-----------
 components/blocks/FaqBlock.tsx | 64 ++++++++++++++++++++++++++
 content/de/home.mdx            | 23 ++++++++++
 content/de/kompetenzen.mdx     | 27 +++++++++++
 content/de/messen.mdx          | 69 ++++++++++++++++++++++++++++
 lib/schema.ts                  | 82 ++++++++++++++++++++++++++++++++++
 8 files changed, 314 insertions(+), 27 deletions(-)
 create mode 100644 components/blocks/FaqBlock.tsx

diff --git a/app/[locale]/[slug]/page.tsx b/app/[locale]/[slug]/page.tsx
index cb5fb609e..c4dd43bde 100644
--- a/app/[locale]/[slug]/page.tsx
+++ b/app/[locale]/[slug]/page.tsx
@@ -20,6 +20,8 @@ import { CallToAction } from '@/components/blocks/CallToAction';
 import { ServiceDetailGrid } from '@/components/blocks/ServiceDetailGrid';
 import { BenefitGrid } from '@/components/blocks/BenefitGrid';
 import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
+import { FaqBlock } from '@/components/blocks/FaqBlock';
+import JsonLd from '@/components/JsonLd';
 import { Button } from '@/components/ui/Button';
 
 
@@ -34,6 +36,8 @@ const mdxComponents = {
   ServiceDetailGrid,
   BenefitGrid,
   InteractiveGermanyMap,
+  FaqBlock,
+  JsonLd,
   Button,
   Heading,
 };
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 48398c85b..0ad4e9a71 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -11,6 +11,8 @@ import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
 import { SubCompanyTiles as HomeSubCompanyTiles } from '@/components/blocks/SubCompanyTiles';
 import { CompetenceBentoGrid as HomeCompetenceBentoGrid } from '@/components/blocks/CompetenceBentoGrid';
 import { ReferencesSlider as HomeReferencesSlider } from '@/components/blocks/ReferencesSlider';
+import { FaqBlock } from '@/components/blocks/FaqBlock';
+import JsonLd from '@/components/JsonLd';
 
 import { Button } from '@/components/ui/Button';
 import { Heading } from '@/components/ui/Heading';
@@ -20,6 +22,8 @@ const mdxComponents = {
   HomeSubCompanyTiles,
   HomeCompetenceBentoGrid,
   HomeReferencesSlider,
+  FaqBlock,
+  JsonLd,
   Button,
   Heading,
 };
diff --git a/components/JsonLd.tsx b/components/JsonLd.tsx
index c28070a8c..20adde096 100644
--- a/components/JsonLd.tsx
+++ b/components/JsonLd.tsx
@@ -1,53 +1,67 @@
-import { Thing, WithContext } from 'schema-dts';
+import { Thing, WithContext, Graph } from 'schema-dts';
+import { getOrganizationSchema, getLocalBusinessSchema, SITE_URL } from '@/lib/schema';
 
 interface JsonLdProps {
   id?: string;
   data?: WithContext<Thing> | WithContext<Thing>[];
+  disableGlobal?: boolean;
 }
 
-export default function JsonLd({ id, data }: JsonLdProps) {
-  // If data is provided, use it. Otherwise, use the default Organization + WebSite schema.
-  const schemaData = data || [
-    {
-      '@context': 'https://schema.org',
-      '@type': 'Organization',
-      name: 'E-TIB GmbH',
-      url: 'https://e-tib.com',
-      logo: 'https://e-tib.com/assets/logo.png',
-      sameAs: [
-        'https://www.instagram.com/me.and.eloise/',
-      ],
-      description: 'Ihr Partner für Kabelleitungstiefbau, Horizontalspülbohrungen, Planung und Vermessung.',
-      address: {
-        '@type': 'PostalAddress',
-        streetAddress: 'Gewerbestraße 22',
-        addressLocality: 'Guben',
-        postalCode: '03172',
-        addressCountry: 'DE',
-      },
-    },
-    {
+export default function JsonLd({ id, data, disableGlobal = false }: JsonLdProps) {
+  let finalSchema: any;
+
+  if (disableGlobal && data) {
+    // Escape hatch for overriding the global graph
+    finalSchema = data;
+  } else {
+    // Construct the @graph array
+    const graphItems: any[] = [];
+
+    // Always include Organization, WebSite, and LocalBusiness for strong AI SEO presence
+    graphItems.push(getOrganizationSchema());
+    graphItems.push({
       '@context': 'https://schema.org',
       '@type': 'WebSite',
       name: 'E-TIB',
-      url: 'https://e-tib.com',
+      url: SITE_URL,
       potentialAction: {
         '@type': 'SearchAction',
         target: {
           '@type': 'EntryPoint',
-          urlTemplate: 'https://e-tib.com/search?q={search_term_string}',
+          urlTemplate: `${SITE_URL}/search?q={search_term_string}`,
         },
         'query-input': 'required name=search_term_string',
       },
+    });
+    graphItems.push(getLocalBusinessSchema());
+
+    // Append dynamic data from props
+    if (data) {
+      if (Array.isArray(data)) {
+        // Strip out their individual @context if we are pushing to a graph
+        const cleanedData = data.map((d: any) => {
+          const { '@context': _, ...rest } = d;
+          return rest;
+        });
+        graphItems.push(...cleanedData);
+      } else {
+        const { '@context': _, ...rest } = data as any;
+        graphItems.push(rest);
+      }
     }
-  ];
+
+    finalSchema = {
+      '@context': 'https://schema.org',
+      '@graph': graphItems,
+    };
+  }
 
   return (
     <script
       id={id}
       type="application/ld+json"
       dangerouslySetInnerHTML={{
-        __html: JSON.stringify(schemaData),
+        __html: JSON.stringify(finalSchema),
       }}
     />
   );
diff --git a/components/blocks/FaqBlock.tsx b/components/blocks/FaqBlock.tsx
new file mode 100644
index 000000000..a59afada3
--- /dev/null
+++ b/components/blocks/FaqBlock.tsx
@@ -0,0 +1,64 @@
+import React from 'react';
+import { getFAQSchema } from '@/lib/schema';
+import JsonLd from '@/components/JsonLd';
+
+export interface FAQItem {
+  question: string;
+  answer: string;
+}
+
+interface FaqBlockProps {
+  title?: string;
+  subtitle?: string;
+  questions: FAQItem[];
+}
+
+export const FaqBlock: React.FC<FaqBlockProps> = ({ 
+  title = "Häufig gestellte Fragen", 
+  subtitle, 
+  questions 
+}) => {
+  if (!questions || questions.length === 0) return null;
+
+  return (
+    <section className="py-12 md:py-16">
+      <div className="max-w-3xl mx-auto">
+        <div className="mb-10 text-center">
+          {subtitle && (
+            <span className="text-sm font-bold text-accent uppercase tracking-wider block mb-2">
+              {subtitle}
+            </span>
+          )}
+          <h2 className="text-3xl md:text-4xl font-bold text-text-primary">
+            {title}
+          </h2>
+        </div>
+        
+        <div className="space-y-4">
+          {questions.map((item, index) => (
+            <details 
+              key={index} 
+              className="group border border-neutral-200 bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow"
+            >
+              <summary className="flex items-center justify-between cursor-pointer p-6 font-semibold text-lg text-text-primary hover:text-primary transition-colors select-none">
+                {item.question}
+                <span className="ml-4 flex-shrink-0 transition-transform duration-300 group-open:-rotate-180 text-accent">
+                  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+                  </svg>
+                </span>
+              </summary>
+              <div className="px-6 pb-6 text-text-secondary leading-relaxed border-t border-neutral-100 pt-4 prose prose-p:my-2 prose-a:text-primary">
+                {/* Parse simple HTML or just text if answer has formatting */}
+                <div dangerouslySetInnerHTML={{ __html: item.answer }} />
+              </div>
+            </details>
+          ))}
+        </div>
+      </div>
+      
+      {/* Inject FAQ Schema automatically */}
+      <JsonLd data={getFAQSchema(questions)} />
+    </section>
+  );
+};
diff --git a/content/de/home.mdx b/content/de/home.mdx
index 899ff4050..29730d47a 100644
--- a/content/de/home.mdx
+++ b/content/de/home.mdx
@@ -178,3 +178,26 @@ description: Willkommen bei E-TIB GmbH
     }
   ]}
 />
+
+<FaqBlock 
+  title="Häufig gestellte Fragen"
+  subtitle="Wissenswertes"
+  questions={[
+    {
+      question: "Was macht die E-TIB GmbH?",
+      answer: "Die E-TIB GmbH ist spezialisiert auf den Leitungs- und Kabeltiefbau. Zu den Kernleistungen zählen der klassische Kabelbau, hochpräzise Horizontalspülbohrungen, Kabelpflugarbeiten sowie Elektromontagen bis 110 kV. Zusammen mit unseren Tochtergesellschaften decken wir auch die komplette Planung und Dokumentation von Infrastrukturprojekten ab."
+    },
+    {
+      question: "Welche Vorteile bietet das Horizontalspülbohrverfahren (Bohrtechnik)?",
+      answer: "Die Horizontalspülbohrung ist ein grabenloses Verfahren zur unterirdischen Verlegung von Kabeln und Rohren. Der größte Vorteil ist die oberflächenschonende Arbeitsweise: Flüsse, Autobahnen, Bahntrassen oder Naturschutzgebiete können gekreuzt werden, ohne den Verkehr oder die Umwelt zu beeinträchtigen. Dies spart erhebliche Kosten bei der Oberflächenwiederherstellung."
+    },
+    {
+      question: "Seit wann gibt es die E-TIB GmbH und wie groß ist das Team?",
+      answer: "Die E-TIB GmbH wurde im Dezember 2015 in Guben gegründet. Heute beschäftigt die Unternehmensgruppe über 50 qualifizierte Mitarbeiter, die komplexe Infrastruktur- und Tiefbauprojekte für Energieversorger und Telekommunikationsanbieter bundesweit realisieren."
+    },
+    {
+      question: "Bieten Sie auch die Planung von Netzanschlüssen an?",
+      answer: "Ja, über die E-TIB Ingenieurgesellschaft mbH übernehmen wir die komplette Genehmigungs- und Ausführungsplanung. Dies beinhaltet Elektro- und Netzanschlussplanungen, Machbarkeitsstudien sowie die finale digitale Bestandsdokumentation per GIS."
+    }
+  ]}
+/>
diff --git a/content/de/kompetenzen.mdx b/content/de/kompetenzen.mdx
index a16338c04..4a1cfb606 100644
--- a/content/de/kompetenzen.mdx
+++ b/content/de/kompetenzen.mdx
@@ -135,3 +135,30 @@ layout: "fullBleed"
     }
   ]}
 />
+
+<JsonLd data={[
+  {
+    "@type": "Service",
+    "name": "Kabelbau",
+    "description": "Klassischer Grabenbau und professionelle Verlegung von Mittel- und Niederspannungskabeln.",
+    "provider": { "@type": "Organization", "name": "E-TIB GmbH" }
+  },
+  {
+    "@type": "Service",
+    "name": "Horizontalspülbohrungen",
+    "description": "Horizontalspülbohrverfahren (HDD) für grabenlose, oberflächenschonende Verlegung.",
+    "provider": { "@type": "Organization", "name": "E-TIB GmbH" }
+  },
+  {
+    "@type": "Service",
+    "name": "Glasfaserausbau",
+    "description": "Ausbau von zukunftssicheren Breitbandnetzen (FTTX) und Glasfaser-Kabelmontagen.",
+    "provider": { "@type": "Organization", "name": "E-TIB GmbH" }
+  },
+  {
+    "@type": "Service",
+    "name": "Planung und Vermessung",
+    "description": "Genehmigungs- und Ausführungsplanung, Elektro- und Netzanschlussplanung, sowie digitale Bestandsdokumentation per GIS.",
+    "provider": { "@type": "Organization", "name": "E-TIB GmbH" }
+  }
+]} />
diff --git a/content/de/messen.mdx b/content/de/messen.mdx
index 3bb8b883a..56f6cfd78 100644
--- a/content/de/messen.mdx
+++ b/content/de/messen.mdx
@@ -27,3 +27,72 @@ layout: "fullBleed"
 </div>
 
 <CallToAction />
+
+<JsonLd data={[
+  {
+    "@type": "Event",
+    "name": "Intersolar München",
+    "startDate": "2026-06-19",
+    "endDate": "2026-06-21",
+    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
+    "eventStatus": "https://schema.org/EventScheduled",
+    "location": {
+      "@type": "Place",
+      "name": "Messe München",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "München",
+        "addressCountry": "DE"
+      }
+    },
+    "organizer": {
+      "@type": "Organization",
+      "name": "E-TIB GmbH",
+      "url": "https://e-tib.com"
+    }
+  },
+  {
+    "@type": "Event",
+    "name": "Windenergietage Linstow",
+    "startDate": "2026-11-04",
+    "endDate": "2026-11-06",
+    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
+    "eventStatus": "https://schema.org/EventScheduled",
+    "location": {
+      "@type": "Place",
+      "name": "Van der Valk Resort Linstow",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Linstow",
+        "addressCountry": "DE"
+      }
+    },
+    "organizer": {
+      "@type": "Organization",
+      "name": "E-TIB GmbH",
+      "url": "https://e-tib.com"
+    }
+  },
+  {
+    "@type": "Event",
+    "name": "Kabelwerkstatt Wiesbaden",
+    "startDate": "2026-12-02",
+    "endDate": "2026-12-03",
+    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
+    "eventStatus": "https://schema.org/EventScheduled",
+    "location": {
+      "@type": "Place",
+      "name": "RheinMain CongressCenter",
+      "address": {
+        "@type": "PostalAddress",
+        "addressLocality": "Wiesbaden",
+        "addressCountry": "DE"
+      }
+    },
+    "organizer": {
+      "@type": "Organization",
+      "name": "E-TIB GmbH",
+      "url": "https://e-tib.com"
+    }
+  }
+]} />
diff --git a/lib/schema.ts b/lib/schema.ts
index b2f6ffc6a..a4ac2d9f4 100644
--- a/lib/schema.ts
+++ b/lib/schema.ts
@@ -34,3 +34,85 @@ export const getBreadcrumbSchema = (items: { name: string; item: string }[]) =>
     item: item.item.startsWith('http') ? item.item : `${SITE_URL}${item.item}`,
   })),
 });
+
+export const getLocalBusinessSchema = () => ({
+  '@context': 'https://schema.org' as const,
+  '@type': 'LocalBusiness' as const,
+  name: 'E-TIB GmbH',
+  url: SITE_URL,
+  logo: LOGO_URL,
+  image: LOGO_URL,
+  description: 'Ihr Partner für Kabelleitungstiefbau, Horizontalspülbohrungen, Planung und Vermessung in Guben und überregional.',
+  telephone: '+49-15207230518',
+  email: 'd.joseph@e-tib.com',
+  address: {
+    '@type': 'PostalAddress' as const,
+    streetAddress: 'Gewerbestraße 22',
+    addressLocality: 'Guben',
+    postalCode: '03172',
+    addressCountry: 'DE',
+  },
+  geo: {
+    '@type': 'GeoCoordinates' as const,
+    latitude: 51.9547, // Approx coordinates for Guben area
+    longitude: 14.7175,
+  },
+  openingHoursSpecification: [
+    {
+      '@type': 'OpeningHoursSpecification' as const,
+      dayOfWeek: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+      opens: '08:00',
+      closes: '17:00',
+    },
+  ],
+  sameAs: ['https://www.instagram.com/me.and.eloise/'],
+});
+
+export const getFAQSchema = (questions: { question: string; answer: string }[]) => ({
+  '@context': 'https://schema.org' as const,
+  '@type': 'FAQPage' as const,
+  mainEntity: questions.map((q) => ({
+    '@type': 'Question' as const,
+    name: q.question,
+    acceptedAnswer: {
+      '@type': 'Answer' as const,
+      text: q.answer,
+    },
+  })),
+});
+
+export const getServiceSchema = (serviceName: string, description: string, image?: string) => ({
+  '@context': 'https://schema.org' as const,
+  '@type': 'Service' as const,
+  name: serviceName,
+  description: description,
+  provider: {
+    '@type': 'Organization' as const,
+    name: 'E-TIB GmbH',
+  },
+  ...(image && { image }),
+});
+
+export const getEventSchema = (event: { name: string; startDate: string; endDate?: string; locationName: string; locationAddress?: string; url?: string }) => ({
+  '@context': 'https://schema.org' as const,
+  '@type': 'Event' as const,
+  name: event.name,
+  startDate: event.startDate,
+  ...(event.endDate && { endDate: event.endDate }),
+  location: {
+    '@type': 'Place' as const,
+    name: event.locationName,
+    ...(event.locationAddress && {
+      address: {
+        '@type': 'PostalAddress' as const,
+        streetAddress: event.locationAddress,
+      },
+    }),
+  },
+  organizer: {
+    '@type': 'Organization' as const,
+    name: 'E-TIB GmbH',
+    url: SITE_URL,
+  },
+  ...(event.url && { url: event.url }),
+});