"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";

import {
  Sparkles,
  Zap,
  Brain,
  Cpu,
  Database,
  Cloud,
  Shield,
  TrendingUp,
  BarChart3,
  CheckCircle,
  Award,
  Star,
  HelpCircle,
  Rocket,
  AlertCircle,
  Home,
  MessageSquareText,
  Settings,
  CircleDollarSign,
  ArrowLeftRight,
  Send,
  Mail,
} from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Features", id: "features-bento" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="IntelliCore"
          bottomLeftText="Powered by AI"
          bottomRightText="hello@intellicore.ai"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="AI-Powered Intelligence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Enterprise AI Platform for Tomorrow"
          description="Transform your business with advanced artificial intelligence. Real-time analytics, predictive insights, and automated workflows powered by cutting-edge machine learning models."
          buttons={[
            { text: "Start Free Trial", href: "https://example.com/trial" },
            { text: "View Documentation", href: "https://docs.example.com" },
          ]}
          buttonAnimation="blur-reveal"
          dashboard={{
            title: "AI Analytics Hub",            logoIcon: Brain,
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-sophisticated-dark-themed-ai-analytics-1772496975591-f74b4cb2.png",            imageAlt: "AI Analytics Dashboard",            buttons: [
              { text: "Live Dashboard", href: "#" },
              { text: "Export Report", href: "#" },
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: BarChart3, active: false },
              { icon: Settings, active: false },
            ],
            stats: [
              {
                title: "Accuracy",                values: [94.2, 96.8, 98.5],
                valueSuffix: "%",                description: "Model precision"},
              {
                title: "Processing Speed",                values: [1200, 1850, 2450],
                valueSuffix: " ops/s",                description: "Operations per second"},
              {
                title: "Active Insights",                values: [14250, 18900, 23500],
                description: "Real-time data points"},
            ],
            chartTitle: "Performance Metrics",            chartData: [
              { value: 65 },
              { value: 85 },
              { value: 75 },
              { value: 90 },
              { value: 88 },
            ],
            listTitle: "Latest AI Tasks",            listItems: [
              {
                icon: Zap,
                title: "Predictive Analysis",                status: "Complete"},
              {
                icon: TrendingUp,
                title: "Market Forecasting",                status: "Running"},
              {
                icon: CheckCircle,
                title: "Data Classification",                status: "Complete"},
            ],
            searchPlaceholder: "Search AI models..."}}
        />
      </div>

      <div id="features-bento" data-section="features-bento">
        <FeatureBento
          title="Powerful AI Capabilities"
          description="Unlock the full potential of artificial intelligence with our comprehensive suite of tools and features designed for enterprise-scale operations."
          tag="Features"
          tagIcon={Zap}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Global AI Network",              description: "Distributed processing across worldwide infrastructure for optimal performance",              bentoComponent: "globe"},
            {
              title: "Advanced Analytics",              description: "Real-time data visualization and predictive insights",              bentoComponent: "animated-bar-chart"},
            {
              title: "ML Model Integration",              description: "Seamless integration with state-of-the-art machine learning models",              bentoComponent: "orbiting-icons",              centerIcon: Brain,
              items: [
                { icon: Cpu, ring: 1 },
                { icon: Database, ring: 1 },
                { icon: Cloud, ring: 2 },
                { icon: Shield, ring: 2 },
              ],
            },
            {
              title: "Automated Workflows",              description: "AI-powered process automation reducing manual work by 90%",              bentoComponent: "marquee",              centerIcon: Zap,
              variant: "icon",              icons: [Zap, TrendingUp, BarChart3, CheckCircle, AlertCircle],
            },
          ]}
        />
      </div>

      <div id="features-hover" data-section="features-hover">
        <FeatureHoverPattern
          title="Intelligence at Scale"
          description="Experience interactive demonstrations of our platform's core capabilities"
          tag="Interactive"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              icon: Brain,
              title: "Neural Processing",              description: "Advanced neural networks processing complex data patterns in real-time"},
            {
              icon: Zap,
              title: "Lightning Fast",              description: "Optimized algorithms delivering results in milliseconds"},
            {
              icon: Shield,
              title: "Enterprise Security",              description: "Military-grade encryption and compliance with global standards"},
            {
              icon: TrendingUp,
              title: "Predictive Power",              description: "Anticipate trends and make data-driven decisions"},
            {
              icon: BarChart3,
              title: "Deep Analytics",              description: "Comprehensive insights across all your business metrics"},
            {
              icon: Settings,
              title: "Easy Configuration",              description: "Intuitive interface for complex AI model customization"},
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Impact"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Transforming Business Through AI"
          description="IntelliCore AI has helped thousands of enterprises reduce operational costs, accelerate innovation, and unlock new revenue streams. Our platform processes billions of data points daily, delivering actionable intelligence that drives real business results."
          metrics={[
            { value: "98.7%", title: "Accuracy Rate" },
            { value: "10x", title: "Speed Improvement" },
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-case-study-image-showing--1772496974955-a069be70.png"
          imageAlt="AI Platform Case Study Results"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by Industry Leaders"
          description="See what our clients have to say about their experience with IntelliCore AI"
          tag="Client Success"
          tagIcon={Star}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen_ceo",              testimonial: "IntelliCore AI transformed our data processing pipeline. We've reduced manual analysis time by 85% and uncovered insights that are driving our product roadmap.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-a-tech-forward--1772496974719-98917c8e.png",              imageAlt: "Sarah Chen"},
            {
              id: "2",              name: "Marcus Rodriguez",              handle: "@m_rodriguez_tech",              testimonial: "The accuracy and speed of their AI models is exceptional. We've integrated IntelliCore into our core operations and it's been a game-changer for our business.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-a-diverse-busin-1772496974260-240cf893.png",              imageAlt: "Marcus Rodriguez"},
            {
              id: "3",              name: "Elena Volkov",              handle: "@elenav_digital",              testimonial: "Outstanding support and documentation. Their team helped us optimize our models and we saw immediate ROI within the first month of deployment.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-an-entrepreneur-1772496974413-98715743.png",              imageAlt: "Elena Volkov"},
            {
              id: "4",              name: "James Mitchell",              handle: "@jmitchell_ventures",              testimonial: "We evaluated multiple AI platforms. IntelliCore stood out for its superior architecture, enterprise-grade security, and exceptional customer success team.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-a-business-exec-1772496975539-29014825.png",              imageAlt: "James Mitchell"},
            {
              id: "5",              name: "Priya Kapoor",              handle: "@priya_analytics",              testimonial: "The predictive capabilities are remarkable. We're now making decisions with 95% confidence levels that would have taken weeks to analyze manually.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-a-tech-savvy-pr-1772496974466-fe1f577b.png",              imageAlt: "Priya Kapoor"},
            {
              id: "6",              name: "David Thompson",              handle: "@dthompson_ops",              testimonial: "Scalability, reliability, and innovation. IntelliCore checks every box. Our team couldn't imagine operating without it now.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/professional-headshot-of-a-business-lead-1772496974771-1f89cf96.png",              imageAlt: "David Thompson"},
          ]}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing for Every Scale"
          description="Choose the plan that fits your organization's needs. All plans include core AI capabilities with enterprise-grade support."
          tag="Pricing"
          tagIcon={Zap}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "1",              price: "$2,999/month",              name: "Starter",              buttons: [
                { text: "Get Started", href: "https://example.com/signup" },
                { text: "Learn More", href: "#" },
              ],
              features: [
                "Up to 10 AI models",                "1M API calls/month",                "Real-time analytics",                "24/7 support",                "Basic security features"],
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$9,999/month",              name: "Professional",              buttons: [
                { text: "Start Free Trial", href: "https://example.com/trial" },
                { text: "Chat with Sales", href: "#" },
              ],
              features: [
                "Unlimited AI models",                "100M API calls/month",                "Advanced analytics",                "Priority support",                "Enterprise security",                "Custom integrations",                "Dedicated account manager"],
            },
            {
              id: "3",              price: "Custom",              name: "Enterprise",              buttons: [
                { text: "Contact Sales", href: "https://example.com/contact" },
                { text: "Schedule Demo", href: "#" },
              ],
              features: [
                "Unlimited everything",                "Custom infrastructure",                "White-label solutions",                "SLA guarantees",                "Compliance assistance",                "On-premise deployment",                "24/7 dedicated support"],
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our AI platform and services"
          tag="Help"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What AI models does IntelliCore support?",              content: "IntelliCore supports a comprehensive suite of pre-built models including natural language processing, computer vision, predictive analytics, and custom deep learning models. You can also integrate your own trained models through our API."},
            {
              id: "2",              title: "How does your pricing work?",              content: "We offer flexible pricing based on API calls, model usage, and storage. Starter plans begin at $2,999/month with unlimited scalability. Enterprise customers receive custom quotes based on their specific requirements and volume."},
            {
              id: "3",              title: "What kind of security measures are in place?",              content: "IntelliCore implements military-grade encryption (AES-256), SOC 2 Type II compliance, and regular security audits. Enterprise plans include additional options like on-premise deployment, dedicated infrastructure, and custom security configurations."},
            {
              id: "4",              title: "Can I integrate IntelliCore with my existing systems?",              content: "Yes, we provide comprehensive APIs, webhooks, and pre-built connectors for popular platforms. Our integration team can assist with custom implementations for enterprise clients."},
            {
              id: "5",              title: "What is your uptime SLA?",              content: "Professional and Enterprise plans include 99.95% uptime SLA backed by service credits. We maintain redundant infrastructure across multiple geographic regions for maximum availability."},
            {
              id: "6",              title: "Do you offer training and support?",              content: "All plans include comprehensive documentation and support. Professional plans include priority support with 4-hour response times. Enterprise customers receive dedicated account managers, training sessions, and custom support SLAs."},
            {
              id: "7",              title: "How quickly can I get started?",              content: "You can sign up and get API access within minutes. Our onboarding team provides setup assistance, and most customers achieve production deployment within 1-2 weeks."},
            {
              id: "8",              title: "What data privacy standards do you meet?",              content: "We comply with GDPR, CCPA, HIPAA, and other global data protection regulations. Enterprise customers can opt for data residency in specific regions and on-premise deployment options."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started Today"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Ready to Transform Your Business with AI?"
          description="Join thousands of enterprises using IntelliCore AI to drive innovation, reduce costs, and unlock new opportunities. Start your free trial today or speak with our team."
          buttons={[
            { text: "Start Free Trial", href: "https://example.com/trial" },
            { text: "Schedule Demo", href: "https://example.com/demo" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="IntelliCore"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features-bento" },
                { label: "Pricing", href: "#pricing" },
                { label: "API Documentation", href: "https://docs.example.com" },
                { label: "Status", href: "https://status.example.com" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "https://blog.example.com" },
                { label: "Careers", href: "https://careers.example.com" },
                { label: "Press", href: "https://press.example.com" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "https://docs.example.com" },
                { label: "Community", href: "https://community.example.com" },
                { label: "Tutorials", href: "https://tutorials.example.com" },
                { label: "Support", href: "https://support.example.com" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 IntelliCore AI. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
