"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Target, Users, Globe, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NexusClaw"
          navItems={[
            { name: "Dashboard", id: "dashboard" },
            { name: "Features", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Integrations", id: "integrations" },
            { name: "Documentation", id: "docs" }
          ]}
          button={{ text: "Launch Dashboard", href: "https://app.nexusclaw.ai" }}
          className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Intelligent Automation Platform Powered by NexusClaw AI"
          description="Harness the power of advanced artificial intelligence to automate complex workflows, optimize decision-making, and scale operations effortlessly with real-time insights and intelligent agent orchestration."
          tag="AI-Powered Intelligence"
          tagIcon={Zap}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-sleek-modern-ai-dashboard-interface-fo-1772529763767-e5c7cbd4.png?_wi=1"
          imageAlt="NexusClaw AI Dashboard Interface"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Chen",              handle: "CTO, TechFlow Inc",              testimonial: "NexusClaw transformed our workflow automation. Reduced processing time by 73% and improved accuracy dramatically.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-satisfied-bus-1772529763032-202e5f4e.png"
            },
            {
              name: "Marcus Johnson",              handle: "CEO, DataSync",              testimonial: "The intelligence level is remarkable. Our team now focuses on strategy while NexusClaw handles the complexity.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-technology-en-1772529763090-982136cb.png"
            }
          ]}
          buttons={[
            { text: "Start Free Trial", href: "https://app.nexusclaw.ai/signup" },
            { text: "View Demo", href: "#metrics" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="about-metrics" data-section="about-metrics">
        <AboutMetric
          title="Why NexusClaw Leads the AI Automation Revolution"
          metrics={[
            { icon: Zap, label: "Processing Speed", value: "10,000+ ops/sec" },
            { icon: Target, label: "Accuracy Rate", value: "99.7%" },
            { icon: Users, label: "Active Users", value: "50,000+" },
            { icon: Globe, label: "Global Regions", value: "85+" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Intelligent AI Features"
          description="NexusClaw delivers enterprise-grade AI capabilities designed for modern automation needs"
          features={[
            {
              id: "intelligent-automation",              label: "Automation",              title: "Intelligent Workflow Automation",              items: ["Self-learning processes", "Adaptive decision trees", "Real-time optimization", "Error detection & correction"],
              buttons: [{ text: "Learn More", href: "#features" }]
            },
            {
              id: "predictive-analytics",              label: "Analytics",              title: "Predictive Intelligence & Analytics",              items: ["Advanced forecasting", "Pattern recognition", "Anomaly detection", "Custom dashboards"],
              buttons: [{ text: "Explore", href: "#metrics" }]
            },
            {
              id: "integration-hub",              label: "Integration",              title: "Universal Integration Hub",              items: ["500+ API connections", "Webhook support", "Custom connectors", "Zero-config setup"],
              buttons: [{ text: "View Integrations", href: "#integrations" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Dashboard Performance Metrics"
          description="Real-time insights into your AI agent's operational efficiency"
          metrics={[
            { id: "throughput", value: "847K", description: "Tasks Processed Daily" },
            { id: "latency", value: "12ms", description: "Average Response Time" },
            { id: "uptime", value: "99.99%", description: "System Availability" },
            { id: "satisfaction", value: "4.9/5", description: "Customer Rating" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Live Dashboard Experience"
          description="Explore NexusClaw's powerful dashboard with real-time visualizations and intelligent controls"
          tag="Interactive Demo"
          products={[
            {
              id: "main-dashboard",              brand: "NexusClaw",              name: "Main Control Dashboard",              price: "Real-time",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-sleek-modern-ai-dashboard-interface-fo-1772529763767-e5c7cbd4.png?_wi=2",              imageAlt: "Main Dashboard"
            },
            {
              id: "analytics-suite",              brand: "NexusClaw",              name: "Analytics Suite",              price: "Streaming",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-professional-dashboard-showing-key-per-1772529764116-6e469814.png?_wi=1",              imageAlt: "Analytics Dashboard"
            },
            {
              id: "workflow-builder",              brand: "NexusClaw",              name: "Workflow Builder",              price: "Live",              rating: 5,
              reviewCount: "1.5k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/an-intelligent-workflow-diagram-showing--1772529763518-b6794de4.png?_wi=1",              imageAlt: "Workflow Interface"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="integrations" data-section="integrations">
        <SocialProofOne
          title="Seamless Integration Ecosystem"
          description="Connect with 500+ enterprise platforms and build custom workflows with NexusClaw"
          tag="Integration Partners"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground={true}
          names={["Salesforce", "HubSpot", "Zapier", "Slack", "Microsoft Teams", "Jira", "Asana", "Monday.com", "Notion", "Google Workspace"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Customer Success Stories"
          description="See how leading organizations leverage NexusClaw to transform their operations"
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, CTO of TechFlow Inc",              date: "Date: 15 January 2025",              title: "Reduced Processing Time by 73%",              quote: "NexusClaw completely revolutionized how we handle workflow automation. What used to take days now happens in hours. The intelligence level is exceptional and the support team has been phenomenal.",              tag: "Enterprise",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-satisfied-bus-1772529763032-202e5f4e.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-sleek-modern-ai-dashboard-interface-fo-1772529763767-e5c7cbd4.png?_wi=3"
            },
            {
              id: "2",              name: "Marcus Johnson, CEO of DataSync",              date: "Date: 12 January 2025",              title: "Strategic Focus, Intelligent Execution",              quote: "The platform's ability to learn and adapt has been game-changing. Our team now focuses on strategy while NexusClaw handles the operational complexity. ROI was evident within the first month.",              tag: "Startup",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-technology-en-1772529763090-982136cb.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-professional-dashboard-showing-key-per-1772529764116-6e469814.png?_wi=2"
            },
            {
              id: "3",              name: "Dr. Elena Rodriguez, Director of Data Science at InnovateLabs",              date: "Date: 8 January 2025",              title: "Accuracy That Exceeds Expectations",              quote: "The 99.7% accuracy rate combined with the self-learning capabilities makes NexusClaw indispensable for our data operations. We've achieved unprecedented levels of process optimization.",              tag: "Enterprise",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-data-scientis-1772529763314-c1f21875.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/an-intelligent-workflow-diagram-showing--1772529763518-b6794de4.png?_wi=2"
            },
            {
              id: "4",              name: "James Mitchell, Operations Manager at GrowthCo",              date: "Date: 5 January 2025",              title: "Seamless Integration, Immediate Impact",              quote: "Integration was effortless thanks to the 500+ pre-built connectors. Within 48 hours we were running critical workflows through NexusClaw. The platform just works.",              tag: "Mid-Market",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-business-oper-1772529763407-86a7fc35.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-comprehensive-ecosystem-diagram-showin-1772529764489-086e4ef6.png"
            },
            {
              id: "5",              name: "Priya Sharma, Head of Automation at TechCorp",              date: "Date: 2 January 2025",              title: "Enterprise-Grade Reliability",              quote: "99.99% uptime, 12ms latency, and intelligent decision-making. NexusClaw is the only platform that can handle our enterprise-scale automation needs without compromise.",              tag: "Enterprise",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-satisfied-bus-1772529763032-202e5f4e.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/a-professional-dashboard-showing-key-per-1772529764116-6e469814.png?_wi=3"
            },
            {
              id: "6",              name: "David Kim, Product Lead at StartupXYZ",              date: "Date: 28 December 2024",              title: "Scale Without the Headache",              quote: "As we scaled from 100 to 10,000 users, NexusClaw scaled seamlessly with us. The platform's architecture and AI capabilities enabled us to maintain performance while reducing infrastructure costs by 40%.",              tag: "Scaling Startup",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/professional-headshot-of-a-technology-en-1772529763090-982136cb.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQeXHe9GG84CisTJbAEMCeqPRt/an-intelligent-workflow-diagram-showing--1772529763518-b6794de4.png?_wi=3"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Ready to Transform Your Operations?"
          tagIcon={Sparkles}
          title="Unlock Enterprise AI Automation Today"
          description="Join 50,000+ organizations leveraging NexusClaw for intelligent automation. Start free, scale infinitely, succeed faster."
          buttons={[
            { text: "Start Free Trial", href: "https://app.nexusclaw.ai/signup" },
            { text: "Schedule Demo", href: "https://calendly.com/nexusclaw/demo" }
          ]}
          background={{ variant: "grid" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="NexusClaw"
          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
          rightLink={{ text: "Terms of Service", href: "/terms" }}
        />
      </div>
    </ThemeProvider>
  );
}
