"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
import { Award, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Solutions",          id: "/#solutions"},
        {
          name: "Impact",          id: "/#impact"},
        {
          name: "How it Works",          id: "/#how-it-works"},
        {
          name: "Calculator",          id: "/calculator"},
        {
          name: "Pricing",          id: "/#pricing"},
        {
          name: "Testimonials",          id: "/#testimonials"},
        {
          name: "Contact",          id: "/#contact"},
      ]}
      logoSrc="asset://1_1709403332503_group-19-1-svg"
      logoAlt="elevai8 Logo"
      brandName="elevai8"
      button={{
        text: "Get Free Demo",          href: "/#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient"}}
      title="ELEVAI8"
      description="Helping service businesses scale with AI, automation and smarter systems. Our AI receptionists ensure every interaction is captured, appointments booked seamlessly, and your CRM and calendar stay perfectly synced. Discover how we drive service business growth through real business acquisitions and sales."
      tag="AI-Powered Business Solutions"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get Free Demo",          href: "/#contact"},
        {
          text: "See Solutions",          href: "/#solutions"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EbnErbzSdeKWK9EfEOzxxh1KWC/uploaded-1780457104858-5jzcexku.png",          imageAlt: "AI-powered business solutions"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="About elevai8: Your Partner in AI-Powered Business Growth"
    />
  </div>

  <div id="solutions" data-section="solutions">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "AI Receptionist & Call Answering",          description: "Our AI answers every call, provides instant information, and filters out spam, ensuring your team only engages with qualified leads.",          imageSrc: "http://img.b2bpic.net/free-photo/female-student-listening-favorite-songs-solving-school-assignment_482257-126987.jpg",          imageAlt: "AI assistant answering calls",          titleImageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-suit-headphones-with-microphone-holding-measure-tape-looking-aside-puzzled-sitting-table-offise-white-background_141793-53890.jpg",          buttonText: "Learn More"},
        {
          title: "CRM & Calendar Integration",          description: "Automatically update your CRM with new leads and seamlessly book appointments directly into your existing calendar system.",          imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133696.jpg",          imageAlt: "CRM and calendar synchronization",          titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-calendar-app_116348-5.jpg",          buttonText: "Discover Integrations"},
        {
          title: "Missed Call AI Recovery",          description: "Turn missed calls into opportunities. Our AI intelligently follows up, re-engages prospects, and helps convert lost leads.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-clicking-virtual-button_651396-889.jpg",          imageAlt: "Missed call recovery illustration",          titleImageSrc: "http://img.b2bpic.net/free-photo/music-streaming-app-mobile-phone_53876-98071.jpg",          buttonText: "See Recovery"},
        {
          title: "24/7 Availability & Support",          description: "Your AI receptionist never sleeps. Provide round-the-clock service to your clients, booking appointments and answering queries anytime.",          imageSrc: "http://img.b2bpic.net/free-photo/angry-customer-service-operator-talking-phone-office_1301-7545.jpg",          imageAlt: "24/7 AI availability",          titleImageSrc: "http://img.b2bpic.net/free-photo/wooden-man-figurine-blue-wall_169016-5177.jpg",          buttonText: "Explore Benefits"},
      ]}
      title="AI & Automation: Scaling Service Businesses with Smarter Systems"
      description="Explore how elevai8's AI streamlines operations, enhances customer experience, and drives conversions, covering AI receptionists, business automation, and real business acquisitions and sales."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "2,400+",          title: "Businesses Calculated",          description: "Number of businesses that have used our calculator to identify lost revenue.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160928.jpg",          imageAlt: "Upward trending graph"},
        {
          id: "m2",          value: "$1.2M",          title: "Avg Annual Loss Discovered",          description: "Average revenue identified as being lost annually due to missed calls, per business.",          imageSrc: "http://img.b2bpic.net/free-photo/night-office-work_1098-16444.jpg",          imageAlt: "Dollar amount with loss indicator"},
        {
          id: "m3",          value: "94%",          title: "Call Answer Rate",          description: "Our AI ensures an exceptional call answer rate, capturing almost every incoming client interaction.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-home-office_329181-4279.jpg",          imageAlt: "Phone answering icon with high percentage"},
        {
          id: "m4",          value: "5 Days",          title: "Avg Time to Go Live",          description: "From onboarding to full operation, our AI solutions are rapidly deployed to impact your business faster.",          imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",          imageAlt: "Calendar with 5 days highlighted"},
      ]}
      title="Real Impact: Stop Losing Revenue to Missed Calls"
      description="Our clients experience significant improvements in lead recovery and operational efficiency. See the numbers that drive real growth for businesses like yours."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
    <TimelineProcessFlow
      title="How elevai8 Transforms Your Business"
      description="Discover the seamless process of automating your client interactions, from initial contact to follow-up, ensuring every opportunity is captured."
      animationType="slide-up"
      textboxLayout="default"
      items={[
        {
          content: (
            <div className="space-y-4">
              <h3 className="text-2xl font-semibold">The Problem: Missed Opportunities</h3>
              <p className="text-lg text-foreground-secondary">Every missed call is a potential client lost. Without a 24/7 answering system, your business is constantly bleeding revenue, especially outside of standard operating hours. Leads slip through the cracks, leading to frustrated customers and untapped growth.</p>
            </div>
          ),
          media: (
            <img
              src="http://img.b2bpic.net/free-photo/phone-with-missed-call-notifications_23-2149539070.jpg"
              alt="Phone with missed call notifications"
              className="w-full h-auto object-cover rounded-lg shadow-lg"
            />
          ),
          reverse: false,
        },
        {
          content: (
            <div className="space-y-4">
              <h3 className="text-2xl font-semibold">The Solution: AI-Powered Call Activity</h3>
              <p className="text-lg text-foreground-secondary">Our AI receptionist ensures every call is answered, every query is addressed, and every lead is engaged. From booking appointments to providing instant information, the AI works tirelessly, capturing interactions that would otherwise be missed and syncing directly with your CRM and calendar.</p>
            </div>
          ),
          media: (
            <img
              src="http://img.b2bpic.net/free-photo/headset-with-microphone-on-desk_23-2149531584.jpg"
              alt="AI call activity dashboard"
              className="w-full h-auto object-cover rounded-lg shadow-lg"
            />
          ),
          reverse: true,
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "AI Call Assistant",          price: "Smart Automation",          variant: "Never miss a call",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-front-desk-receptionist-waiting-greet-patients-private-practice-clinic-lobby-professional-healthcare-worker-offering-support-hospital-appointments_482257-46746.jpg",          imageAlt: "AI voice assistant icon"},
        {
          id: "p2",          name: "CRM & Calendar Sync",          price: "Seamless Integration",          variant: "Always up-to-date",          imageSrc: "http://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",          imageAlt: "CRM and calendar integration graphic"},
        {
          id: "p3",          name: "Smart Appointment Booking",          price: "24/7 Scheduling",          variant: "Automated and efficient",          imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-122380.jpg",          imageAlt: "Digital appointment booking interface"},
        {
          id: "p4",          name: "Lead Qualification",          price: "Filter & Prioritize",          variant: "Focus on high-value leads",          imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377142.jpg",          imageAlt: "Lead qualification funnel diagram"},
        {
          id: "p5",          name: "Customized AI Persona",          price: "Brand-Aligned",          variant: "Tailored to your business",          imageSrc: "http://img.b2bpic.net/free-photo/macro-eye-iris_23-2151618659.jpg",          imageAlt: "Customizable AI persona graphic"},
        {
          id: "p6",          name: "Performance Analytics",          price: "Actionable Insights",          variant: "Monitor and optimize",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg",          imageAlt: "AI analytics dashboard"},
      ]}
      title="Our Intelligent AI Solutions"
      description="Explore the core components of our AI platform designed to transform how your business handles client communications."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "starter",          badge: "Essential",          badgeIcon: Sparkles,
          price: "$99/month",          subtitle: "Perfect for solo practitioners & startups",          buttons: [
            {
              text: "Start Free Trial",              href: "/#contact"},
          ],
          features: [
            "AI Call Assistant (up to 200 calls/month)",            "Basic CRM Integration",            "Smart Appointment Booking",            "Missed Call Recovery"],
        },
        {
          id: "professional",          badge: "Popular",          badgeIcon: Zap,
          price: "$199/month",          subtitle: "Ideal for growing small businesses",          buttons: [
            {
              text: "Get Started",              href: "/#contact"},
          ],
          features: [
            "AI Call Assistant (up to 500 calls/month)",            "Advanced CRM Integration",            "Customizable AI Persona",            "Enhanced Missed Call Recovery",            "Performance Analytics Dashboard"],
        },
        {
          id: "enterprise",          badge: "Premium",          badgeIcon: Award,
          price: "Custom",          subtitle: "Tailored for larger practices & chains",          buttons: [
            {
              text: "Contact Us",              href: "/#contact"},
          ],
          features: [
            "Unlimited AI Call Assistant",            "Full CRM Integration Suite",            "Dedicated Account Manager",            "Priority Support",            "Bespoke AI Customization",            "Advanced Reporting & Insights"],
        },
      ]}
      title="Simple & Transparent Pricing"
      description="Choose the plan that best fits your business needs, designed to deliver maximum value without hidden costs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Dr. Sarah Johnson",          handle: "@JohnsonDental",          testimonial: "elevai8's AI receptionist has revolutionized our patient scheduling. We've seen a 30% reduction in missed calls and our appointment book is consistently full!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          imageAlt: "Portrait of Dr. Sarah Johnson",          icon: Star,
        },
        {
          id: "t2",          name: "Mark Chen",          handle: "@ChiropracticCare",          testimonial: "The CRM integration is a game-changer. All new inquiries are automatically logged, and our AI ensures follow-ups happen instantly. Pure efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-doctor-is-thinking_179666-43634.jpg",          imageAlt: "Portrait of Mark Chen",          icon: Star,
        },
        {
          id: "t3",          name: "Emily Rodriguez",          handle: "@EliteRealty",          testimonial: "We used to lose so many leads to missed calls during busy periods. Now, elevai8's AI recovers them all, turning potential losses into new clients.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg",          imageAlt: "Portrait of Emily Rodriguez",          icon: Star,
        },
        {
          id: "t4",          name: "David Kim",          handle: "@SolarSolutions",          testimonial: "Implementing elevai8 was incredibly fast – we were live in under a week! The impact on our lead management has been immediate and significant.",          imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192768.jpg",          imageAlt: "Portrait of David Kim",          icon: Star,
        },
        {
          id: "t5",          name: "Jessica Lee",          handle: "@LocalSpa",          testimonial: "Our clients love the 24/7 booking. It’s convenient for them and means we're never missing an opportunity, even outside business hours.",          imageAlt: "Portrait of Jessica Lee",          icon: Star,
        },
      ]}
      title="What Our Clients Say"
      description="Hear from small business owners who have elevated their operations and revenue with elevai8's AI solutions."
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What is an AI receptionist?",          content: "An AI receptionist is an intelligent virtual assistant that automates inbound and outbound call handling, answers common questions, books appointments, and integrates with your existing CRM and calendar systems, operating 24/7 without human intervention."},
        {
          id: "faq2",          title: "How does elevai8 handle missed calls?",          content: "Our Missed Call AI identifies unanswered calls and automatically initiates smart follow-up sequences via call, SMS, or email, aiming to re-engage the lead, answer their queries, and secure an appointment, ensuring no potential client is lost."},
        {
          id: "faq3",          title: "Is elevai8 compatible with my current CRM and calendar?",          content: "Yes, elevai8 is designed for seamless integration with a wide range of popular CRM systems and calendar applications, ensuring all your data stays synchronized and up-to-date. We'll work with you during setup to ensure compatibility."},
        {
          id: "faq4",          title: "How long does it take to set up elevai8's AI solutions?",          content: "Typically, our clients can go live with their customized AI solution in as little as 5 days. Our streamlined onboarding process ensures a quick and efficient setup with minimal disruption to your business."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about elevai8's AI receptionist, automation, and business growth solutions."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Elevate?"
      title="Get Your Free AI Receptionist Demo"
      description="Experience firsthand how elevai8 can transform your missed calls into booked appointments. No commitment, just a tailored demonstration for your business."
      imageSrc="http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg"
      imageAlt="AI contact form background"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Get My Free Demo"
      termsText="By clicking Get My Free Demo you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "/#home"},
            {
              label: "Solutions",              href: "/#solutions"},
            {
              label: "Pricing",              href: "/#pricing"},
            {
              label: "Impact",              href: "/#impact"},
          ],
        },
        {
          items: [
            {
              label: "About Us",              href: "/#about"},
            {
              label: "Testimonials",              href: "/#testimonials"},
            {
              label: "FAQ",              href: "/#faq"},
            {
              label: "Contact",              href: "/#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "© 2024 elevai8",              href: "#"},
          ],
        },
      ]}
      logoText="elevai8"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}