"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { BarChart3, CheckCircle, Home, Target, TrendingUp, Trophy, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="SportsPicksPro"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Picks", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Success", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Elite Sports Analytics"
          bottomRightText="hello@sportspickspro.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Dominate Your Sports Bets with Elite Picks"
          description="Access expert-verified sports picks powered by advanced analytics. Win more, lose less. Join thousands of winning bettors today."
          tag="Proven Winning System"
          tagIcon={TrendingUp}
          buttons={[
            { text: "Get Started Now", href: "#pricing" },
            { text: "View Sample Picks", href: "#features" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Live Picks Analytics",            logoIcon: BarChart3,
            imageSrc: "https://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",            searchPlaceholder: "Search sports, teams, odds...",            buttons: [
              { text: "View All Picks", href: "#" },
              { text: "Export Report", href: "#" }
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: Trophy, active: false },
              { icon: TrendingUp, active: false }
            ],
            stats: [
              {
                title: "Win Rate",                values: [68, 71, 74],
                valueSuffix: "%",                description: "Verified winning percentage"
              },
              {
                title: "Picks This Week",                values: [12, 18, 24],
                description: "Active recommendations"
              },
              {
                title: "ROI",                values: [245, 312, 387],
                valuePrefix: "$",                description: "Average member earnings"
              }
            ],
            chartTitle: "Win Streak Performance",            chartData: [
              { value: 65 },
              { value: 72 },
              { value: 68 },
              { value: 79 },
              { value: 74 }
            ],
            listTitle: "Latest Winning Picks",            listItems: [
              { icon: Zap, title: "NFL: Patriots -3.5", status: "Win ✓" },
              { icon: Target, title: "NBA: Lakers +5.5", status: "Win ✓" },
              { icon: CheckCircle, title: "MLB: Yankees Over 8.5", status: "Win ✓" }
            ]
          }}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Our Picks Win"
          description="Professional-grade analysis backed by data science and years of betting expertise. Here's what sets us apart."
          tag="Expert Advantage"
          features={[
            {
              id: "1",              title: "Advanced Analytics Engine",              description: "Our proprietary AI analyzes thousands of data points to identify high-confidence picks before the public catches on.",              tag: "Smart Tech",              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708005.jpg",              buttons: [
                { text: "Learn More", href: "#" }
              ]
            },
            {
              id: "2",              title: "74% Verified Win Rate",              description: "Independently verified winning percentage across all sports. Our track record speaks louder than promises.",              tag: "Proven Results",              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707991.jpg",              buttons: [
                { text: "View Stats", href: "#metrics" }
              ]
            },
            {
              id: "3",              title: "Real-Time Updates",              description: "Instant notifications on all picks with live odds tracking. Never miss a winning opportunity again.",              tag: "Live Alerts",              imageSrc: "https://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707992.jpg",              buttons: [
                { text: "Get Alerts", href: "#pricing" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Proven Track Record"
          description="Winning stats that matter to serious bettors"
          metrics={[
            { id: "1", value: "12,847+", description: "Winning Picks Delivered" },
            { id: "2", value: "74%", description: "Verified Win Rate" },
            { id: "3", value: "$2.4M+", description: "Member Winnings" },
            { id: "4", value: "28K+", description: "Active Members" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Winning Plan"
          description="Premium access to expert picks at every level"
          plans={[
            {
              id: "1",              price: "$9.99",              name: "Weekly",              buttons: [
                { text: "Get Started", href: "#" },
                { text: "Contact Sales", href: "#contact" }
              ],
              features: [
                "3-5 picks per week",                "Email notifications",                "Mobile app access",                "Community chat",                "Basic stats tracking"
              ]
            },
            {
              id: "2",              badge: "Most Profitable Plan",              badgeIcon: Zap,
              price: "$49.99",              name: "Monthly Pro",              buttons: [
                { text: "Upgrade Now", href: "#" },
                { text: "Contact Sales", href: "#contact" }
              ],
              features: [
                "20+ picks per month",                "Real-time SMS alerts",                "Live odds tracking",                "Expert analysis reports",                "Advanced analytics dashboard",                "Priority support"
              ]
            },
            {
              id: "3",              price: "$129.99",              name: "Annual Elite",              buttons: [
                { text: "Get Elite Access", href: "#" },
                { text: "Contact Sales", href: "#contact" }
              ],
              features: [
                "Unlimited picks + parlay combos",                "24/7 SMS + VIP hotline",                "Multi-sport expert access",                "Custom betting strategies",                "White-label reports",                "Lifetime member perks"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Winning Members Say"
          description="Real results from real bettors who trust our picks"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@mjbets",              testimonial: "Been using SportsPicksPro for 6 months. Hit 72% of my picks and turned $500 into $3,200. This is the real deal.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@sarahtheodds",              testimonial: "The analytics are unmatched. I've tried 5 other services and none compare. Worth every penny.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",              name: "James Rodriguez",              handle: "@jrod_wins",              testimonial: "Finally found a service that actually delivers wins. Their real-time alerts saved me on countless bets.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"
            },
            {
              id: "4",              name: "Amanda Lee",              handle: "@amandawins21",              testimonial: "The customer support is incredible. Plus, their pick accuracy speaks for itself. Highly recommend.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg"
            },
            {
              id: "5",              name: "David Thompson",              handle: "@dthompson_sports",              testimonial: "Professional analysts, verified results, and consistent wins. Everything they promise, they deliver.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"
            },
            {
              id: "6",              name: "Nicole King",              handle: "@nicoleking_bets",              testimonial: "As a serious bettor, I'm impressed by their transparency and accuracy. Best investment for my portfolio.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5360.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Our Picks"
          sideDescription="Everything you need to know to start winning today"
          faqs={[
            {
              id: "1",              title: "What sports do you cover?",              content: "We provide expert picks for NFL, NBA, MLB, NHL, College Football, College Basketball, Soccer, MMA, and more. Our analysts specialize across all major sports with deep statistical expertise in each."
            },
            {
              id: "2",              title: "How accurate are your picks?",              content: "Our verified win rate is 74% across all picks. This is independently tracked and audited. We publish full transparency reports monthly so members can verify results themselves."
            },
            {
              id: "3",              title: "Can I cancel anytime?",              content: "Yes, absolutely. There are no long-term contracts. Cancel your subscription anytime with one click. We're confident in our service quality and want members who believe in our picks."
            },
            {
              id: "4",              title: "How do you choose picks?",              content: "Our proprietary AI analyzes over 5,000 data points including team stats, player injuries, weather, public betting trends, and historical matchups. Our expert analysts then verify each pick before release."
            },
            {
              id: "5",              title: "When do you release picks?",              content: "Most picks are released 24-48 hours before game time. Elite members get early access and SMS alerts. We never wait until last minute to ensure you get the best odds."
            },
            {
              id: "6",              title: "Is this legal?",              content: "Absolutely. We're a legal sports analysis service providing picks and predictions. We comply with all regulations in every jurisdiction where sports betting is legal."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start winning? Join our elite community of successful bettors. Get your first picks within minutes of signing up."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Your Free Trial", href: "#pricing" },
            { text: "Email Us", href: "mailto:hello@sportspickspro.com" }
          ]}
          background={{ variant: "animated-grid" }}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "How It Works", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Free Trial", href: "#pricing" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "#" },
                { label: "Discord", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 SportsPicksPro. All rights reserved."
          bottomRightText="Bet Responsibly | Verified Winners"
        />
      </div>
    </ThemeProvider>
  );
}