"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardFive from '@/components/sections/team/TeamCardFive';

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="mission" data-section="mission">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Vision",
          description: "To be the leading provider of AI voice solutions, revolutionizing how businesses communicate and grow.",
          imageSrc: "http://img.b2bpic.net/free-photo/server-room-tech-support-employee-using-ai-tablet-guide-clients-technician-data-center_482257-136472.jpg",
          imageAlt: "Mission illustration",
        },
      ]}
      title="Our Mission: Empowering Businesses with Conversational AI"
      description="We believe in a future where businesses can scale their customer interactions without sacrificing quality or increasing overhead. Our mission is to build intelligent AI voice agents that act as a seamless extension of your team, delivering exceptional experiences 24/7."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Fast Deployment",
          description: "Our AI agents can be deployed and operational in a fraction of the time, getting you results faster.",
          imageSrc: "http://img.b2bpic.net/free-vector/space-rocket-orbiting-around-earth_23-2147505220.jpg",
          imageAlt: "Fast Deployment icon",
        },
        {
          title: "Human-Like Voices",
          description: "Leverage advanced voice synthesis for natural, engaging conversations that customers appreciate.",
          imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-mesh-dark-background_1217-3729.jpg",
          imageAlt: "Human-Like Voices icon",
        },
        {
          title: "24/7 Availability",
          description: "Our AI agents work around the clock, ensuring your business never misses a call or opportunity.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-puzzle-pieces-blue-background_23-2149299058.jpg",
          imageAlt: "24/7 Availability icon",
        },
        {
          title: "Advanced AI",
          description: "Powered by the latest in conversational AI and machine learning for superior performance.",
          imageSrc: "http://img.b2bpic.net/free-vector/cog-with-browser-window-two-styles_78370-10932.jpg",
          imageAlt: "Advanced AI icon",
        },
        {
          title: "Custom Training",
          description: "AI agents are custom-trained to understand your specific business processes, products, and services.",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-abbreviation-ai_53876-165239.jpg",
          imageAlt: "Custom Training icon",
        },
        {
          title: "Ongoing Support",
          description: "Benefit from continuous monitoring, optimization, and dedicated support from our expert team.",
          imageSrc: "http://img.b2bpic.net/free-vector/exclusive-benefit-line-icons-with-reward-symbol-vip-member-card-discount-voucher-sale-coupon_88138-1833.jpg",
          imageAlt: "Ongoing Support icon",
        },
      ]}
      title="Why Choose Our AI Voice Agency?"
      description="Partner with us for unparalleled expertise, cutting-edge technology, and a commitment to your success."
    />
  </div>

  <div id="process-timeline" data-section="process-timeline">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "1. Discovery Call",
          description: "Understand your business goals, current challenges, and desired outcomes.",
          imageSrc: "http://img.b2bpic.net/free-photo/user-profile-icon-left-side_187299-44963.jpg",
          imageAlt: "Discovery Call icon",
        },
        {
          title: "2. AI Design",
          description: "Design the conversational flow, script, and personality of your custom AI voice agent.",
          imageSrc: "http://img.b2bpic.net/free-photo/skull-with-blue-light-studio_23-2150586589.jpg",
          imageAlt: "AI Design icon",
        },
        {
          title: "3. Training",
          description: "Train the AI model with your specific data, FAQs, and integration points.",
          imageSrc: "http://img.b2bpic.net/free-vector/design-thinking-25-blue-color-icon-pack-including-drawing-light-geometry-compass_1142-24706.jpg",
          imageAlt: "Training icon",
        },
        {
          title: "4. Testing",
          description: "Rigorously test the AI agent's performance, accuracy, and user experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/lady-holding-picture-frame-showing-ok-sign_1262-5226.jpg",
          imageAlt: "Testing icon",
        },
        {
          title: "5. Launch",
          description: "Deploy your AI voice agent, integrating it seamlessly with your existing systems.",
          imageSrc: "http://img.b2bpic.net/free-vector/creative-ecommerce-25-glyph-solid-black-icon-pack-such-as-shop-ecommerce-shop-bag-store_1142-23784.jpg",
          imageAlt: "Launch icon",
        },
        {
          title: "6. Optimization",
          description: "Continuously monitor and refine the AI agent for peak performance and evolving needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-puzzle-pieces-blue-background_23-2149299056.jpg",
          imageAlt: "Optimization icon",
        },
      ]}
      title="Our Streamlined AI Deployment Process"
      description="From initial consultation to ongoing optimization, we guide you every step of the way."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "tm1",
          name: "Dr. Evelyn Reed",
          role: "CEO & Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-glad-man-white-shirt-looking-back-while-chatting-using-wireless-internetin-mobile-phone-dark-gray_171337-460.jpg",
          imageAlt: "Dr. Evelyn Reed, CEO",
        },
        {
          id: "tm2",
          name: "Mark J. Thompson",
          role: "Chief Technology Officer",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
          imageAlt: "Mark J. Thompson, CTO",
        },
        {
          id: "tm3",
          name: "Sophia Lee",
          role: "Head of AI & Machine Learning",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
          imageAlt: "Sophia Lee, Head of AI & Machine Learning",
        },
      ]}
      title="Meet Our Expert Team"
      description="Dedicated to innovation, our team brings together AI specialists, product designers, and industry veterans."
    />
  </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>
  );
}
