"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
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="contact-hero" data-section="contact-hero">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Let's Connect"
      title="Let's Build Your AI Voice Agent"
      description="Ready to revolutionize your customer interactions? Contact us today to discuss your specific needs and discover how our AI voice agents can drive growth for your business."
      buttons={[]}
    />
  </div>

  <div id="contact-details-form" data-section="contact-details-form">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Contact Form",          description: "Fill out our form for inquiries, support, or partnership opportunities. We typically respond within 24 business hours.",          imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-analyzing-documents_329181-20191.jpg",          imageAlt: "Contact form illustration"},
        {
          title: "Contact Information",          description: "Email: info@aivoiceagency.com\nPhone: +1 (800) 123-4567\nBusiness Hours: Mon-Fri, 9am-5pm EST\nWhatsApp: +1 (800) 123-4567",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-women-with-documents-near-window_23-2148042664.jpg",          imageAlt: "Contact information illustration"},
      ]}
      title="Get In Touch"
      description="Reach out to us through the form below or use our direct contact information for a quicker response."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What is an AI Voice Agent?",          content: "An AI Voice Agent is an intelligent virtual assistant that uses advanced AI to conduct human-like conversations over the phone, automating tasks like answering calls, qualifying leads, and booking appointments."},
        {
          id: "faq-2",          title: "How long does it take to deploy an AI Voice Agent?",          content: "Deployment times vary depending on complexity, but typically range from 2-4 weeks, including custom training and integration with your existing systems."},
        {
          id: "faq-3",          title: "Can the AI Voice Agent integrate with my CRM?",          content: "Yes, our AI Voice Agents are designed for seamless integration with popular CRMs like Salesforce, HubSpot, Zoho, and more, ensuring data synchronization."},
        {
          id: "faq-4",          title: "How natural do the AI voices sound?",          content: "We utilize cutting-edge voice synthesis technology to create highly realistic and natural-sounding voices, often indistinguishable from human speakers, with customizable tones and accents."},
        {
          id: "faq-5",          title: "What kind of businesses benefit most from AI Voice Agents?",          content: "Businesses with high call volumes, appointment-driven models, or significant lead qualification needs across industries like real estate, healthcare, legal, and sales see the most benefit."},
        {
          id: "faq-6",          title: "Is my data secure with your AI solutions?",          content: "Absolutely. We adhere to strict data privacy and security protocols, including encryption and compliance with relevant regulations, to protect all your sensitive information."},
        {
          id: "faq-7",          title: "Can the AI agent handle complex customer queries?",          content: "Our AI agents are trained to handle a wide range of queries. For complex or nuanced issues, they are equipped to seamlessly transfer the call to a human agent with all prior conversation context."},
        {
          id: "faq-8",          title: "What is the cost of implementing an AI Voice Agent?",          content: "Pricing is customized based on your business needs, desired features, and call volume. We offer flexible pricing models; please book a demo for a personalized quote."},
        {
          id: "faq-9",          title: "Do I need technical expertise to manage the AI agent?",          content: "No, our platform is user-friendly, and we provide comprehensive training and ongoing support. Our team handles all technical aspects, allowing you to focus on results."},
        {
          id: "faq-10",          title: "How does AI lead qualification work?",          content: "The AI engages prospects with pre-defined questions, analyzes their responses, and scores them based on your criteria. High-scoring leads are then prioritized and passed to your sales team."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our"
      faqsAnimation="slide-up"
    />
  </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>
  );
}
