"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 MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

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="case-studies-showcase" data-section="case-studies-showcase">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Real Estate Firm: Boosting Lead Qualification by 62%",
          description: "A leading real estate agency leveraged our AI agents to handle initial inquiries and qualify leads, resulting in a dramatic increase in booked viewings and highly-qualified prospects.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-negotiating-contract-terms-reaching-agreement_482257-100334.jpg",
          imageAlt: "Real Estate case study",
        },
        {
          title: "Dental Clinic: 40% Reduction in Missed Calls",
          description: "A busy dental practice deployed an AI receptionist to manage calls, answer FAQs, and confirm appointments, leading to a significant drop in missed calls and improved patient satisfaction.",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-medic-doing-scan-interpretation-with-female-patient_482257-124397.jpg",
          imageAlt: "Dental Clinic case study",
        },
        {
          title: "E-commerce Support: 143 Appointments Booked in First Month",
          description: "An e-commerce brand integrated our AI appointment setter to schedule product consultations, resulting in 143 direct bookings within the first month and enhanced customer engagement.",
          imageSrc: "http://img.b2bpic.net/free-photo/tired-remote-woman-talking-nap-chair-working-laptop-analysing-financial-statistics_482257-4203.jpg",
          imageAlt: "E-commerce case study",
        },
      ]}
      title="Real-World Impact: Our AI Voice Agent Case Studies"
      description="See how businesses like yours have achieved significant results by implementing our advanced AI voice agents."
    />
  </div>

  <div id="case-study-metrics" data-section="case-study-metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "appointments-booked",
          value: "143",
          description: "Appointments Booked",
        },
        {
          id: "qualified-leads",
          value: "62%",
          description: "More Qualified Leads",
        },
        {
          id: "missed-calls-reduction",
          value: "40%",
          description: "Reduction In Missed Calls",
        },
      ]}
      title="Key Results from Our AI Implementations"
      description="Our AI Voice Agents deliver tangible business benefits, showcasing clear improvements across various metrics."
    />
  </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>
  );
}
