"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Heart, Zap, Package, TrendingUp, Award, Star, HelpCircle, Users, CheckCircle, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="large"
      sizing="mediumSizeExtraLargeSpacing"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Product", id: "product" },
            { name: "Features", id: "feature" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" }
          ]}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399061204-i4k3ygau.jpg"
          logoAlt="AI Startup Logo"
          brandName="IntelliCore"
          button={{
            text: "Start Free Trial",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Empowering the Future with Intelligent Simplicity"
          description="Our AI solutions are built for clarity, performance, and real-world impact. Transform your business with cutting-edge technology designed for human understanding."
          tag="AI Innovation"
          tagIcon={Sparkles}
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg", alt: "User 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", alt: "User 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg", alt: "User 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg", alt: "User 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "User 5" }
          ]}
          avatarText="Join 5,000+ companies building with IntelliCore"
          buttons={[
            { text: "Start your journey today", href: "contact" },
            { text: "See how it works", href: "product" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399066201-y4m4jvp5.jpg"
          imageAlt="AI visualization and neural networks"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Built on Principles of Clarity and Trust"
          description="We believe that powerful AI doesn't need to be complicated. Every feature is designed with simplicity first, ensuring seamless adoption and immediate value."
          tag="Our Values"
          tagIcon={Heart}
          features={[
            {
              id: "clarity",
              title: "Crystal Clear Interface",
              description: "Intuitive design that requires minimal training. Your team gets productive on day one, without complexity or confusion.",
              label: "Zero Learning Curve"
            },
            {
              id: "performance",
              title: "Enterprise Performance",
              description: "Built for scale. Handle millions of operations with industry-leading speed and reliability that never compromises on accuracy.",
              label: "99.99% Uptime"
            }
          ]}
          buttons={[
            { text: "Learn more", href: "feature" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardFifteen
          features={[
            {
              id: "1",
              title: "Smart Automation",
              description: "Eliminate repetitive tasks with intelligent workflows that learn from your patterns",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399067116-vjqujtuq.jpg",
              imageAlt: "Automation workflow"
            },
            {
              id: "2",
              title: "Real-Time Analytics",
              description: "Gain instant insights into performance metrics with customizable dashboards",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399068014-7pcukshd.jpg",
              imageAlt: "Analytics dashboard"
            },
            {
              id: "3",
              title: "Seamless Integration",
              description: "Connect with your existing tools through powerful APIs and native connectors",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399068831-dw9vzr1o.png",
              imageAlt: "API integration"
            },
            {
              id: "4",
              title: "Enterprise Security",
              description: "Bank-level encryption and compliance certifications for complete peace of mind",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399069730-18qnir78.jpg",
              imageAlt: "Security protection"
            }
          ]}
          animationType="slide-up"
          title="Powerful Features, Intuitive Experience"
          description="Everything you need to unlock AI's potential, designed for immediate understanding and rapid deployment."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Capabilities"
          tagIcon={Zap}
          buttons={[
            { text: "Explore all features", href: "product" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          products={[
            {
              id: "1",
              brand: "IntelliCore",
              name: "Predictive Analytics Engine",
              price: "$299/month",
              rating: 5,
              reviewCount: "2.3k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399074525-6h5f36ki.jpg",
              imageAlt: "Predictive analytics interface"
            },
            {
              id: "2",
              brand: "IntelliCore",
              name: "Natural Language Assistant",
              price: "$399/month",
              rating: 5,
              reviewCount: "3.1k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399075455-st7585y3.jpg",
              imageAlt: "NLP assistant interface"
            },
            {
              id: "3",
              brand: "IntelliCore",
              name: "Enterprise Data Processor",
              price: "$599/month",
              rating: 5,
              reviewCount: "1.8k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399076315-2gfqf2pz.jpg",
              imageAlt: "Data processing platform"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          title="AI Solutions for Every Challenge"
          description="From predictive analytics to natural language processing, choose the tools that match your exact needs."
          tag="Our Offerings"
          tagIcon={Package}
          buttons={[
            { text: "View pricing", href: "pricing" }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",
              icon: Users,
              title: "Active Users",
              value: "50,000+"
            },
            {
              id: "2",
              icon: Zap,
              title: "Processing Speed",
              value: "1M ops/sec"
            },
            {
              id: "3",
              icon: CheckCircle,
              title: "Accuracy Rate",
              value: "99.2%"
            },
            {
              id: "4",
              icon: Globe,
              title: "Global Presence",
              value: "150+ Countries"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          containerStyle="default"
          title="Proven Impact at Scale"
          description="Real results from companies transforming their operations with IntelliCore AI solutions."
          tag="By The Numbers"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399062140-rc60mgt0.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162773520-d3l7c32r.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399063033-5om60f9w.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399064264-sujwrcqk.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399065172-kgeitt83.jpg"
          ]}
          title="Trusted by Industry Leaders"
          description="Join Fortune 500 companies and innovative startups using IntelliCore to drive transformation."
          tag="Partners"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "Jessica Liu",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
              imageAlt: "Jessica Liu"
            },
            {
              id: "4",
              name: "David Thompson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399073440-t51o34g6.jpg",
              imageAlt: "David Thompson"
            }
          ]}
          cardTitle="Over 10,000 companies trust IntelliCore to deliver exceptional results and drive measurable business impact"
          cardTag="See what they achieve"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",
              title: "How does IntelliCore differ from other AI platforms?",
              content: "IntelliCore combines enterprise-grade performance with Apple-inspired simplicity. We eliminate complexity without sacrificing power, allowing teams to deploy solutions in days, not months. Our focus on clarity and transparency sets us apart in a crowded market."
            },
            {
              id: "2",
              title: "What's the implementation timeline?",
              content: "Most organizations go live within 1-2 weeks. Our onboarding process is streamlined for speed without compromising quality. Dedicated support teams work with you to ensure seamless integration with existing systems."
            },
            {
              id: "3",
              title: "How do you ensure data security and compliance?",
              content: "We maintain bank-level encryption, GDPR, HIPAA, and SOC 2 compliance. Data never leaves secure infrastructure, and you maintain complete control over access permissions and usage policies."
            },
            {
              id: "4",
              title: "Can IntelliCore integrate with our existing tools?",
              content: "Yes. We offer native connectors for 200+ applications including Salesforce, HubSpot, and ServiceNow. Custom API integration is also available for specialized systems."
            },
            {
              id: "5",
              title: "What kind of support do you provide?",
              content: "Enterprise plans include 24/7 dedicated support, priority response times, and quarterly business reviews. All plans come with comprehensive documentation and community access."
            },
            {
              id: "6",
              title: "How is pricing calculated?",
              content: "Transparent, usage-based pricing with no hidden fees. You pay for what you use, and can scale up or down as needed. Volume discounts apply for larger deployments."
            }
          ]}
          title="Frequently Asked Questions"
          description="Everything you need to know about IntelliCore AI solutions and how they can transform your business."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Let's Talk About Your AI Future"
          description="Schedule a conversation with our team to explore how IntelliCore can accelerate your digital transformation."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "your@company.com",
              required: true
            },
            {
              name: "company",
              type: "text",
              placeholder: "Company name",
              required: true
            },
            {
              name: "challenge",
              type: "text",
              placeholder: "What challenge are you solving?",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us more about your needs...",
            rows: 5,
            required: true
          }}
          buttonText="Schedule Demo"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399070608-mzgf2x9c.jpg"
          imageAlt="Team collaboration"
          mediaPosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="IntelliCore"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "#feature" },
                { label: "Pricing", href: "#pricing" },
                { label: "Solutions", href: "#product" },
                { label: "API Docs", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#blog" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Documentation", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#faq" },
                { label: "Status", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Security", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 IntelliCore AI. Simplifying Intelligence for Everyone."
        />
      </div>
    </ThemeProvider>
  );
}