"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, Shield, TrendingUp, Users, Globe, Sparkles, Crown, Award, Heart, HelpCircle, Rocket } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="QWBAIRW"
          button={{
            text: "Launch App",            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="The Future of Secure Digital Assets"
          description="Experience lightning-fast transactions with military-grade encryption. QWBAIRW brings transparency, security, and innovation to the crypto ecosystem."
          tag="Next-Gen Crypto Platform"
          tagIcon={Zap}
          buttons={[
            {
              text: "Get Started",              href: "#pricing"
            },
            {
              text: "Learn More",              href: "#features"
            }
          ]}
          background={{
            variant: "radial-gradient"
          }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/gold-bitcoin-padlock_93675-128376.jpg",              imageAlt: "Cryptocurrency innovation"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg",              imageAlt: "Digital security"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-sales-background_23-2149066498.jpg",              imageAlt: "Fast transactions"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/gold-bitcoin-padlock_93675-128376.jpg",              imageAlt: "Blockchain technology"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg",              imageAlt: "Encrypted networks"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-sales-background_23-2149066498.jpg",              imageAlt: "Real-time transfers"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyTwo
          title="Why Choose QWBAIRW"
          description="Built for modern traders and investors who demand security, speed, and transparency in every transaction."
          tag="Platform Features"
          tagIcon={Shield}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              category: ["Security", "Enterprise-Grade"],
              title: "Military-Grade Encryption with Zero-Knowledge Architecture",              imageSrc: "https://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg",              imageAlt: "Security feature"
            },
            {
              id: "2",              category: ["Speed", "Performance"],
              title: "Lightning-Fast Transactions Processing Your Orders in Milliseconds",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-sales-background_23-2149066498.jpg",              imageAlt: "Speed feature"
            },
            {
              id: "3",              category: ["Transparency", "Blockchain"],
              title: "Immutable Ledger Every Transaction Recorded on Distributed Network",              imageSrc: "https://img.b2bpic.net/free-photo/gold-bitcoin-padlock_93675-128376.jpg",              imageAlt: "Blockchain transparency"
            },
            {
              id: "4",              category: ["Support", "24/7"],
              title: "Round-the-Clock Support Our Expert Team Never Sleeps",              imageSrc: "https://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg",              imageAlt: "Customer support"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Trusted by Thousands of Crypto Enthusiasts and Professional Traders Worldwide"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: TrendingUp,
              label: "Daily Transactions",              value: "2.5M+"
            },
            {
              icon: Users,
              label: "Active Users",              value: "500K+"
            },
            {
              icon: Globe,
              label: "Countries Served",              value: "150+"
            },
            {
              icon: Shield,
              label: "Assets Secured",              value: "$10B+"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your trading needs. No hidden fees, no surprises."
          tag="Pricing Plans"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",              badge: "Popular",              badgeIcon: Zap,
              price: "Free",              subtitle: "Perfect for beginners exploring crypto",              buttons: [
                {
                  text: "Get Started",                  href: "#contact"
                }
              ],
              features: [
                "Up to $10,000 monthly trading",                "Basic security features",                "Email support",                "Mobile app access"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Crown,
              price: "$29/mo",              subtitle: "For active traders and investors",              buttons: [
                {
                  text: "Start Trading",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited trading volume",                "Advanced analytics dashboard",                "Priority 24/7 support",                "API access",                "Multi-signature wallets"
              ]
            },
            {
              id: "enterprise",              badge: "Enterprise",              badgeIcon: Award,
              price: "Custom",              subtitle: "For institutions and large traders",              buttons: [
                {
                  text: "Contact Sales",                  href: "#contact"
                }
              ],
              features: [
                "White-label solutions",                "Dedicated account manager",                "Custom security protocols",                "Unlimited API calls",                "Custom integrations"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Community Says"
          description="Real stories from traders who've transformed their crypto journey with QWBAIRW"
          tag="Community"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Alex Chen",              role: "Day Trader",              company: "Crypto Ventures",              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: "Alex Chen"
            },
            {
              id: "2",              name: "Sarah Mitchell",              role: "Portfolio Manager",              company: "Digital Assets Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              name: "James Rodriguez",              role: "Blockchain Developer",              company: "Tech Innovation Lab",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "4",              name: "Emma Watson",              role: "Financial Advisor",              company: "Wealth Management Pro",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",              imageAlt: "Emma Watson"
            },
            {
              id: "5",              name: "Michael Lee",              role: "Crypto Analyst",              company: "Market Insights",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Michael Lee"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about QWBAIRW and how to get started"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/online-help-center_53876-95304.jpg"
          imageAlt="Support and help"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is QWBAIRW regulated and safe?",              content: "Yes, QWBAIRW is fully licensed and regulated by major financial authorities. We employ military-grade encryption and maintain insurance coverage for all user assets. Your security is our top priority with 24/7 monitoring."
            },
            {
              id: "2",              title: "What cryptocurrencies can I trade?",              content: "QWBAIRW supports all major cryptocurrencies including Bitcoin, Ethereum, Ripple, Litecoin, and over 1,000 altcoins. You can also trade crypto pairs with fiat currencies and other digital assets."
            },
            {
              id: "3",              title: "How long does verification take?",              content: "Our advanced verification process typically completes within 15-30 minutes. We use AI-powered KYC to streamline the process while maintaining the highest security standards."
            },
            {
              id: "4",              title: "What are your trading fees?",              content: "We offer competitive fees starting from 0.1% for makers and 0.15% for takers. Premium members enjoy discounted fees and special rewards. Volume discounts are available for high-frequency traders."
            },
            {
              id: "5",              title: "Can I withdraw my funds anytime?",              content: "Absolutely! You can withdraw your funds anytime without restrictions. Withdrawals are processed instantly for most cryptocurrencies and typically complete within 1-2 hours for fiat transfers."
            },
            {
              id: "6",              title: "Do you offer API access?",              content: "Yes! Our REST and WebSocket APIs are available to professional and enterprise users. Full documentation, SDKs, and technical support are provided to help integrate QWBAIRW into your systems."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Ready to Join the Crypto Revolution?"
          description="Sign up now and get early access to exclusive features, trading signals, and premium support. Don't miss out on the future of digital finance."
          tagIcon={Rocket}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@email.com"
          buttonText="Launch App"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We never share your data."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Pricing",                  href: "#pricing"
                },
                {
                  label: "Security",                  href: "#features"
                },
                {
                  label: "API Docs",                  href: "#"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#"
                },
                {
                  label: "Blog",                  href: "#"
                },
                {
                  label: "Careers",                  href: "#"
                },
                {
                  label: "Contact",                  href: "#contact"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Help Center",                  href: "#"
                },
                {
                  label: "Community",                  href: "#"
                },
                {
                  label: "Status",                  href: "#"
                },
                {
                  label: "Terms",                  href: "#"
                }
              ]
            }
          ]}
          copyrightText="© 2025 QWBAIRW | Revolutionizing Crypto Trading"
        />
      </div>
    </ThemeProvider>
  );
}