"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="blurBottom"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "Features", id: "features" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="Mindex"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Intelligence Redefined for Modern Teams"
          description="Experience AI that adapts to your workflow. Mindex learns your patterns, understands your goals, and delivers insights that matter. Built for teams that move fast."
          tag="AI Innovation"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/a-sleek-minimalist-ai-interface-dashboar-1772477652803-ca20c33b.png"
          imageAlt="Mindex AI Interface"
          mediaAnimation="blur-reveal"
          testimonials={[
            {
              name: "Sarah Mitchell",              handle: "CEO, BrightPath Solutions",              testimonial: "Mindex transformed how we approach data insights. It's like having an expert analyst on every team.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-woman-executi-1772477651968-743e4b6a.png"
            },
            {
              name: "Michael Chen",              handle: "CTO, InnovateLab",              testimonial: "The personalization is incredible. Our team productivity increased by 40% in the first month.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-man-in-tech-i-1772477653986-846e2ed5.png"
            },
            {
              name: "Emily Rodriguez",              handle: "Founder, GrowthCo",              testimonial: "Finally, an AI that doesn't feel like a tool. It's a true partner for our business.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-diverse-woman-1772477651460-79a61e86.png"
            }
          ]}
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Watch Demo", href: "#" }
          ]}
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Who We Are"
          tagIcon={Zap}
          title="Built for teams who demand intelligence without complexity. We believe AI should enhance human creativity, not replace it."
          useInvertedBackground={false}
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Powerful Features"
          description="Everything you need to unlock AI's potential for your team"
          tag="Capabilities"
          features={[
            {
              id: 1,
              title: "Adaptive Personalization",              description: "Our AI learns your preferences and adapts its responses over time. Each interaction makes it smarter, more intuitive, and more aligned with your unique needs.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/a-warm-toned-illustration-showing-person-1772477652734-f4f251fe.png"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/a-warm-toned-illustration-showing-person-1772477652734-f4f251fe.png"
              }
            },
            {
              id: 2,
              title: "Seamless Integration",              description: "Connect Mindex with your existing tools and workflows. Our API integrates with 100+ platforms, keeping your data secure and your processes streamlined.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/clean-illustration-of-seamless-integrati-1772477651926-bd25ee9b.png"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/clean-illustration-of-seamless-integrati-1772477651926-bd25ee9b.png"
              }
            },
            {
              id: 3,
              title: "Real-Time Analytics",              description: "Gain instant insights with beautiful dashboards. Track performance metrics, trends, and opportunities as they happen. Make faster, data-driven decisions.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/modern-analytics-dashboard-with-elegant--1772477652466-01fa7d4e.png"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/modern-analytics-dashboard-with-elegant--1772477652466-01fa7d4e.png"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Trusted by forward-thinking teams across the globe"
          tag="Proven Results"
          metrics={[
            {
              id: "1",              value: "10,000+",              title: "Active Users",              items: ["Across 50+ countries", "Growing daily"]
            },
            {
              id: "2",              value: "40%",              title: "Average Productivity Increase",              items: ["First 30 days", "Verified by clients"]
            },
            {
              id: "3",              value: "99.9%",              title: "System Uptime",              items: ["Enterprise reliability", "Real-time support"]
            },
            {
              id: "4",              value: "SOC 2",              title: "Security Certified",              items: ["Enterprise-grade security", "Data privacy assured"]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Teams"
          description="See how leading companies are transforming their workflows with Mindex"
          tag="Customer Stories"
          testimonials={[
            {
              id: "1",              title: "Personalized AI, redefined",              quote: "Working with Mindex has been a game changer. It feels like the system really listens and adapts to what we need. Our entire team is more productive.",              name: "Sarah Mitchell",              role: "CEO of BrightPath Solutions",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-woman-executi-1772477651968-743e4b6a.png"
            },
            {
              id: "2",              title: "Intelligence that scales",              quote: "The integration was smooth and the support team went above and beyond. We saw immediate improvements in our data analysis workflows.",              name: "Michael Chen",              role: "CTO of InnovateLab",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-man-in-tech-i-1772477653986-846e2ed5.png"
            },
            {
              id: "3",              title: "A true business partner",              quote: "Finally, an AI platform that doesn't feel like a tool. Mindex has become essential to how we operate and scale.",              name: "Emily Rodriguez",              role: "Founder of GrowthCo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-diverse-woman-1772477651460-79a61e86.png"
            },
            {
              id: "4",              title: "Enterprise-ready reliability",              quote: "The reliability and performance have exceeded our expectations. This is exactly what we needed to accelerate our digital transformation.",              name: "David Kim",              role: "VP Product, StartupXYZ",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-headshot-of-a-man-manager-w-1772477653789-bf2bd4d9.png"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join thousands of companies using Mindex to power their AI initiatives"
          tag="Partners"
          textboxLayout="default"
          useInvertedBackground={false}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/minimalist-tech-company-logo-modern-desi-1772477651370-72a17149.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/modern-technology-company-logo-with-geom-1772477653735-e5f3a572.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/innovative-startup-logo-minimalist-style-1772477652251-f68af71d.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/professional-software-company-logo-clean-1772477652175-b7956d9b.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/contemporary-ai-company-logo-modern-geom-1772477652126-bc7529ff.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/digital-transformation-company-logo-mode-1772477652394-6d4bd723.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOxjOwDXTOr8ZwqrhY7I5oh0EF/enterprise-software-logo-clean-professio-1772477651676-7373bddd.png"
          ]}
          names={[
            "TechCorp",            "InnovateLab",            "GrowthCo",            "CloudSync",            "DataFlow",            "AIFirst",            "FutureScale"
          ]}
          speed={35}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your team's potential? Start your journey with Mindex today and experience AI that truly understands your vision."
          animationType="entrance-slide"
          buttons={[
            { text: "Begin Free Trial", href: "#" },
            { text: "Schedule Demo", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Support", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Mindex. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}