Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -9,12 +9,9 @@ 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 HeroCentered from '@/components/sections/hero/HeroCentered';
-import { Phone, CheckCircle, Clock, Zap } from "lucide-react";
+import { Phone } from "lucide-react";
 
 export default function LandingPage() {
-  const cardStyle = "soft-shadow ring-1 ring-orange-500/30 animate-pulse";
-  
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -23,7 +20,7 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="mediumSizeLargeTitles"
         background="aurora"
-        cardStyle="soft-shadow"
+        cardStyle="solid"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="layered"
         headingFontWeight="medium"
@@ -32,42 +29,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "KI-Telefonassistent", id: "hero" },
-        { name: "Stats", id: "stats" },
+        {
+          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={true}
-      cardClassName={cardStyle}
+      useInvertedBackground={false}
       metrics={[
-        { 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?_wi=1" },
-        { 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?_wi=2" },
-        { 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?_wi=3" },
-        { 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?_wi=4" }
+        {
+          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"},
       ]}
-      title="VoiceLinkAI Badge"
-      description="VoiceLinkAI"
+      title="VoiceLinkAI Performance Report"
+      description="Die Auswirkungen unserer KI-gestützten Kundenkommunikation auf Ihren Unternehmenserfolg."
     />
   </div>
 
@@ -75,32 +58,55 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="default"
       useInvertedBackground={false}
-      accordionClassName={cardStyle}
       title="Häufige Fragen"
       description="Alles, was Sie über unsere KI-Lösungen wissen müssen."
       faqsAnimation="slide-up"
-      faqs={[]}
+      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."},
+      ]}
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      cardClassName={cardStyle}
       cardTitle="Was unsere Kunden sagen"
       cardTag="Erfolge"
       cardAnimation="slide-up"
-      testimonials={[]}
+      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"},
+      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
-      className={cardStyle}
       title="Ihre Kunden verdienen sofortige Antworten."
       description={[
-        "Verpasste Anrufe sind verschenktes Geld. Mit VoiceLinkAI stellen Sie sicher, dass jeder Lead qualifiziert wird."]}
+        "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: "#"},
+      ]}
     />
   </div>
 
@@ -113,7 +119,12 @@ export default function LandingPage() {
       ctaButton={{
         text: "Beratung vereinbaren",        href: "#"}}
       ctaIcon={Phone}
-      faqs={[]}
+      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."},
+      ]}
     />
   </div>
 
@@ -122,7 +133,8 @@ export default function LandingPage() {
       columns={[
         {
           title: "VoiceLinkAI",          items: [
-            { label: "Kein Anruf bleibt mehr unbeantwortet.", href: "#" },
+            {
+              label: "Kein Anruf bleibt mehr unbeantwortet.",              href: "#"},
           ],
         },
       ]}