Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -9,9 +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 { Phone } from "lucide-react";
+import { Phone, Calendar } from "lucide-react";
 
 export default function LandingPage() {
+  const CALENDLY_URL = "https://calendly.com/your-profile";
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -20,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"
@@ -29,10 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Stats",
-          id: "stats",
-        },
+        { name: "About", id: "about" },
+        { name: "FAQ", id: "faq" },
+        { name: "Testimonials", id: "testimonial" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="VoiceLinkAI"
     />
@@ -45,29 +47,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       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: "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: "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: "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 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>
 
@@ -80,30 +78,11 @@ export default function LandingPage() {
       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: "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: "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.",
-        },
+          id: "f3",          title: "Kann die KI auch Termine buchen?",          content: "Absolut. Die KI greift auf Ihren Kalender zu und bucht Termine vollautomatisch."},
       ]}
     />
   </div>
@@ -115,48 +94,8 @@ export default function LandingPage() {
       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",
-        },
-      ]}
-    />
-  </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: "Jetzt kostenlos testen",
-          href: "#",
-        },
+        { 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>
@@ -168,21 +107,11 @@ 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}
+        text: "Beratung vereinbaren",        href: CALENDLY_URL}}
+      ctaIcon={Calendar}
       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.",
-        },
+          id: "cf1",          title: "Live Support",          content: "<iframe src=\"https://calendly.com/your-profile\" width=\"100%\" height=\"500\" frameborder=\"0\"></iframe>"},
       ]}
     />
   </div>
@@ -191,12 +120,9 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "VoiceLinkAI",
-          items: [
-            {
-              label: "Kein Anruf bleibt mehr unbeantwortet.",
-              href: "#",
-            },
+          title: "VoiceLinkAI",          items: [
+            { label: "Über uns", href: "#about" },
+            { label: "Kontakt", href: "#contact" },
           ],
         },
       ]}
@@ -206,4 +132,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}