"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="large"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="AgentFlow AI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Revolutionize Your Workflow with AI Agents"
      description="Deploy intelligent virtual agents in minutes. Scale your operations, automate support, and drive meaningful growth with AgentFlow AI."
      testimonials={[
        {
          name: "Elena Ross",
          handle: "@elena_ceo",
          testimonial: "The best platform for scaling AI automation. Seamless.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349250.jpg",
          imageAlt: "digital neural network background",
        },
        {
          name: "Mark Chen",
          handle: "@m_chen_dev",
          testimonial: "Incredible API depth and integration speed. A life saver.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg",
          imageAlt: "digital neural network background",
        },
        {
          name: "Sarah Miller",
          handle: "@sarah_ops",
          testimonial: "Reduced our support costs by 40% in just one month.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographic_23-2147512568.jpg",
          imageAlt: "digital neural network background",
        },
        {
          name: "David Kim",
          handle: "@dkim_tech",
          testimonial: "Setup was lightning fast. Our team loves it.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-glowing-red-shield-with-lightning-bolt-icon-cybersecurity-protection_84443-91345.jpg",
          imageAlt: "digital neural network background",
        },
        {
          name: "Julia V.",
          handle: "@juliav_mktg",
          testimonial: "Simply the best agent interface I have ever used.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/colorful-hand-drawn-productivity-concept_23-2147970729.jpg",
          imageAlt: "digital neural network background",
        },
      ]}
      buttons={[
        {
          text: "Get Started",
          href: "#",
        },
        {
          text: "Contact Sales",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349250.jpg"
      imageAlt="AI Network visualization"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-geometric-shapes-nature_23-2150697242.jpg",
          alt: "Team member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pastel-fantasy-surreal-dream_23-2151928795.jpg",
          alt: "Team member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/otherworldly-mystical-landscape-wallpaper-purple-tones_23-2150293406.jpg",
          alt: "Team member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428473.jpg",
          alt: "Team member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dramatic-diagonal-light-rays-dark-abstract-background-texture_84443-91486.jpg",
          alt: "Team member 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Rapid Deployment",
        },
        {
          type: "text",
          text: "24/7 Availability",
        },
        {
          type: "text",
          text: "Enterprise Grade",
        },
        {
          type: "text",
          text: "Scalable Infrastructure",
        },
        {
          type: "text",
          text: "Secure Integration",
        },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Microsoft",
        "Google",
        "Amazon",
        "Tesla",
        "Nvidia",
        "Salesforce",
        "Atlassian",
      ]}
      title="Trusted by Industry Leaders"
      description="Powering innovation for the world's most progressive companies."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Built for ",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg",
          alt: "Team",
        },
        {
          type: "text",
          content: " The Future of Intelligence",
        },
      ]}
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Intelligent Agents",
          description: "Deploy specialized AI agents tailored for your business domain.",
          imageSrc: "http://img.b2bpic.net/free-vector/technology-infographic_23-2147512568.jpg",
          imageAlt: "Agents",
        },
        {
          title: "Enterprise Security",
          description: "End-to-end encryption ensuring your data stays safe.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-glowing-red-shield-with-lightning-bolt-icon-cybersecurity-protection_84443-91345.jpg",
          imageAlt: "Security",
        },
        {
          title: "Seamless Workflow",
          description: "Automate complex tasks and save hundreds of man-hours.",
          imageSrc: "http://img.b2bpic.net/free-vector/colorful-hand-drawn-productivity-concept_23-2147970729.jpg",
          imageAlt: "Efficiency",
        },
      ]}
      title="Powerful Automation, Simplified"
      description="Unlock advanced capabilities to streamline your business intelligence."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Analytics Suite",
          price: "$99",
          variant: "Pro",
          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
        },
        {
          id: "2",
          name: "Customer Chat",
          price: "$49",
          variant: "Basic",
          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-gaming-pc-using-headphones-discuss-with-viewers_482257-124503.jpg",
        },
        {
          id: "3",
          name: "Doc Processor",
          price: "$129",
          variant: "Enterprise",
          imageSrc: "http://img.b2bpic.net/free-vector/20-coding-app-development-blue-color-icon-pack-like-artificial-robot-layout-approval-app_1142-15494.jpg",
        },
        {
          id: "4",
          name: "API Connect",
          price: "$199",
          variant: "Enterprise",
          imageSrc: "http://img.b2bpic.net/free-vector/big-data-background_23-2148013746.jpg",
        },
        {
          id: "5",
          name: "CRM Hub",
          price: "$149",
          variant: "Pro",
          imageSrc: "http://img.b2bpic.net/free-photo/business-people-sharing-their-ideas_329181-17656.jpg",
        },
        {
          id: "6",
          name: "Cloud Infra",
          price: "$299",
          variant: "Enterprise",
          imageSrc: "http://img.b2bpic.net/free-photo/upset-data-center-worker-packing-desk-after-being-replaced-by-ai_482257-127245.jpg",
        },
      ]}
      title="Our Intelligent Solutions"
      description="A comprehensive suite of tools for the modern enterprise."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "John Smith",
          role: "CTO",
          company: "TechStream",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
        },
        {
          id: "2",
          name: "Maria Garcia",
          role: "Lead",
          company: "Innovate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
        },
        {
          id: "3",
          name: "Kevin Lee",
          role: "PM",
          company: "GrowthX",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-blonde-businesswoman_23-2147626495.jpg",
        },
        {
          id: "4",
          name: "Sarah P.",
          role: "Dev",
          company: "ScaleUp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
        },
        {
          id: "5",
          name: "Mike Ross",
          role: "COO",
          company: "FutureAI",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "100+",
          label: "Companies",
        },
        {
          value: "2M+",
          label: "Queries",
        },
        {
          value: "99.9%",
          label: "Uptime",
        },
      ]}
      title="See the Impact"
      description="Trusted by hundreds of forward-thinking teams globally."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Is my data secure?",
          content: "Yes, we use enterprise-grade encryption for all data.",
        },
        {
          id: "2",
          title: "Can I integrate with APIs?",
          content: "Absolutely, our API is robust and developer-friendly.",
        },
        {
          id: "3",
          title: "Do you offer trials?",
          content: "We offer a 14-day free trial on all plans.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about getting started."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Ready to Start?"
      description="Sign up to join the future of artificial intelligence agents."
      imageSrc="http://img.b2bpic.net/free-photo/blue-product-backdrop-with-patterned-glass_53876-146287.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      logoText="AgentFlow AI"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
