"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Zap, Database, MessageSquare, Cpu, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "About", id: "#about" },
        { name: "Features", id: "#features" },
        { name: "FAQ", id: "#faq" },
      ]}
      brandName="MADO AI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{ variant: "gradient-bars" }}
      title="Meet MADO, Your Intelligent AI Agent"
      description="Experience the next level of artificial intelligence. MADO is smart, fast, and ready to assist you with any task, anytime."
      tag="Powered by Advanced AI"
      buttons={[{ text: "Get Started", href: "#contact" }]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=1", imageAlt: "AI Intelligence visualization" },
        { imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1", imageAlt: "Advanced data analysis" },
        { imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=1", imageAlt: "Digital assistant interface" },
        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-head-programming-code_1048-5828.jpg", imageAlt: "Neural network graphic" },
        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg", imageAlt: "Virtual agent interaction" },
        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-tech-landscape-background-cyber-particles_1048-12944.jpg", imageAlt: "Future tech background" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Why MADO?"
      title="Unmatched Intelligence"
      description="MADO utilizes cutting-edge machine learning algorithms to understand context, solve complex problems, and deliver highly personalized responses."
      subdescription="Built for speed and reliability, MADO is the smart partner you've been looking for."
      icon={Zap}
      imageSrc="http://img.b2bpic.net/free-photo/laptop-used-by-data-center-system-administrators-using-ai-tech-close-up_482257-121068.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Data Processing",          description: "Rapid analysis of large datasets with precision.",          buttonIcon: Database,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",          imageAlt: "3D low poly abstract background"},
        {
          title: "Language Understanding",          description: "Advanced NLP for natural, fluent conversations.",          buttonIcon: MessageSquare,
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=2",          imageAlt: "Abstract futuristic background"},
        {
          title: "Problem Solving",          description: "Logical reasoning to tackle complex operational issues.",          buttonIcon: Cpu,
          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=2",          imageAlt: "Student taking notes"},
        {
          title: "Continuous Learning",          description: "Adapts and improves with every interaction.",          buttonIcon: TrendingUp,
          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=2",          imageAlt: "CRM concept"},
      ]}
      title="MADO Capabilities"
      description="Unlock infinite possibilities with a feature-rich AI agent."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "99.9%", title: "Accuracy Rate", items: ["Deep learning", "Error reduction"] },
        { id: "m2", value: "0.1s", title: "Avg Response", items: ["Low latency", "High throughput"] },
        { id: "m3", value: "24/7", title: "Availability", items: ["Global reach", "Reliable uptime"] },
      ]}
      title="Proven Performance"
      description="Numbers speak louder than promises."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah J.", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg" },
        { id: "t2", name: "Mark D.", role: "CTO", company: "DataDynamics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg" },
        { id: "t3", name: "Elena V.", role: "Lead Engineer", company: "AutoLogic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/supervisor-doing-inspection-server-hub-monitoring-energy-consumption_482257-99246.jpg" },
        { id: "t4", name: "Ken L.", role: "Head of Product", company: "Nova Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
        { id: "t5", name: "Sophie K.", role: "Operations Manager", company: "Innov8", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg" },
      ]}
      kpiItems={[
        { value: "10k+", label: "Happy Users" },
        { value: "5M+", label: "Queries Answered" },
        { value: "4.9/5", label: "Avg Rating" },
      ]}
      title="What Users Say"
      description="Trusted by forward-thinking companies worldwide."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Google", "Microsoft", "OpenAI", "Nvidia", "Intel", "IBM", "Amazon"]}
      title="Trusted by Innovators"
      description="Used by the industry leaders."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "How smart is MADO?", content: "MADO utilizes advanced LLM architectures to process and generate highly complex outputs, often exceeding human-like accuracy." },
        { id: "f2", title: "Is my data secure?", content: "Security is our top priority. All interactions are end-to-end encrypted and we never share data without consent." },
        { id: "f3", title: "Can MADO integrate with my tools?", content: "Yes, we provide robust APIs to integrate MADO with your existing workflow software." },
      ]}
      title="Frequently Asked Questions"
      description="Quick answers to common questions about MADO."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{ variant: "gradient-bars" }}
      title="Get Started with MADO"
      description="Ready to transform your productivity? Contact us today to learn more."
      imageSrc="http://img.b2bpic.net/free-photo/dark-background-with-bright-blue-line_1017-3797.jpg"
      mediaAnimation="slide-up"
      tag="Contact Us"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="MADO AI"
      copyrightText="© 2025 MADO Technologies."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
