"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Industries",          id: "/industry-solutions"},
        {
          name: "Case Studies",          id: "/case-studies"},
        {
          name: "About Us",          id: "/about-us"},
        {
          name: "Contact",          id: "/contact"}
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg"
      logoAlt="AI Voice Agency Logo"
      brandName="AI Voice Agency"
      button={{
        text: "Book A Demo",        href: "/book-demo"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "glowing-orb"
      }}
      title="AI Voice Agents That Answer, Qualify & Book Customers 24/7"
      description="We build intelligent AI voice agents that answer calls, qualify leads, book appointments, and help businesses grow without hiring additional staff."
      testimonials={[
        {
          name: "Sarah Chen",          handle: "@sarahc_ceo",          testimonial: "Our AI Agent has revolutionized our lead qualification. We're booking more demos with less manual effort, a true game-changer!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",          imageAlt: "Sarah Chen, CEO"
        },
        {
          name: "John M. Davis",          handle: "@johnd_sales",          testimonial: "The AI's ability to handle initial customer calls has freed up our team to focus on high-value interactions. Phenomenal!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",          imageAlt: "John M. Davis, Sales Director"
        },
        {
          name: "Emily R. White",          handle: "@emilyw_ops",          testimonial: "Implementing the AI appointment setter drastically reduced our no-show rates and optimized our calendar. Highly recommend!",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",          imageAlt: "Emily R. White, Operations Manager"
        },
        {
          name: "David S. Lee",          handle: "@davidl_mktg",          testimonial: "The outbound calling feature allowed us to scale our outreach efforts without increasing headcount. Impressive results!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",          imageAlt: "David S. Lee, Marketing Lead"
        },
        {
          name: "Maria P. Garcia",          handle: "@mariag_cs",          testimonial: "Our customer support efficiency has soared. The AI handles routine queries, leaving complex cases for human agents.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg",          imageAlt: "Maria P. Garcia, Customer Success"
        }
      ]}
      tag="Next-Gen AI Voice"
      buttons={[
        {
          text: "Talk To AI Agent",          onClick: () => alert('AI Agent Interaction Placeholder')
        },
        {
          text: "Book A Demo",          href: "/book-demo"
        }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cosmic-background-with-blue-laser-lights_181624-15764.jpg"
      imageAlt="Glowing AI Orb with animated voice waveform and floating business icons."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg",          alt: "Happy customer avatar"
        },
        {
          src: "http://img.b2bpic.net/free-photo/spectacular-african-man-with-sincere-smile-posing-outdoor-photo-cute-black-male-model-glasses-headphones_197531-21894.jpg",          alt: "Satisfied client avatar"
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",          alt: "Business partner avatar"
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",          alt: "Team member avatar"
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",          alt: "Advisor avatar"
        }
      ]}
      avatarText="Join 5,000+ businesses automating their growth"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/desk-supplies-arrangement-still-life-top-view_23-2149511866.jpg",          alt: "InnovateCo"
        },
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oa6il6",          alt: "DataFlow Solutions"
        },
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mixcay",          alt: "NexusAI"
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/professional-data-logo-template_23-2149221609.jpg",          alt: "ScaleUp Corp"
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/two-smartphones-inside-geometric-neon-frame_187299-46537.jpg",          alt: "WealthSync"
        }
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "InnovateCo",        "DataFlow Solutions",        "NexusAI",        "ScaleUp Corp",        "WealthSync",        "ShopFlow",        "SecureNet"
      ]}
      title="Trusted By Growing Businesses"
      showCard={false}
      description="See why industry leaders trust our AI voice agents for their critical business operations."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      features={[
        {
          title: "AI Receptionist",          description: "Greet callers, answer FAQs, and route calls with human-like precision, ensuring no lead is missed.",          imageSrc: "http://img.b2bpic.net/free-vector/robot-head-composition-with-hi-tech-style-black-white-helmet-with-headphones-unplugged-wire-vector-illustration_98292-75.jpg",          imageAlt: "AI Receptionist icon"
        },
        {
          title: "AI Appointment Setter",          description: "Automatically qualify leads and book appointments directly into your calendar, saving countless hours.",          imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-paper-front-side_187299-39612.jpg",          imageAlt: "AI Appointment Setter icon"
        },
        {
          title: "AI Lead Qualification",          description: "Engage prospects, ask key qualification questions, and identify high-value leads for your sales team.",          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-103.jpg",          imageAlt: "AI Lead Qualification icon"
        },
        {
          title: "AI Customer Support",          description: "Provide instant, 24/7 support, resolving common issues and escalating complex queries seamlessly.",          imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg",          imageAlt: "AI Customer Support icon"
        },
        {
          title: "AI Follow Ups",          description: "Automate personalized follow-up calls and messages, nurturing leads and reinforcing customer relationships.",          imageSrc: "http://img.b2bpic.net/free-photo/clock-with-arrow-time-concept_187299-46702.jpg",          imageAlt: "AI Follow Ups icon"
        },
        {
          title: "CRM Integration",          description: "Sync call data, transcripts, and appointments directly with your existing CRM for a unified view.",          imageSrc: "http://img.b2bpic.net/free-vector/illustration-cloud-storage_53876-5616.jpg",          imageAlt: "CRM Integration icon"
        },
        {
          title: "Outbound Calling",          description: "Launch automated outbound campaigns for lead generation, surveys, and proactive customer engagement.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-with-play-dough-red-heart_23-2149554815.jpg",          imageAlt: "Outbound Calling icon"
        },
        {
          title: "Analytics & Reporting",          description: "Gain deep insights into call performance, agent effectiveness, and customer interactions with comprehensive reports.",          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic_23-2148382087.jpg",          imageAlt: "Analytics & Reporting icon"
        }
      ]}
      title="Transform Your Business with Intelligent AI Voice Agents"
      description="Our AI voice agents are designed to handle a wide range of tasks, empowering your business to grow efficiently and effectively."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Step 1: Customer Calls",          description: "A customer initiates a call to your business line, expecting a human interaction.",          imageSrc: "http://img.b2bpic.net/free-vector/illustration-speech-bubble_53876-40887.jpg",          imageAlt: "Customer Calls icon"
        },
        {
          title: "Step 2: AI Answers",          description: "Our intelligent AI voice agent answers instantly, greeting the caller with a natural, human-like voice.",          imageSrc: "http://img.b2bpic.net/free-vector/ai-chatbot-set_78370-9700.jpg",          imageAlt: "AI Answers icon"
        },
        {
          title: "Step 3: AI Qualifies",          description: "The AI engages the caller in a natural conversation, asking key questions to understand their needs and qualify them as a lead.",          imageSrc: "http://img.b2bpic.net/free-vector/academy-25-flat-color-icon-pack-including-time-schedule-idea-plan-books_1142-26827.jpg",          imageAlt: "AI Qualifies icon"
        },
        {
          title: "Step 4: AI Books Appointment",          description: "Once qualified, the AI seamlessly schedules an appointment or demo directly into your calendar based on your availability.",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-icon-left-side-white-background_187299-40140.jpg",          imageAlt: "AI Books Appointment icon"
        },
        {
          title: "Step 5: Appointment Added To Calendar",          description: "The confirmed appointment is automatically added to your team's calendar and CRM, with all relevant call details.",          imageSrc: "http://img.b2bpic.net/free-photo/classic-alarm-clock_74190-1429.jpg",          imageAlt: "Appointment Added To Calendar icon"
        }
      ]}
      title="How Our AI Voice Agents Work"
      description="Experience a seamless, automated workflow designed to maximize efficiency and capture every opportunity."
    />
  </div>

  <div id="industries" data-section="industries">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "real-estate",          name: "Real Estate",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666369.jpg",          imageAlt: "Real Estate industry illustration"
        },
        {
          id: "dental",          name: "Dental Clinics",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg",          imageAlt: "Dental Clinics industry illustration"
        },
        {
          id: "medical",          name: "Medical Practices",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-chemist-wearing-safety-glasses-lab-looking-camera-team-scientists-doctors-examining-virus-evolution-using-high-tech-chemistry-tools-scientific-research-vaccine_482257-3956.jpg",          imageAlt: "Medical Practices industry illustration"
        },
        {
          id: "legal",          name: "Law Firms",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163123.jpg",          imageAlt: "Law Firms industry illustration"
        },
        {
          id: "roofing",          name: "Roofing Companies",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",          imageAlt: "Roofing Companies industry illustration"
        },
        {
          id: "hvac",          name: "HVAC Businesses",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103087.jpg",          imageAlt: "HVAC Businesses industry illustration"
        },
        {
          id: "insurance",          name: "Insurance Agencies",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-choosing-car-car-showroom_1303-21062.jpg",          imageAlt: "Insurance Agencies industry illustration"
        },
        {
          id: "solar",          name: "Solar Companies",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/bulb-meadow-with-house_1134-163.jpg",          imageAlt: "Solar Companies industry illustration"
        },
        {
          id: "ecommerce",          name: "Ecommerce Businesses",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/mobile-customer-feedback_23-2151952977.jpg",          imageAlt: "Ecommerce Businesses industry illustration"
        },
        {
          id: "education",          name: "Education Institutions",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg",          imageAlt: "Education Institutions industry illustration"
        }
      ]}
      title="AI Voice Solutions Across Key Industries"
      description="Our AI voice agents are custom-trained to excel in diverse sectors, understanding industry-specific nuances and delivering tailored results."
    />
  </div>

  <div id="statistics" data-section="statistics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "availability",          value: "24/7",          description: "Availability"
        },
        {
          id: "response-rate",          value: "98%",          description: "Response Rate"
        },
        {
          id: "cost-reduction",          value: "70%",          description: "Cost Reduction"
        },
        {
          id: "lead-response",          value: "10X Faster",          description: "Lead Response"
        }
      ]}
      title="Unleash Unrivaled Performance with Our AI"
      description="Our AI Voice Agents deliver measurable impact, driving efficiency and superior customer experiences for your business."
    />
  </div>

  <div id="final-cta" data-section="final-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"
      }}
      tag="Ready to Transform?"
      title="Ready To Stop Missing Leads?"
      description="Connect with an AI agent instantly or schedule a personalized demo to see how we can revolutionize your customer interactions and growth."
      buttons={[
        {
          text: "Talk To AI Agent",          onClick: () => alert('AI Agent Interaction Placeholder')
        },
        {
          text: "Book A Demo",          href: "/book-demo"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg"
      logoAlt="AI Voice Agency Logo"
      logoText="AI Voice Agency"
      leftLink={{
        text: "Privacy Policy",        href: "#"
      }}
      rightLink={{
        text: "Terms of Service",        href: "#"
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
