"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Zap, Brain, Eye, Award, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "How It Works", id: "how-it-works" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Start Scan", href: "contact" }}
          brandName="MINDTRACE"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="MINDTRACE"
          description="Your decisions leave patterns. We decode them. MINDTRACE maps behavioral signals to reveal hidden cognitive patterns."
          buttons={[
            { text: "Run My Cognitive Scan", href: "contact" },
            { text: "See How It Works", href: "how-it-works" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/abstract-neural-network-visualization-wi-1772492657072-7d4dd623.jpg?_wi=1"
          imageAlt="Neural network particle visualization"
          mediaAnimation="blur-reveal"
          frameStyle="card"
          buttonAnimation="blur-reveal"
          ariaLabel="MINDTRACE hero section with neural visualization"
        />
      </div>

      <div id="scan-simulation" data-section="scan-simulation">
        <FeatureCardTwentyOne
          title="Live Behavioral Scanning"
          description="Watch in real-time as our system analyzes behavioral signals, detects patterns, and maps cognitive architecture. Each interaction reveals deeper insights into decision-making processes."
          tag="Interactive Experience"
          tagIcon={Zap}
          accordionItems={[
            {
              id: "1",              title: "Pattern Variance Detected",              content: "Advanced algorithms identify deviations from baseline behavioral patterns with microsecond precision. Real-time heatmaps show emotional response latency and impulse suppression metrics."
            },
            {
              id: "2",              title: "Cognitive Mapping Engine",              content: "Dynamic visualization of neural pathways and decision latency. Emotional reactivity curves update live as new signals are processed. Complete cognitive profile emerges in seconds."
            },
            {
              id: "3",              title: "System Logs & Metrics",              content: "Emotional response latency: 0.42s | Impulse suppression index: Medium | Decision speed profile: 73ms | Focus stability: Elevated - Transparent real-time metrics."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/premium-behavioral-analysis-dashboard-sh-1772492658293-cd7a73ce.png?_wi=1"
          imageAlt="Behavioral analysis dashboard with live metrics"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="right"
          buttons={[{ text: "Explore Dashboard", href: "#" }]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <FeatureCardTwentyOne
          title="Three-Step Cognitive Decoding"
          description="From raw signals to complete behavioral intelligence. Our proprietary process transforms behavioral data into actionable cognitive insights."
          tag="Methodology"
          tagIcon={Brain}
          accordionItems={[
            {
              id: "1",              title: "Step 1: Signal Capture",              content: "We capture behavioral signals across multiple channels—micro-expressions, decision latency, hesitation patterns, and response hierarchies. Every interaction becomes data. Every data point becomes insight."
            },
            {
              id: "2",              title: "Step 2: Pattern Decomposition",              content: "Our AI decomposes complex behavioral patterns into discrete cognitive markers. Identifies decision biases, emotional triggers, risk aversion indices, and impulse suppression metrics with statistical precision."
            },
            {
              id: "3",              title: "Step 3: Cognitive Mapping",              content: "We map the complete cognitive architecture—personality vectors, decision-making preferences, emotional reactivity profiles, and risk tolerance frameworks—all visualized in a premium dashboard."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/minimalist-icon-representing-signal-capt-1772492655553-3303463e.png"
          imageAlt="Three-step process visualization"
          mediaAnimation="opacity"
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>

      <div id="features" data-section="features">
        <MetricCardEleven
          title="Cognitive Report Preview"
          description="Premium behavioral dashboard showing real-world cognitive metrics that reveal hidden patterns in decision-making."
          tag="Real Output"
          tagIcon={Eye}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "87%",              title: "Focus Stability Score",              description: "Measures attention consistency and resistance to distraction.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/clean-behavioral-report-dashboard-showin-1772492657645-415f463d.png?_wi=1",              imageAlt: "Cognitive report dashboard"
            },
            {
              id: "2",              value: "6.2",              title: "Risk Bias Index",              description: "Quantifies tendency toward risk-averse or risk-seeking behavior.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/clean-behavioral-report-dashboard-showin-1772492657645-415f463d.png?_wi=2",              imageAlt: "Cognitive report dashboard"
            },
            {
              id: "3",              value: "52ms",              title: "Decision Speed Profile",              description: "Average latency between stimulus and decision commitment.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/clean-behavioral-report-dashboard-showin-1772492657645-415f463d.png?_wi=3",              imageAlt: "Cognitive report dashboard"
            },
            {
              id: "4",              value: "73%",              title: "Emotional Reactivity Curve",              description: "Measures intensity and duration of emotional responses to stimuli.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/clean-behavioral-report-dashboard-showin-1772492657645-415f463d.png?_wi=4",              imageAlt: "Cognitive report dashboard"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Pricing Plans"
          description="Choose the level of behavioral intelligence that fits your needs."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "free",              title: "Starter",              price: "Free",              period: "Forever",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/premium-behavioral-analysis-dashboard-sh-1772492658293-cd7a73ce.png?_wi=2",              imageAlt: "Starter plan",              button: { text: "Get Started", href: "#" },
              features: [
                "1 Basic Cognitive Scan",                "Behavioral Pattern Summary",                "Core Metrics Report",                "Email Support"
              ]
            },
            {
              id: "pro",              title: "Professional",              price: "$299",              period: "/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/clean-behavioral-report-dashboard-showin-1772492657645-415f463d.png?_wi=5",              imageAlt: "Professional plan",              button: { text: "Start Free Trial", href: "#" },
              features: [
                "Unlimited Deep Cognitive Scans",                "Behavioral History & Trends",                "Advanced Pattern Detection",                "Custom Report Exports",                "Priority Support",                "Team Collaboration (up to 5)"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "Inquiry",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/abstract-neural-network-visualization-wi-1772492657072-7d4dd623.jpg?_wi=2",              imageAlt: "Enterprise plan",              button: { text: "Contact Sales", href: "#" },
              features: [
                "REST API Access",                "Team Cognitive Mapping",                "Real-time Integration",                "Unlimited Users",                "Custom Analytics",                "Dedicated Account Manager",                "On-premise Deployment"
              ]
            }
          ]}
        />
      </div>

      <div id="trust" data-section="trust">
        <TestimonialCardSix
          title="Trusted by Behavioral Experts"
          description="Used by leading researchers, product strategists, and cognitive scientists worldwide."
          tag="Social Proof"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          speed={35}
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Chen",              handle: "@BehavioralResearch",              testimonial: "MINDTRACE has transformed how we understand consumer decision-making. The precision of pattern detection is unlike anything else on the market.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/professional-portrait-headshot-of-a-beha-1772492656303-71824e7e.png",              imageAlt: "Dr. Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Williams",              handle: "Product Strategy Lead",              testimonial: "The cognitive insights we extract have directly improved our product strategy. Real behavioral intelligence, not guesswork.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/professional-portrait-headshot-of-a-prod-1772492656116-402f0ea5.png",              imageAlt: "Marcus Williams"
            },
            {
              id: "3",              name: "Dr. Elena Rossi",              handle: "@UXResearch",              testimonial: "Finally, a platform that speaks the language of behavioral science. Accurate, elegant, and deeply insightful.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/professional-portrait-headshot-of-a-ux-r-1772492657622-9ebf8664.png",              imageAlt: "Dr. Elena Rossi"
            },
            {
              id: "4",              name: "James Park",              handle: "Behavioral Analyst",              testimonial: "The dashboard is beautiful. The data is actionable. MINDTRACE is exactly what the industry needed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/professional-portrait-headshot-of-a-beha-1772492656804-c5b3ea4a.png",              imageAlt: "James Park"
            }
          ]}
        />
      </div>

      <div id="authority" data-section="authority">
        <SocialProofOne
          title="Enterprise Trust & Security"
          description="Trusted by Fortune 500 companies and leading research institutions. Enterprise-grade encryption and compliance."
          tag="Partners"
          tagIcon={Shield}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Google Research",            "Microsoft Insights",            "Meta Reality Labs",            "IBM Watson",            "Accenture Analytics",            "Deloitte Research",            "PwC Advisory",            "McKinsey & Company"
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/google-company-logo-in-clean-vector-styl-1772492655609-f7f3ff1b.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/microsoft-company-logo-in-clean-vector-s-1772492655915-9a22799b.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/meta-company-logo-in-clean-vector-style--1772492656132-d74a0f1d.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/ibm-company-logo-in-clean-vector-style-s-1772492655670-371b2426.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/accenture-company-logo-in-clean-vector-s-1772492656164-d77934e0.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/deloitte-company-logo-in-clean-vector-st-1772492655632-b85b274c.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/pwc-company-logo-in-clean-vector-style-s-1772492656545-043f33ca.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSCkEh5rPOEV6LMzF6Bvl0Qk4/mckinsey-company-logo-in-clean-vector-st-1772492655954-a091d514.png"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <TextSplitAbout
          title="You are more predictable than you think."
          description={[
            "Your behavioral patterns are measurable. Your decisions follow predictable frameworks. Your cognitive architecture is quantifiable.",            "MINDTRACE reveals what you don't see about yourself. Start your cognitive scan today and gain competitive intelligence through behavioral analysis."
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Start My Scan", href: "contact" }]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="MINDTRACE"
          columns={[
            {
              items: [
                { label: "Platform", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "How It Works", href: "#how-it-works" }
              ]
            },
            {
              items: [
                { label: "Research", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Documentation", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Security", href: "#" }
              ]
            },
            {
              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
