"use client";

import { Award, CheckCircle, Heart, Sparkles, Star, TrendingUp, Users, Zap } from "lucide-react";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Games", id: "games" },
            { name: "Promotions", id: "promotions" },
            { name: "VIP", id: "vip" },
            { name: "Support", id: "support" },
            { name: "Play Now", id: "play" },
          ]}
          brandName="LuxeGaming"
          bottomLeftText="Premium Gaming Platform"
          bottomRightText="play@luxegaming.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Experience the Ultimate Gaming Thrill"
          description="Join thousands of players enjoying premium casino gaming with exclusive rewards, live dealers, and world-class entertainment."
          background={{ variant: "downward-rays-animated" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-curly-headed-man-wearing-casual-maroon-t-shirt_176532-8142.jpg", alt: "player avatar profile user" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg", alt: "user portrait profile avatar" },
            { src: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg", alt: "person profile avatar user" },
          ]}
          avatarText="Trusted by 50,000+ active players"
          buttons={[
            { text: "Play Now", href: "#play" },
            { text: "Learn More", href: "#games" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="games" data-section="games">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Mega Fortune Slots",              price: "Up to $50K Jackpot",              imageSrc: "http://img.b2bpic.net/free-vector/computer-game-template-with-farm-theme_1308-31352.jpg",              imageAlt: "Mega Fortune Slots Game"},
            {
              id: "2",              name: "Live Blackjack Elite",              price: "Real Dealers",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-overjoyed-guy-white-shirt-is-playing-poker-sitting-table-casino-smoke-he-rejoices-winning-showing-two-aces-camera-gambling-money-games-fortune_639032-1233.jpg",              imageAlt: "Live Blackjack with Professional Dealers"},
            {
              id: "3",              name: "Roulette VIP",              price: "Premium Tables",              imageSrc: "http://img.b2bpic.net/free-photo/roulette-wheel-croupier-hand-with-white-ball-casino-close-up-details_639032-2852.jpg",              imageAlt: "VIP Roulette Experience"},
          ]}
          title="Featured Games"
          description="Explore our premium selection of slots, table games, and live dealer experiences."
          tag="Popular"
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Games", href: "#games" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          features={[
            {
              id: 1,
              title: "Licensed & Secure",              description: "Fully licensed gaming platform with military-grade encryption protecting your data.",              imageSrc: "http://img.b2bpic.net/free-photo/padlock-computer-circuit-board_93675-129557.jpg",              imageAlt: "security lock encryption safe"},
            {
              id: 2,
              title: "24/7 Live Support",              description: "Professional support team available around the clock in multiple languages.",              imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg",              imageAlt: "customer support headset help service"},
            {
              id: 3,
              title: "Exclusive Rewards",              description: "Earn loyalty points on every game and unlock premium VIP benefits.",              imageSrc: "http://img.b2bpic.net/free-vector/awards-banners-set_1284-7793.jpg",              imageAlt: "rewards trophy achievement bonus"},
            {
              id: 4,
              title: "Fast Withdrawals",              description: "Instant cashouts to your preferred payment method within 24 hours.",              imageSrc: "http://img.b2bpic.net/free-vector/mobile-banking_24877-49200.jpg",              imageAlt: "money payment transfer cash"},
          ]}
          title="Why Choose LuxeGaming"
          description="Discover what makes us the premium choice for discerning players."
          tag="Our Advantages"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            { id: "1", icon: Users, title: "Active Players", value: "50,000+" },
            { id: "2", icon: Zap, title: "Games Available", value: "500+" },
            { id: "3", icon: TrendingUp, title: "Avg Winnings", value: "$2.5M" },
            { id: "4", icon: Award, title: "Years Operating", value: "15+" },
          ]}
          title="Gaming by the Numbers"
          description="Our proven track record of exceptional service and gaming excellence."
          tag="Performance"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="vip" data-section="vip">
        <PricingCardOne
          plans={[
            {
              id: "silver",              badge: "Silver",              badgeIcon: Star,
              price: "$50/month",              subtitle: "Premium perks for casual players",              features: ["2x loyalty points", "Monthly bonus $25", "Priority support", "Exclusive tournaments"],
            },
            {
              id: "gold",              badge: "Gold",              badgeIcon: Sparkles,
              price: "$150/month",              subtitle: "Maximum rewards and VIP treatment",              features: ["5x loyalty points", "Weekly bonus $100", "Dedicated account manager", "Invitation-only events", "Free game credits"],
            },
            {
              id: "platinum",              badge: "Platinum",              badgeIcon: CheckCircle,
              price: "$500/month",              subtitle: "Ultimate elite gaming experience",              features: ["10x loyalty points", "Daily bonus $500", "Personal gaming concierge", "Private VIP lounge access", "Unlimited free credits"],
            },
          ]}
          title="VIP Membership Tiers"
          description="Unlock exclusive benefits and premium gaming experiences with our VIP program."
          tag="Elite Status"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "John Martinez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "portrait professional headshot person" },
            { id: "2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg", imageAlt: "woman portrait profile headshot" },
            { id: "3", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "man professional portrait headshot" },
            { id: "4", name: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-natural-expression_24972-2928.jpg", imageAlt: "woman smiling portrait profile" },
            { id: "5", name: "Michael Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "man portrait professional headshot" },
            { id: "6", name: "Jennifer Lopez", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "woman portrait professional headshot" },
          ]}
          cardTitle="Over 50,000 satisfied players enjoying premium gaming experiences daily"
          cardTag="Player Reviews"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Ready to Play?"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Join the Premium Gaming Revolution"
          description="Start playing today and claim your exclusive welcome bonus. Experience luxury gaming with unmatched security, stunning games, and incredible rewards."
          buttons={[
            { text: "Claim Welcome Bonus", href: "#play" },
            { text: "Create Free Account", href: "#play" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="LuxeGaming"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms & Conditions", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
