From 22256d74d2a3afac8c29574c123578b43fcd044a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 11:44:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 148 +++++++++++------------------------------------
 1 file changed, 34 insertions(+), 114 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb434c6..9559709 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,8 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Phone } from "lucide-react";
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import { Phone, CheckCircle, Clock, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,45 +30,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Stats",
-          id: "stats",
-        },
+        { name: "KI-Telefonassistent", id: "hero" },
+        { name: "Stats", id: "stats" },
       ]}
       brandName="VoiceLinkAI"
     />
   </div>
 
+  <div id="hero" data-section="hero">
+      <HeroCentered
+        title="KI-Telefonassistent"
+        description="Kein Anruf bleibt mehr unbeantwortet."
+        background={{ variant: 'radial-gradient' }}
+        avatars={[]}
+        marqueeItems={[
+          { type: 'text-icon', text: "24/7 Verfügbarkeit", icon: Clock },
+          { type: 'text-icon', text: "< 30s Antwortzeit", icon: Zap },
+          { type: 'text-icon', text: "70% weniger Routine", icon: CheckCircle }
+        ]}
+        className="bg-[#0a0f1e]"
+      />
+  </div>
+
   <div id="stats" data-section="stats">
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "38%",
-          title: "Anrufe nicht angenommen",
-          description: "Leads die zur Konkurrenz gehen",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png",
-        },
-        {
-          id: "m2",
-          value: "€ 4.200",
-          title: "Umsatz verloren – pro Monat",
-          description: "Durch verpasste Anfragen & langsame Reaktion",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-depicting--1774698148355-2959be7c.png",
-        },
-        {
-          id: "m3",
-          value: "+31%",
-          title: "Mehr Umsatz mit KI-Agent",
-          description: "Durch sofortige Antwort & automatische Terminbuchung",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=1",
-        },
+        { id: "q1", value: "Frage 1", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png" },
+        { id: "q2", value: "Frage 2", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png" },
+        { id: "q3", value: "Frage 3", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png" },
+        { id: "q4", value: "Frage 4", title: "Status", description: "Antwort bereit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-a-mobil-1774698148148-9ce34aec.png" }
       ]}
-      title="VoiceLinkAI Performance Report"
-      description="Die Auswirkungen unserer KI-gestützten Kundenkommunikation auf Ihren Unternehmenserfolg."
+      title="VoiceLinkAI Badge"
+      description="VoiceLinkAI"
     />
   </div>
 
@@ -78,33 +75,7 @@ export default function LandingPage() {
       title="Häufige Fragen"
       description="Alles, was Sie über unsere KI-Lösungen wissen müssen."
       faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "f1",
-          title: "Wie funktioniert die KI-Integration?",
-          content: "Unsere KI lässt sich nahtlos in Ihre bestehende Telefonanlage integrieren.",
-        },
-        {
-          id: "f2",
-          title: "Ist der Service rund um die Uhr verfügbar?",
-          content: "Ja, unsere KI-Agenten sind 24/7 für Ihre Kunden da.",
-        },
-        {
-          id: "f3",
-          title: "Kann die KI auch Termine buchen?",
-          content: "Absolut. Die KI greift auf Ihren Kalender zu und bucht Termine vollautomatisch.",
-        },
-        {
-          id: "f4",
-          title: "Wie sicher ist meine Kundenkommunikation?",
-          content: "Datenschutz ist unsere Priorität. Alle Daten werden DSGVO-konform verarbeitet.",
-        },
-        {
-          id: "f5",
-          title: "Gibt es eine Testphase?",
-          content: "Gerne bieten wir Ihnen eine individuelle Demo Ihres persönlichen KI-Agenten an.",
-        },
-      ]}
+      faqs={[]}
     />
   </div>
 
@@ -114,33 +85,7 @@ export default function LandingPage() {
       cardTitle="Was unsere Kunden sagen"
       cardTag="Erfolge"
       cardAnimation="slide-up"
-      testimonials={[
-        {
-          id: "t1",
-          name: "Markus S., Handwerksmeister",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah P., Praxisinhaberin",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=3",
-        },
-        {
-          id: "t3",
-          name: "Thomas G., Vertriebsleiter",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=4",
-        },
-        {
-          id: "t4",
-          name: "Julia M., Kanzleiinhaberin",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=5",
-        },
-        {
-          id: "t5",
-          name: "Lukas R., Startup Gründer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BD3dlR7FZEi8PoUil2VldNiisn/a-minimalist-sharp-edged-icon-of-an-upwa-1774698148496-c9c4e47b.png?_wi=6",
-        },
-      ]}
+      testimonials={[]}
     />
   </div>
 
@@ -149,15 +94,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Ihre Kunden verdienen sofortige Antworten."
       description={[
-        "Verpasste Anrufe sind verschenktes Geld. Mit VoiceLinkAI stellen Sie sicher, dass jeder Lead qualifiziert wird.",
-        "Unsere KI-Agenten agieren wie professionelle Mitarbeiter, sind aber 24/7 verfügbar und extrem effizient.",
-      ]}
-      buttons={[
-        {
-          text: "Jetzt kostenlos testen",
-          href: "#",
-        },
-      ]}
+        "Verpasste Anrufe sind verschenktes Geld. Mit VoiceLinkAI stellen Sie sicher, dass jeder Lead qualifiziert wird."]}
     />
   </div>
 
@@ -168,22 +105,9 @@ export default function LandingPage() {
       ctaTitle="Bereit zur Automatisierung?"
       ctaDescription="Vereinbaren Sie noch heute Ihr persönliches Beratungsgespräch."
       ctaButton={{
-        text: "Beratung vereinbaren",
-        href: "#",
-      }}
+        text: "Beratung vereinbaren",        href: "#"}}
       ctaIcon={Phone}
-      faqs={[
-        {
-          id: "cf1",
-          title: "Was kostet der Setup?",
-          content: "Der Setup ist individuell und richtet sich nach Ihren Anforderungen.",
-        },
-        {
-          id: "cf2",
-          title: "Kann ich die Stimme anpassen?",
-          content: "Ja, wir bieten verschiedene natürliche Stimmen zur Auswahl.",
-        },
-      ]}
+      faqs={[]}
     />
   </div>
 
@@ -191,12 +115,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "VoiceLinkAI",
-          items: [
-            {
-              label: "Kein Anruf bleibt mehr unbeantwortet.",
-              href: "#",
-            },
+          title: "VoiceLinkAI",          items: [
+            { label: "Kein Anruf bleibt mehr unbeantwortet.", href: "#" },
           ],
         },
       ]}
@@ -206,4 +126,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1