Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -9,12 +9,11 @@ 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, Calendar } from "lucide-react";
 
 export default function LandingPage() {
-  const cardStyle = "soft-shadow ring-1 ring-orange-500/30 animate-pulse";
-  
+  const CALENDLY_URL = "https://calendly.com/your-profile";
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -23,7 +22,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 +31,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "KI-Telefonassistent", id: "hero" },
-        { name: "Stats", id: "stats" },
+        { name: "About", id: "about" },
+        { name: "FAQ", id: "faq" },
+        { name: "Testimonials", id: "testimonial" },
+        { name: "Contact", id: "contact" },
       ]}
       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: "31% Umsatzwachstum durch KI-Automatisierung",          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."
+      buttons={[{ text: "Jetzt buchen", href: CALENDLY_URL }]}
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <TextSplitAbout
+      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: "Beratung vereinbaren", href: CALENDLY_URL }]}
     />
   </div>
 
@@ -75,32 +73,30 @@ 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."},
+      ]}
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      cardClassName={cardStyle}
       cardTitle="Was unsere Kunden sagen"
       cardTag="Erfolge"
       cardAnimation="slide-up"
-      testimonials={[]}
-    />
-  </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."]}
+      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" },
+      ]}
     />
   </div>
 
@@ -111,9 +107,12 @@ export default function LandingPage() {
       ctaTitle="Bereit zur Automatisierung?"
       ctaDescription="Vereinbaren Sie noch heute Ihr persönliches Beratungsgespräch."
       ctaButton={{
-        text: "Beratung vereinbaren",        href: "#"}}
-      ctaIcon={Phone}
-      faqs={[]}
+        text: "Beratung vereinbaren",        href: CALENDLY_URL}}
+      ctaIcon={Calendar}
+      faqs={[
+        {
+          id: "cf1",          title: "Live Support",          content: "<iframe src=\"https://calendly.com/your-profile\" width=\"100%\" height=\"500\" frameborder=\"0\"></iframe>"},
+      ]}
     />
   </div>
 
@@ -122,7 +121,8 @@ export default function LandingPage() {
       columns={[
         {
           title: "VoiceLinkAI",          items: [
-            { label: "Kein Anruf bleibt mehr unbeantwortet.", href: "#" },
+            { label: "Über uns", href: "#about" },
+            { label: "Kontakt", href: "#contact" },
           ],
         },
       ]}