"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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
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="book-demo-hero" data-section="book-demo-hero">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Your Growth Starts Here"
      title="Schedule Your Free Strategy Call"
      description="Book a personalized demo to see how AI Voice Agents can transform your business operations and accelerate growth. Find a time that works best for you."
      buttons={[]}
    />
  </div>

  <div id="integrations" data-section="integrations">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google Calendar",        "Outlook Calendar",        "HubSpot",        "Salesforce",        "Slack",        "Zapier",        "Microsoft Teams"]}
      title="Seamless Integration With Your Existing Tools"
      showCard={false}
      description="Our AI voice agents seamlessly integrate with your favorite CRM, calendar, and communication tools to streamline your workflow."
    />
  </div>

  <div id="booking-form" data-section="booking-form">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Full Name",          description: "Your first and last name for our records.",          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-with-notebook-blue-table_23-2148036916.jpg",          imageAlt: "Booking interface form fields"},
      ]}
      title="Complete Your Booking"
      description="Fill out the form below with your details to confirm your strategy call. Our team will be in touch shortly to prepare for your personalized 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>
  );
}
