"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { DollarSign, HelpCircle, Lock, MessageCircle, Network, Shield, Sparkles, Star, TrendingUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="NovaMetric"
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "how-it-works" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Nova"
          description="Advanced Web3 dashboard for real-time blockchain analytics, portfolio tracking, and intelligent trading insights"
          buttons={[
            { text: "Launch Dashboard", href: "https://app.novametric.io" },
            { text: "View Documentation", href: "#" }
          ]}
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-vector/blockchain-background-with-dots-lines_23-2147869864.jpg", imageAlt: "Blockchain network visualization" },
            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250224.jpg", imageAlt: "Web3 cryptocurrency analytics" },
            { imageSrc: "https://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11385.jpg?id=4650608", imageAlt: "Real-time dashboard metrics" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.1}
          ariaLabel="Nova Web3 Dashboard hero section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          tag="Core Features"
          tagIcon={Zap}
          title="Everything you need for Web3 mastery"
          description="NovaMetric provides comprehensive tools to monitor, analyze, and optimize your crypto portfolio with enterprise-grade security and real-time insights"
          buttons={[
            { text: "Explore Features", href: "#" }
          ]}
          steps={[
            {
              number: "01",              title: "Real-Time Monitoring",              tag: "Live Data",              description: "Track blockchain metrics, transaction flows, and portfolio performance across multiple chains simultaneously with millisecond precision"
            },
            {
              number: "02",              title: "AI-Powered Analytics",              tag: "Machine Learning",              description: "Advanced algorithms analyze market trends, identify patterns, and provide predictive insights to inform your trading strategies"
            },
            {
              number: "03",              title: "Secure Integration",              tag: "Enterprise Security",              description: "Bank-level encryption, hardware wallet support, and API integration with zero-risk connectivity to your blockchain assets"
            },
            {
              number: "04",              title: "Custom Alerts",              tag: "Smart Notifications",              description: "Set intelligent triggers for price movements, volume changes, and network events with instant notifications across all devices"
            }
          ]}
          useInvertedBackground="invertDefault"
          ariaLabel="NovaMetric core features and process steps"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          tag="Why Choose NovaMetric"
          tagIcon={Star}
          title="Enterprise-grade Web3 intelligence for traders and institutions"
          description="Built by blockchain experts with over 50 years of combined experience in cryptocurrency, finance, and software engineering. NovaMetric transforms raw blockchain data into actionable intelligence."
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
          bulletPoints={[
            {
              title: "Trusted by 50K+ users",              description: "From retail traders to institutional funds managing billions in assets",              icon: Users
            },
            {
              title: "99.99% Uptime SLA",              description: "Enterprise infrastructure with redundant systems across multiple regions",              icon: Shield
            },
            {
              title: "Multi-Chain Support",              description: "Seamlessly track assets across Ethereum, Solana, Polygon, Arbitrum, and 15+ chains",              icon: Network
            },
            {
              title: "Zero Data Retention",              description: "Your trading strategies and portfolio data never leave your secure vault",              icon: Lock
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg"
          imageAlt="NovaMetric dashboard interface"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="About NovaMetric platform"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="NovaMetric Impact"
          description="Join thousands of successful traders and institutions leveraging NovaMetric for their Web3 strategy"
          tag="By The Numbers"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "T+",              title: "Assets Tracked Daily",              items: ["Cross-chain portfolio monitoring", "Real-time value tracking", "Multi-currency support"]
            },
            {
              id: "2",              value: "50K+",              title: "Active Users Globally",              items: ["98% user retention rate", "4.8/5 average rating", "200+ countries served"]
            },
            {
              id: "3",              value: "99.99%",              title: "Platform Uptime",              items: ["Enterprise infrastructure", "Zero unplanned downtime", "24/7 support coverage"]
            },
            {
              id: "4",              value: "10M+",              title: "Transactions Analyzed",              items: ["Real-time processing", "Sub-second latency", "Advanced analytics engine"]
            }
          ]}
          ariaLabel="NovaMetric key metrics and statistics"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Loved by Web3 Professionals"
          description="See what traders, fund managers, and blockchain analysts say about NovaMetric"
          tag="User Testimonials"
          tagIcon={MessageCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              role: "Portfolio Manager",              company: "Crypto Capital Fund",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "2",              name: "Sarah Rodriguez",              role: "Trading Lead",              company: "DeFi Strategies Inc",              rating: 5,
              imageSrc: "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",              imageAlt: "Sarah Rodriguez"
            },
            {
              id: "3",              name: "James Liu",              role: "Blockchain Engineer",              company: "Web3 Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Liu"
            },
            {
              id: "4",              name: "Emily Nwosu",              role: "Head of Risk",              company: "Quantified Digital",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Emily Nwosu"
            },
            {
              id: "5",              name: "David Park",              role: "Founder",              company: "NextGen Assets",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "David Park"
            },
            {
              id: "6",              name: "Victoria Walsh",              role: "Investment Director",              company: "Global Ventures DAO",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Victoria Walsh"
            }
          ]}
          ariaLabel="Customer testimonials and reviews"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing"
          description="Choose the plan that fits your trading style. Scale anytime with no hidden fees."
          tag="Plans & Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "1",              price: "$49/mo",              name: "Trader",              buttons: [
                { text: "Start Free Trial", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: ["5 watchlists", "Real-time alerts", "Basic analytics", "1 API connection", "Email support"]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$199/mo",              name: "Professional",              buttons: [
                { text: "Start Free Trial", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: ["Unlimited watchlists", "Advanced alerts", "AI predictions", "10 API connections", "Priority support", "Custom dashboards"]
            },
            {
              id: "3",              price: "$999/mo",              name: "Institution",              buttons: [
                { text: "Contact Sales", href: "#" },
                { text: "Schedule Demo", href: "#" }
              ],
              features: ["White-label solution", "Unlimited everything", "Dedicated support", "Custom integrations", "SLA guarantee", "Advanced compliance"]
            }
          ]}
          ariaLabel="NovaMetric pricing plans"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about NovaMetric and Web3 analytics"
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is my wallet data secure with NovaMetric?",              content: "Yes, absolutely. NovaMetric uses bank-grade AES-256 encryption and never stores private keys. Your data is encrypted end-to-end, and we maintain zero-knowledge architecture. We've passed multiple third-party security audits by leading blockchain security firms."
            },
            {
              id: "2",              title: "Which blockchains does NovaMetric support?",              content: "We support Ethereum, Solana, Polygon, Arbitrum, Optimism, Base, Avalanche, BNB Chain, Fantom, Cosmos, Cardano, Polkadot, and 10+ additional blockchains. We're continuously adding new chains based on user demand."
            },
            {
              id: "3",              title: "Can I use NovaMetric for free?",              content: "Yes, we offer a 14-day free trial for all plans with no credit card required. The Trader plan at $49/month provides excellent value for individual traders with essential features. Choose the plan that best fits your needs."
            },
            {
              id: "4",              title: "What API limits apply to my plan?",              content: "Trader plan: 1,000 requests/day. Professional: 10,000 requests/day. Institution: Unlimited. All plans include documented REST and WebSocket APIs for programmatic access to your data."
            },
            {
              id: "5",              title: "Do you offer webhook notifications?",              content: "Yes, all paid plans include webhook support. Set up custom webhooks to receive real-time alerts for price changes, volume spikes, contract events, and more. Webhooks are fully customizable for your trading strategy."
            },
            {
              id: "6",              title: "How often is data updated?",              content: "Data updates in real-time with sub-second latency. Our systems process blockchain data as it's mined, providing the most current portfolio values, transaction history, and market metrics available."
            },
            {
              id: "7",              title: "Is there a contract term?",              content: "No, all plans are month-to-month with no long-term commitment. Cancel anytime, and we'll refund the unused portion of your subscription prorated to the day."
            },
            {
              id: "8",              title: "Do you offer team or enterprise discounts?",              content: "Yes, we offer significant discounts for teams and institutions. The Institution plan includes dedicated support and custom pricing. Contact our sales team at sales@novametric.io for a tailored quote."
            }
          ]}
          ariaLabel="Frequently asked questions about NovaMetric"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your Web3 trading? Join thousands of successful investors using NovaMetric. Start your free trial today—no credit card required."
          animationType="background-highlight"
          buttons={[
            { text: "Start Free Trial", href: "https://app.novametric.io/signup" },
            { text: "Schedule Demo", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
          ariaLabel="Contact and call-to-action section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "API Docs", href: "#" },
                { label: "Status", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Guides", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Security", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 NovaMetric. All rights reserved."
          bottomRightText="Built for Web3 traders"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}