"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Zap, Target, Brain, TrendingUp, Users, Clock, Star, Volume2, CheckCircle, MessageCircle, Link, Calendar, Database, Linkedin, Twitter, Mail, Cpu, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Signalate AI"
          navItems={[
            { name: "How It Works", id: "features" },
            { name: "Results", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Start Free Demo", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          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}
          tag="AI-Powered Automation"
          tagIcon={Zap}
          buttons={[
            { text: "Book Your Demo", href: "#contact" },
            { text: "Learn More", href: "#features" },
          ]}
          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"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Mission"
          tagIcon={Target}
          title="Maximize Revenue From Every Lead Without Hiring More Staff"
          useInvertedBackground={true}
          buttons={[{ text: "Discover Our Solution", href: "#features" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="How Our AI Voice Agent Works"
          description="Four simple steps to convert your leads into booked meetings automatically"
          tag="The Process"
          tagIcon={Brain}
          features={[
            {
              id: 1,
              tag: "Trigger",              title: "Lead Enters System",              subtitle: "Instant activation from any source.",              description: "When a lead comes in through Meta Ads, your website form, or any integration, our system immediately recognizes it and prepares for outreach.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-showing-a-lead-form-or-meta-1772536918911-dbf92334.png",              imageAlt: "Lead entry into system"
            },
            {
              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"
            },
            {
              id: 3,
              tag: "Qualify",              title: "Smart Qualification",              subtitle: "Structured, intelligent questions.",              description: "The AI asks strategic, qualification questions to understand the prospect's needs, timeline, and fit for your services. All responses are recorded and analyzed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-showing-an-ai-voice-agent-h-1772536920238-1ab58428.png?_wi=1",              imageAlt: "AI conversation with prospect"
            },
            {
              id: 4,
              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>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="The Results Speak For Themselves"
          description="Our clients experience significant improvements in lead conversion and operational efficiency"
          metrics={[
            {
              id: "1",              value: "3",              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: "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,
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="See how companies across different industries are transforming their lead conversion"
          tag="Customer Success"
          tagIcon={Star}
          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: "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: "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"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="solution-features" data-section="solution-features">
        <FeatureCardTen
          title="Our Core Technology"
          description="Built for speed, reliability, and human-like interaction"
          tag="Advanced AI"
          tagIcon={Cpu}
          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: {
                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: [
                { icon: Volume2, text: "Human-quality voice generation" },
                { icon: Zap, text: "Real-time response capability" },
                { icon: Globe, text: "Multi-language support" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Intelligent Conversation Logic",              description: "Trained on thousands of successful sales conversations, our AI adapts to different prospect responses, handles objections gracefully, and always steers toward qualification and booking.",              media: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/illustration-showing-an-ai-voice-agent-h-1772536920238-1ab58428.png?_wi=2"
              },
              items: [
                { icon: Brain, text: "Context-aware responses" },
                { icon: MessageCircle, text: "Objection handling" },
                { icon: CheckCircle, text: "Structured qualification" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Seamless CRM Integration",              description: "Works with your existing tools. Direct integration with all major CRM systems, calendar platforms, and lead sources. Data flows automatically without manual entry.",              media: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtFGUyOE11Q1qQrYhkOTjSvF2/a-sleek-modern-ai-voice-agent-interface--1772536918422-5737e15c.png?_wi=2"
              },
              items: [
                { icon: Link, text: "CRM sync & data logging" },
                { icon: Calendar, text: "Calendar integration" },
                { icon: Database, text: "Complete call recording" },
              ],
              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."
          animationType="entrance-slide"
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Schedule Demo", href: "mailto:demo@signalate.ai" },
            { text: "View Pricing", href: "#" },
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Signalate AI"
          copyrightText="© 2025 Signalate AI | Intelligent Lead Conversion"
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com/company/signalate-ai", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/signalate_ai", ariaLabel: "Twitter" },
            { icon: Mail, href: "mailto:hello@signalate.ai", ariaLabel: "Email" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
