Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -41,26 +41,33 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroBillboard
           title="Transform Leads Into Booked Meetings Instantly"
           description="Signalate AI Voice Agents automatically call, qualify, and book appointments for your leads 24/7. No missed opportunities. No manual follow-ups. Just pure conversion efficiency."
-          background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "2 mins", label: "Average Lead Response Time" },
-            { value: "87%", label: "Higher Conversion Rates" },
-            { value: "24/7", label: "Continuous Availability" },
-          ]}
-          enableKpiAnimation={true}
+          background={{ variant: "sparkles-gradient" }}
           tag="AI-Powered Automation"
           tagIcon={Zap}
           buttons={[
             { text: "Book Your Demo", href: "#contact" },
             { text: "Learn More", href: "#features" },
           ]}
+          avatars={[
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536918008-31b05acf.png", alt: "Marcus Hoffmann" },
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-female-busine-1772536917232-bce8b99a.png", alt: "Lisa Meyer" },
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536916761-2e15e14b.png", alt: "Thomas Richter" },
+          ]}
+          avatarText="Trusted by 50+ companies"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/a-sleek-modern-ai-voice-agent-interface--1772536918422-5737e15c.png?_wi=1"
           imageAlt="Signalate AI Voice Agent Dashboard"
           mediaAnimation="slide-up"
-          imagePosition="right"
+          marqueeItems={[
+            { type: "text", text: "87% Higher Conversion" },
+            { type: "text", text: "2 Min Response Time" },
+            { type: "text", text: "24/7 Availability" },
+            { type: "text", text: "3x More Meetings" },
+          ]}
+          marqueeSpeed={30}
+          showMarqueeCard={true}
         />
       </div>
 
@@ -80,6 +87,8 @@ export default function LandingPage() {
           description="Four simple steps to convert your leads into booked meetings automatically"
           tag="The Process"
           tagIcon={Brain}
+          textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             {
               id: 1,
@@ -87,7 +96,7 @@ export default function LandingPage() {
             },
             {
               id: 2,
-              tag: "Outreach",              title: "Automatic Call",              subtitle: "Natural, human-like conversation.",              description: "Our AI Voice Agent calls the lead within minutes, speaking naturally and professionally. The prospect has no idea they're talking to an AI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-of-an-ai-voice-agent-making-1772536917995-11ad4065.png?_wi=1",              imageAlt: "AI making outbound call"
+              tag: "Outreach",              title: "Automatic Call",              subtitle: "Natural, human-like conversation.",              description: "Our AI Voice Agent calls the lead within minutes, speaking naturally and professionally. The prospect has no idea they are talking to an AI.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-of-an-ai-voice-agent-making-1772536917995-11ad4065.png?_wi=1",              imageAlt: "AI making outbound call"
             },
             {
               id: 3,
@@ -98,8 +107,6 @@ export default function LandingPage() {
               tag: "Convert",              title: "Automatic Booking",              subtitle: "Direct calendar integration.",              description: "If the lead is qualified, our AI directly books an appointment in your calendar system. Zero follow-up required. Zero leads fall through the cracks.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-showing-a-calendar-with-an--1772536918979-8c3017c8.png",              imageAlt: "Calendar booking confirmation"
             },
           ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -107,18 +114,20 @@ export default function LandingPage() {
         <MetricCardOne
           title="The Results Speak For Themselves"
           description="Our clients experience significant improvements in lead conversion and operational efficiency"
+          tag="Key Metrics"
+          tagIcon={TrendingUp}
           metrics={[
             {
-              id: "1",              value: "3",              title: "More Booked Meetings",              description: "Average increase in qualified appointments per month",              icon: TrendingUp,
+              id: "1",              value: "3x",              title: "More Booked Meetings",              description: "Average increase in qualified appointments per month",              icon: TrendingUp,
             },
             {
-              id: "2",              value: "92",              title: "Lead Coverage",              description: "Percentage of leads contacted automatically",              icon: Users,
+              id: "2",              value: "92%",              title: "Lead Coverage",              description: "Percentage of leads contacted automatically",              icon: Users,
             },
             {
-              id: "3",              value: "73",              title: "Time Savings",              description: "Less manual work on lead qualification",              icon: Clock,
+              id: "3",              value: "73%",              title: "Time Savings",              description: "Less manual work on lead qualification",              icon: Clock,
             },
             {
-              id: "4",              value: "156",              title: "ROI Improvement",              description: "Average return on lead investment increase",              icon: Target,
+              id: "4",              value: "156%",              title: "ROI Improvement",              description: "Average return on lead investment increase",              icon: Target,
             },
           ]}
           gridVariant="uniform-all-items-equal"
@@ -134,22 +143,22 @@ export default function LandingPage() {
           description="See how companies across different industries are transforming their lead conversion"
           tag="Customer Success"
           tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              name: "Marcus Hoffmann, CEO - Solar Energy Solutions GmbH",              date: "Date: November 2024",              title: "Reduced our lead response time from 24 hours to 2 minutes",              quote: "Our conversion rate has skyrocketed since implementing Signalate AI. We're now booking 3x more appointments with the same team size. The AI sounds so natural that most leads can't tell they're not talking to a real person. This is a game-changer for our industry.",              tag: "Solar/Renewable Energy",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536918008-31b05acf.png",              avatarAlt: "Marcus Hoffmann",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/modern-office-or-solar-panel-installatio-1772536918639-b83d8366.png"
+              id: "1",              name: "Marcus Hoffmann, CEO - Solar Energy Solutions GmbH",              date: "Date: November 2024",              title: "Reduced our lead response time from 24 hours to 2 minutes",              quote: "Our conversion rate has skyrocketed since implementing Signalate AI. We are now booking 3x more appointments with the same team size. The AI sounds so natural that most leads cannot tell they are not talking to a real person. This is a game-changer for our industry.",              tag: "Solar/Renewable Energy",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536918008-31b05acf.png",              avatarAlt: "Marcus Hoffmann",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/modern-office-or-solar-panel-installatio-1772536918639-b83d8366.png"
             },
             {
               id: "2",              name: "Lisa Meyer, Founder - Meyer Coaching Academy",              date: "Date: October 2024",              title: "Never missed a lead again - and I hired no additional staff",              quote: "As a coach, my biggest challenge was following up on leads quickly. Signalate AI has eliminated that problem entirely. Every lead gets called immediately, and qualified prospects are already scheduled in my calendar before I even wake up. My booking rate jumped from 15% to 45% of all inquiries.",              tag: "Coaching & Consulting",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-female-busine-1772536917232-bce8b99a.png",              avatarAlt: "Lisa Meyer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-coaching-or-consulting-sess-1772536918065-0749b33e.png"
             },
             {
-              id: "3",              name: "Thomas Richter, Owner - Küchenstudio Richter",              date: "Date: September 2024",              title: "From overwhelmed to perfectly organized lead flow",              quote: "We were getting crushed by incoming leads from Meta Ads but couldn't follow up fast enough. Half our leads went cold. Now, Signalate AI handles the initial contact and qualification, and I only take serious prospects. My closing rate is up 60%, and my team is actually happy because they're not constantly on the phone.",              tag: "Kitchen Design & Sales",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536916761-2e15e14b.png",              avatarAlt: "Thomas Richter",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/modern-kitchen-showroom-or-design-studio-1772536918288-34e73fc0.png"
+              id: "3",              name: "Thomas Richter, Owner - Küchenstudio Richter",              date: "Date: September 2024",              title: "From overwhelmed to perfectly organized lead flow",              quote: "We were getting crushed by incoming leads from Meta Ads but could not follow up fast enough. Half our leads went cold. Now, Signalate AI handles the initial contact and qualification, and I only take serious prospects. My closing rate is up 60%, and my team is actually happy because they are not constantly on the phone.",              tag: "Kitchen Design & Sales",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-male-business-1772536916761-2e15e14b.png",              avatarAlt: "Thomas Richter",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/modern-kitchen-showroom-or-design-studio-1772536918288-34e73fc0.png"
             },
             {
-              id: "4",              name: "Angela Werner, Managing Director - Werner Services Group",              date: "Date: August 2024",              title: "Our competitors don't stand a chance anymore",              quote: "Response time is everything in our industry. Signalate AI gives us a 20x speed advantage over competitors who still rely on manual calling. We're closing deals before other companies even call the lead back. The ROI has been extraordinary.",              tag: "Service Industry",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-female-busine-1772536918164-532508d2.png",              avatarAlt: "Angela Werner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-service-team-in-a-modern-of-1772536919015-0f62a4cf.png"
+              id: "4",              name: "Angela Werner, Managing Director - Werner Services Group",              date: "Date: August 2024",              title: "Our competitors do not stand a chance anymore",              quote: "Response time is everything in our industry. Signalate AI gives us a 20x speed advantage over competitors who still rely on manual calling. We are closing deals before other companies even call the lead back. The ROI has been extraordinary.",              tag: "Service Industry",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-headshot-of-a-female-busine-1772536918164-532508d2.png",              avatarAlt: "Angela Werner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/professional-service-team-in-a-modern-of-1772536919015-0f62a4cf.png"
             },
           ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -159,9 +168,12 @@ export default function LandingPage() {
           description="Built for speed, reliability, and human-like interaction"
           tag="Advanced AI"
           tagIcon={Cpu}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
           features={[
             {
-              id: "1",              title: "Natural Voice Synthesis",              description: "Our AI speaks naturally with perfect intonation, pacing, and emotion. Prospects forget they're not talking to a real person. Crystal clear audio quality across all connections.",              media: {
+              id: "1",              title: "Natural Voice Synthesis",              description: "Our AI speaks naturally with perfect intonation, pacing, and emotion. Prospects forget they are not talking to a real person. Crystal clear audio quality across all connections.",              media: {
                 imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-of-an-ai-voice-agent-making-1772536917995-11ad4065.png?_wi=2"
               },
               items: [
@@ -194,15 +206,12 @@ export default function LandingPage() {
               reverse: false,
             },
           ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to multiply your qualified leads without hiring more staff? Let's schedule your personalized demo and show you exactly how Signalate AI can transform your lead conversion."
+          text="Ready to multiply your qualified leads without hiring more staff? Let us schedule your personalized demo and show you exactly how Signalate AI can transform your lead conversion."
           animationType="entrance-slide"
           background={{ variant: "sparkles-gradient" }}
           buttons={[