"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

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="industry-solutions-part-1" data-section="industry-solutions-part-1">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "real-estate-solutions",
          name: "Real Estate",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/city-lights-night-sky-from-sandsfoot-beach-dorset-uk_181624-9037.jpg",
          imageAlt: "Real Estate solutions illustration",
        },
        {
          id: "dental-solutions",
          name: "Dental Clinics",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-woman-holding-mock-up-green-screen-chroma-key-tablet-with-isolated-display-discussing-oral-hygiene-with-man-patient-stomatological-consultation-dental-office-stomatology-concept_482257-39543.jpg",
          imageAlt: "Dental Clinics solutions illustration",
        },
        {
          id: "medical-solutions",
          name: "Medical Practices",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/medical-cabinet-physiotherapy-with-stationary-bicycle-treat-people-with-mechanical-disorders-help-increase-mobility-physical-therapy-with-alternative-medicine-rehabilitation_482257-39287.jpg",
          imageAlt: "Medical Practices solutions illustration",
        },
        {
          id: "law-solutions",
          name: "Law Firms",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-laptop-table_23-2147689208.jpg",
          imageAlt: "Law Firms solutions illustration",
        },
        {
          id: "roofing-solutions",
          name: "Roofing Companies",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
          imageAlt: "Roofing Companies solutions illustration",
        },
      ]}
      title="Tailored AI Voice Solutions for Every Industry"
      description="Discover how our AI voice agents are custom-built to address the unique challenges and opportunities within your specific sector."
    />
  </div>

  <div id="industry-solutions-part-2" data-section="industry-solutions-part-2">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "hvac-solutions",
          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-90503.jpg",
          imageAlt: "HVAC Businesses solutions illustration",
        },
        {
          id: "insurance-solutions",
          name: "Insurance Agencies",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/life-insurance-policy-terms-use-concept_53876-121193.jpg",
          imageAlt: "Insurance Agencies solutions illustration",
        },
        {
          id: "solar-solutions",
          name: "Solar Companies",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-photovoltaics-plant-improving-solar-cells-efficiency_482257-120033.jpg",
          imageAlt: "Solar Companies solutions illustration",
        },
        {
          id: "ecommerce-solutions",
          name: "Ecommerce Businesses",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/shopping-banking-accounting-webpage-text-search-concept_53876-122368.jpg",
          imageAlt: "Ecommerce Businesses solutions illustration",
        },
        {
          id: "education-solutions",
          name: "Education Institutions",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/creative-people-brainstorming-meeting-using-touch-pad-note-ideas-plans_273609-6195.jpg",
          imageAlt: "Education Institutions solutions illustration",
        },
      ]}
      title="More Industry Solutions"
      description="Our adaptable AI can serve even more sectors, ensuring specialized care and automation."
    />
  </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>
  );
}
