"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { TrendingUp, BarChart3, Zap, Shield, Lock, CheckCircle, Smartphone, Cloud, Users, MessageCircle, Award, Headphones, Sparkles, Twitter, Linkedin, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Andrew Tate Bets"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "How It Works", id: "how-it-works" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Start Betting Now", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Andrew Tate Bets"
          description="Master the art of strategic betting with real-time analytics, expert insights, and a community of top traders."
          buttons={[
            { text: "Join Now", href: "contact" },
            { text: "Learn More", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-hispanic-man-supporting-soccer-match-using-smartphone-sitting-by-christmas-decor-home_839833-12085.jpg"
          imageAlt="Dynamic betting platform background"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTen
          title="Powerful Betting Features"
          description="Everything you need to succeed in sports betting and trading with advanced tools and real-time data."
          tag="Features"
          features={[
            {
              id: "1",              title: "Advanced Analytics Dashboard",              description: "Track your betting performance with comprehensive analytics, win rates, ROI calculations, and detailed betting history to optimize your strategy.",              media: { imageSrc: "https://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg" },
              items: [
                { icon: TrendingUp, text: "Real-time performance tracking" },
                { icon: BarChart3, text: "ROI and profitability metrics" },
                { icon: Zap, text: "Instant bet notifications" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Industry-Leading Security",              description: "Your funds and data are protected with military-grade encryption, two-factor authentication, and rigorous compliance with international betting regulations.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/front-view-lock-with-metal-chain_23-2148578050.jpg" },
              items: [
                { icon: Shield, text: "Military-grade encryption" },
                { icon: Lock, text: "Two-factor authentication" },
                { icon: CheckCircle, text: "Fully licensed and regulated" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Mobile-First Platform",              description: "Bet seamlessly on any device with our responsive platform. Full feature parity across desktop, tablet, and mobile with offline access to your betting history.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/human-hand-using-mobile-phone_329181-20591.jpg" },
              items: [
                { icon: Smartphone, text: "Fully responsive design" },
                { icon: Zap, text: "Lightning-fast performance" },
                { icon: Cloud, text: "Cloud-synced across all devices" }
              ],
              reverse: false
            },
            {
              id: "4",              title: "Expert Community Access",              description: "Learn from top bettors and traders in our exclusive community. Access expert picks, betting tips, strategy guides, and live discussion forums.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150994997.jpg" },
              items: [
                { icon: Users, text: "Access elite betting community" },
                { icon: MessageCircle, text: "Live expert insights and picks" },
                { icon: Award, text: "Learn winning strategies" }
              ],
              reverse: true
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Betting Plan"
          description="Select the perfect plan to match your betting style and goals."
          tag="Pricing"
          plans={[
            {
              id: "basic",              price: "$9/mo",              name: "Starter Pack",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Contact Sales" }
              ],
              features: [
                "Access to live betting markets",                "Basic analytics dashboard",                "Mobile app access",                "Email support",                "Limited expert picks (5/week)"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$49/mo",              name: "Pro Trader",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Contact Sales" }
              ],
              features: [
                "All Starter features",                "Advanced analytics & AI insights",                "Unlimited expert picks",                "Priority support",                "Custom betting strategies",                "Live trading signals"
              ]
            },
            {
              id: "elite",              price: "$199/mo",              name: "Elite Syndicate",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Contact Sales" }
              ],
              features: [
                "All Pro features",                "1-on-1 coaching sessions",                "Private trading group access",                "Custom API access",                "Dedicated account manager",                "VIP event invitations",                "Early access to new features"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Join thousands of successful bettors who trust Andrew Tate Bets for their trading strategy."
          tag="Results"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Active Bettors",              description: "Trusted by thousands of professional and amateur traders",              icon: Users
            },
            {
              id: "2",              value: "$2.5B",              title: "Total Wagered",              description: "Cumulative bets placed through our platform",              icon: TrendingUp
            },
            {
              id: "3",              value: "87%",              title: "Win Rate Average",              description: "Community members achieving positive ROI",              icon: Award
            },
            {
              id: "4",              value: "24/7",              title: "Expert Support",              description: "Round-the-clock customer service and trading assistance",              icon: Headphones
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Traders Say"
          description="Hear from successful bettors who've transformed their betting with Andrew Tate Bets."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@mjtrader",              testimonial: "Andrew Tate Bets completely changed my betting approach. The analytics dashboard and expert picks helped me increase my ROI by 300% in just 6 months.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@sarahbets",              testimonial: "The community here is incredible. Getting access to expert traders and their strategies gave me the confidence and knowledge I was missing. Best investment I've made.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg"
            },
            {
              id: "3",              name: "David Williams",              handle: "@dwportfolio",              testimonial: "Security and reliability are top-notch. I've been able to focus on my betting strategy without worrying about my funds or data. Highly recommend to serious traders.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-young-male-blue-suit_181624-55728.jpg"
            },
            {
              id: "4",              name: "Emma Rodriguez",              handle: "@emmaelite",              testimonial: "The Pro Trader plan is worth every penny. Real-time signals, AI insights, and priority support have made me a consistently profitable bettor. Game changer!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="how-it-works" data-section="how-it-works">
        <FaqSplitText
          sideTitle="How Andrew Tate Bets Works"
          sideDescription="Get started in minutes and begin your journey to consistent profits with our intuitive platform and expert guidance."
          faqs={[
            {
              id: "1",              title: "How do I sign up and create an account?",              content: "Simply visit our platform, click 'Sign Up', and follow the registration process. Verify your email, complete KYC verification (for regulatory compliance), and fund your account. You'll have full access to live markets within hours."
            },
            {
              id: "2",              title: "What sports and markets are covered?",              content: "We cover all major sports including football, basketball, baseball, soccer, tennis, and more. Access thousands of betting markets daily including point spreads, moneylines, over/unders, live betting, and exotic props."
            },
            {
              id: "3",              title: "How accurate are the expert picks?",              content: "Our expert picks are curated from top traders with verified track records. We provide full transparency with win rates, ROI, and historical performance data. Past performance doesn't guarantee future results, but our community averages 87% win rates."
            },
            {
              id: "4",              title: "Is my money safe on the platform?",              content: "Yes. We use military-grade encryption, segregate customer funds in licensed banks, and maintain full regulatory compliance. Your account is protected with two-factor authentication and we're audited regularly by independent third parties."
            },
            {
              id: "5",              title: "Can I withdraw my funds anytime?",              content: "Yes. All funds are yours and can be withdrawn anytime without penalties. Processing typically takes 1-2 business days depending on your payment method. No hidden fees or restrictions."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Join the Winning Team"
          description="Subscribe to our newsletter for daily expert picks, market analysis, trading strategies, and exclusive access to our community."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/landing-page-with-laptop-template_23-2148324097.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="By subscribing, you agree to receive emails from Andrew Tate Bets. We respect your privacy and you can unsubscribe anytime."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Andrew Tate Bets"
          copyrightText="© 2025 Andrew Tate Bets | All rights reserved. Gamble responsibly."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/andrewtatebets", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/andrewtatebets", ariaLabel: "LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/andrewtatebets", ariaLabel: "Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}