"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Rocket, Sparkles, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Nexus"
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="The Future of Your Business Starts Here"
          description="Unlock unprecedented growth with cutting-edge technology designed for ambitious startups. Scale faster, innovate smarter, and lead your industry."
          kpis={[
            { value: "10x", label: "Faster Growth" },
            { value: "99.9%", label: "Uptime Guarantee" },
            { value: "24/7", label: "Expert Support" }
          ]}
          enableKpiAnimation={true}
          tag="Next Generation Platform"
          tagIcon={Zap}
          buttons={[
            { text: "Start Free Trial", href: "#contact" },
            { text: "Watch Demo", href: "#" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/photovoltaics-factory-technician-utilizing-virtual-reality-tech-close-up_482257-117814.jpg"
          imageAlt="Futuristic technology startup platform"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We're building the infrastructure that powers the next generation of innovative companies. Our mission is to democratize access to enterprise-grade technology so that any startup can compete at scale."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          features={[
            {
              title: "AI-Powered Analytics",              description: "Harness the power of machine learning to gain actionable insights from your data in real-time. Make smarter decisions faster than ever before.",              imageSrc: "https://img.b2bpic.net/free-photo/innovation-creative-design-development-ideas-concept_53876-15871.jpg",              imageAlt: "AI analytics dashboard"
            },
            {
              title: "Cloud Infrastructure",              description: "Enterprise-grade cloud deployment with automatic scaling. Handle millions of users without breaking a sweat. Lightning-fast performance guaranteed.",              imageSrc: "https://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-using-vr-gear-conduct-machinery-testing_482257-117909.jpg",              imageAlt: "Cloud infrastructure network"
            },
            {
              title: "Security First",              description: "Bank-level encryption and compliance. Your data is protected with military-grade security protocols. Sleep soundly knowing your platform is secure.",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-employee-planning-financial-investment-strategy-usinh-hologram_482257-77643.jpg",              imageAlt: "Security protection shield"
            },
            {
              title: "24/7 Support",              description: "Our expert team is always ready to help. Get dedicated support from industry veterans who understand your business challenges.",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-employee-planning-financial-investment-strategy-usinh-hologram_482257-77643.jpg",              imageAlt: "Customer support team"
            }
          ]}
          carouselMode="buttons"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          title="Powerful Features Built for Scale"
          description="Everything you need to launch, grow, and dominate your market"
          tag="Capabilities"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          metrics={[
            {
              id: "1",              value: "500+",              title: "Active Companies",              description: "Trusted by innovative startups worldwide",              icon: Users
            },
            {
              id: "2",              value: "99.9%",              title: "Uptime",              description: "Bulletproof reliability for your business",              icon: TrendingUp
            },
            {
              id: "3",              value: "2B+",              title: "API Calls/Month",              description: "Processing massive scale with ease",              icon: Zap
            }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          title="Proven Track Record"
          description="Numbers that speak for themselves"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Nexus transformed how we manage our operations. The platform is intuitive, powerful, and the ROI was immediate. We couldn't imagine running our business without it now."
          rating={5}
          author="Sarah Chen, CEO at TechVenture"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Chen" },
            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Michael Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Emily Johnson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "David Kim" },
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Lisa Martinez" },
            { src: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "James Wilson" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Launch?"
          title="Join the Next Wave of Innovation"
          description="Get instant access to our platform. No credit card required. Start building your future today."
          tagIcon={Rocket}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Get Started Free"
          termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#" },
                { label: "Pricing", href: "#" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Compliance", href: "#" },
                { label: "Cookies", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Nexus. All rights reserved."
          bottomRightText="Crafted for the future"
        />
      </div>
    </ThemeProvider>
  );
}