From 98c694c2b9e5526661efb1a6c5fcfb06271db8f8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 06:14:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 275 +++++++++--------------------------------------
 1 file changed, 51 insertions(+), 224 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c70beb..31e4ddd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Leistungen",
-          id: "features",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "Leistungen", id: "features" },
+        { name: "Über uns", id: "about" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="ms Elektrotechnik"
     />
@@ -55,77 +43,31 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Ihr Fachbetrieb für Elektrotechnik"
       description="Wir sind für Sie rund um die Uhr im Einsatz - wir reparieren, installieren, konfigurieren und sanieren Ihre Anlagen mit höchster Sorgfalt."
       kpis={[
-        {
-          value: "24/7",
-          label: "Einsatzbereit",
-        },
-        {
-          value: "Fachbetrieb",
-          label: "Kompetenz",
-        },
-        {
-          value: "Top",
-          label: "Qualität",
-        },
+        { value: "24/7", label: "Einsatzbereit" },
+        { value: "Fachbetrieb", label: "Kompetenz" },
+        { value: "Top", label: "Qualität" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/team-solar-panels-plant-managers-engineer-discussing-how-harness-sun-power-teamworking_482257-135632.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-successful-executive_1098-564.jpg",
-          alt: "Kunde",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-natural-girl-with-short-hair-wearing-blue-blouse-looking-down-sideways-standing-white-background-your-logo_176420-52216.jpg",
-          alt: "Kunde",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-          alt: "Kunde",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-          alt: "Kunde",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
-          alt: "Kunde",
-        },
+        { src: "http://img.b2bpic.net/free-photo/close-up-successful-executive_1098-564.jpg", alt: "Kunde" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-natural-girl-with-short-hair-wearing-blue-blouse-looking-down-sideways-standing-white-background-your-logo_176420-52216.jpg", alt: "Kunde" },
+        { src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Kunde" },
+        { src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Kunde" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg", alt: "Kunde" },
       ]}
       avatarText="Über 500 zufriedene Kunden"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Installation",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "Sicherheitstechnik",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Smart Home",
-          icon: Smartphone,
-        },
-        {
-          type: "text-icon",
-          text: "Wartung",
-          icon: Wrench,
-        },
-        {
-          type: "text-icon",
-          text: "Notdienst",
-          icon: Phone,
-        },
+        { type: "text-icon", text: "Installation", icon: Zap },
+        { type: "text-icon", text: "Sicherheitstechnik", icon: Shield },
+        { type: "text-icon", text: "Smart Home", icon: Smartphone },
+        { type: "text-icon", text: "Wartung", icon: Wrench },
+        { type: "text-icon", text: "Notdienst", icon: Phone },
       ]}
     />
   </div>
@@ -135,21 +77,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Über ms Elektrotechnik"
       metrics={[
-        {
-          icon: Zap,
-          label: "Installation",
-          value: "Präzise",
-        },
-        {
-          icon: Shield,
-          label: "Sicherheit",
-          value: "Geprüft",
-        },
-        {
-          icon: CheckCircle,
-          label: "Erfahrung",
-          value: "Langjährig",
-        },
+        { icon: Zap, label: "Installation", value: "Präzise" },
+        { icon: Shield, label: "Sicherheit", value: "Geprüft" },
+        { icon: CheckCircle, label: "Erfahrung", value: "Langjährig" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -161,36 +91,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Lock,
-          title: "Einbruchschutz",
-          description: "Schützen Sie Ihr Eigentum mit modernster Sicherheitstechnik.",
-        },
-        {
-          icon: Bell,
-          title: "Rauchmelder",
-          description: "Installation und Wartung für optimalen Brandschutz.",
-        },
-        {
-          icon: Phone,
-          title: "Türsprechanlagen",
-          description: "Moderne Video-Sprechanlagen für Ihre Sicherheit.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Zutrittskontrollen",
-          description: "Kontrolle per Smartphone für maximalen Komfort.",
-        },
-        {
-          icon: Zap,
-          title: "Überspannungsschutz",
-          description: "Schutz Ihrer wertvollen Elektroinstallationen.",
-        },
-        {
-          icon: Settings,
-          title: "Torantriebe",
-          description: "Automatisierung Ihrer Tore mit modernster Technik.",
-        },
+        { icon: Lock, title: "Einbruchschutz", description: "Schützen Sie Ihr Eigentum mit modernster Sicherheitstechnik." },
+        { icon: Bell, title: "Rauchmelder", description: "Installation und Wartung für optimalen Brandschutz." },
+        { icon: Phone, title: "Türsprechanlagen", description: "Moderne Video-Sprechanlagen für Ihre Sicherheit." },
+        { icon: ShieldCheck, title: "Zutrittskontrollen", description: "Kontrolle per Smartphone für maximalen Komfort." },
+        { icon: Zap, title: "Überspannungsschutz", description: "Schutz Ihrer wertvollen Elektroinstallationen." },
+        { icon: Settings, title: "Torantriebe", description: "Automatisierung Ihrer Tore mit modernster Technik." },
       ]}
       title="Unsere Leistungen"
       description="Intelligent modernisieren – wir bieten innovative Lösungen für Sicherheit und Komfort in Ihrem Zuhause."
@@ -204,21 +110,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          description: "Kundenzufriedenheit",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Service-Einsatz",
-        },
-        {
-          id: "m3",
-          value: "1000+",
-          description: "Installationen",
-        },
+        { id: "m1", value: "100%", description: "Kundenzufriedenheit" },
+        { id: "m2", value: "24/7", description: "Service-Einsatz" },
+        { id: "m3", value: "1000+", description: "Installationen" },
       ]}
       title="Zahlen und Fakten"
       description="Wir stehen für Qualität und Zuverlässigkeit in jeder Situation."
@@ -232,26 +126,11 @@ export default function LandingPage() {
       rating={5}
       author="Familie Weber"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-businesswoman-headphones-beige-suit-looking-camera-with-thoughtful-gaze-posing_1258-194015.jpg",
-          alt: "Familie Weber",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
-          alt: "Kunde 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",
-          alt: "Kunde 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
-          alt: "Kunde 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
-          alt: "Kunde 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/confident-businesswoman-headphones-beige-suit-looking-camera-with-thoughtful-gaze-posing_1258-194015.jpg", alt: "Familie Weber" },
+        { src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg", alt: "Kunde 2" },
+        { src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg", alt: "Kunde 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Kunde 4" },
+        { src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", alt: "Kunde 5" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -262,15 +141,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
+      description="Wir arbeiten mit führenden Partnern zusammen."
       names={[
-        "e-masters",
-        "TechnikPartner",
-        "Sicherheitsverband",
-        "Handwerkskammer",
-        "QualitätsInstanz",
-        "SmartHomeAllianz",
-        "InnovationsPortal",
-      ]}
+        "e-masters",        "TechnikPartner",        "Sicherheitsverband",        "Handwerkskammer",        "QualitätsInstanz",        "SmartHomeAllianz",        "InnovationsPortal"]}
       title="Unsere Partner & Zertifizierungen"
     />
   </div>
@@ -280,21 +153,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Bieten Sie Notdienst an?",
-          content: "Ja, wir sind für Sie rund um die Uhr im Einsatz.",
-        },
-        {
-          id: "f2",
-          title: "Wie installiere ich einen Rauchmelder?",
-          content: "Wir übernehmen die fachgerechte Installation und Wartung.",
-        },
-        {
-          id: "f3",
-          title: "Was kostet ein Überspannungsschutz?",
-          content: "Das hängt von der Komplexität ab, wir beraten Sie gerne individuell.",
-        },
+        { id: "f1", title: "Bieten Sie Notdienst an?", content: "Ja, wir sind für Sie rund um die Uhr im Einsatz." },
+        { id: "f2", title: "Wie installiere ich einen Rauchmelder?", content: "Wir übernehmen die fachgerechte Installation und Wartung." },
+        { id: "f3", title: "Was kostet ein Überspannungsschutz?", content: "Das hängt von der Komplexität ab, wir beraten Sie gerne individuell." },
       ]}
       title="Häufige Fragen"
       description="Alles was Sie über unsere Services wissen müssen."
@@ -308,24 +169,10 @@ export default function LandingPage() {
       title="Kontaktieren Sie uns"
       description="Wir freuen uns auf Ihre Anfrage für Ihr nächstes Projekt."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "E-Mail",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Name", required: true },
+        { name: "email", type: "email", placeholder: "E-Mail", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Ihre Nachricht",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/construction-plans-with-white-helmet-drawing-tools-bluepr_1232-2917.jpg"
     />
   </div>
@@ -335,37 +182,17 @@ export default function LandingPage() {
       logoText="ms Elektrotechnik"
       columns={[
         {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Im Höning 20",
-              href: "#",
-            },
-            {
-              label: "63820 Elsenfeld",
-              href: "#",
-            },
-            {
-              label: "+49-6022-710100",
-              href: "tel:+496022710100",
-            },
+          title: "Kontakt",          items: [
+            { label: "Im Höning 20", href: "#" },
+            { label: "63820 Elsenfeld", href: "#" },
+            { label: "+49-6022-710100", href: "tel:+496022710100" },
           ],
         },
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#",
-            },
-            {
-              label: "Karriere",
-              href: "#",
-            },
-            {
-              label: "Ausbildung",
-              href: "#",
-            },
+          title: "Navigation",          items: [
+            { label: "Home", href: "#" },
+            { label: "Karriere", href: "#" },
+            { label: "Ausbildung", href: "#" },
           ],
         },
       ]}
-- 
2.49.1