"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Trophy, Zap, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FIFACards"
          navItems={[
            { name: "Browse", id: "products" },
            { name: "Features", id: "features" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Start Trading", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Build Your Ultimate FIFA Card Collection"
          description="Discover, collect, and trade authentic FIFA player cards. Find rare legends, complete sets, and connect with collectors worldwide."
          tag="Premium Trading"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          imageSrc="http://img.b2bpic.net/free-vector/sport-landing-page-template_52683-28740.jpg"
          imageAlt="Premium FIFA player card collection"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Alex Rodriguez",              handle: "Collector, 500+ Cards",              testimonial: "The best platform for serious collectors. Found cards I've been searching for years!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-soccer-cup-youtube-channel-art_23-2149321470.jpg",              imageAlt: "happy collector FIFA cards satisfied"},
            {
              name: "Jamie Chen",              handle: "Trading Expert",              testimonial: "Fair pricing, secure trades, and an amazing community. Couldn't ask for more.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/friends-different-nations-supporting-football-team_329181-3639.jpg",              imageAlt: "young collector displaying rare cards"},
            {
              name: "Marcus Williams",              handle: "Elite Collector",              testimonial: "My go-to marketplace for premium and rare cards. Authentication is top-notch.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-cafe_53876-15164.jpg",              imageAlt: "collector evaluating card condition"},
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Start Trading", href: "#products" },
            { text: "Learn More", href: "#features" },
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Cards"
          description="Explore our most sought-after player cards from elite athletes"
          tag="Limited Stock"
          tagIcon={Trophy}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Cristiano Ronaldo - Elite Edition",              price: "$4,299.00",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-business-card-design_1369-6.jpg",              imageAlt: "Cristiano Ronaldo elite FIFA card",              initialQuantity: 1,
              isFavorited: false,
            },
            {
              id: "2",              name: "Lionel Messi - Legend Card",              price: "$3,850.00",              imageSrc: "http://img.b2bpic.net/free-vector/best-quality-golden-flyers_1375-152.jpg",              imageAlt: "Lionel Messi legend FIFA card",              initialQuantity: 1,
              isFavorited: false,
            },
            {
              id: "3",              name: "Kylian Mbappe - Rising Star",              price: "$2,450.00",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-vhs-cover-template_23-2149819385.jpg",              imageAlt: "Kylian Mbappe rising star FIFA card",              initialQuantity: 1,
              isFavorited: false,
            },
          ]}
          buttons={[{ text: "View All Cards", href: "#" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why Collectors Choose Us"
          description="Premium features designed for serious card collectors and traders"
          tag="Features"
          tagIcon={Zap}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              id: "1",              title: "Secure Collection Management",              tags: ["Organization", "Safety"],
              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_107420-96192.jpg",              imageAlt: "Organized FIFA card collection dashboard"},
            {
              id: "2",              title: "Peer-to-Peer Trading Platform",              tags: ["Trading", "Community"],
              imageSrc: "http://img.b2bpic.net/free-vector/flat-composition-online-shopping_23-2147675597.jpg",              imageAlt: "Card trading marketplace interface"},
            {
              id: "3",              title: "Rarity Classification System",              tags: ["Valuation", "Ratings"],
              imageSrc: "http://img.b2bpic.net/free-vector/golden-christmas-sale-banner_23-2147999540.jpg",              imageAlt: "Card rarity levels and classification"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="From Our Community"
          description="Hear what collectors and traders are saying about their experience"
          tag="Reviews"
          tagIcon={Star}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Professional Collector",              testimonial: "This platform revolutionized how I manage my collection. The authentication process gives me peace of mind with every purchase.",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-soccer-cup-youtube-channel-art_23-2149321470.jpg",              imageAlt: "Sarah Johnson collector"},
            {
              id: "2",              name: "David Park",              role: "Trading Enthusiast",              testimonial: "The community here is incredibly active and trustworthy. I've completed over 200 trades with zero issues.",              imageSrc: "http://img.b2bpic.net/free-photo/friends-different-nations-supporting-football-team_329181-3639.jpg",              imageAlt: "David Park trader"},
            {
              id: "3",              name: "Emma Wilson",              role: "Elite Member",              testimonial: "Best investment I made for my card collection hobby. The interface is intuitive and the support team is fantastic.",              imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-cafe_53876-15164.jpg",              imageAlt: "Emma Wilson collector"},
            {
              id: "4",              name: "Michael Chen",              role: "Card Valuation Expert",              testimonial: "The rarity classification system is the most accurate I've encountered. Highly recommend to anyone serious about collecting.",              imageSrc: "http://img.b2bpic.net/free-photo/people-playing-bingo-close-up_23-2149193834.jpg",              imageAlt: "Michael Chen expert"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about card trading, authentication, and our platform"
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How are cards authenticated?",              content: "We use industry-leading authentication processes including professional grading services, hologram verification, and expert manual inspection. Every card undergoes rigorous quality checks before listing."},
            {
              id: "2",              title: "What's your return policy?",              content: "We offer a 30-day money-back guarantee if your card doesn't match the listing description. If authentication issues arise, we provide full refunds or replacements at no cost."},
            {
              id: "3",              title: "How do I start trading?",              content: "Create an account, verify your identity, fund your wallet, and browse our marketplace. You can make offers on cards or list your own items for other collectors to purchase."},
            {
              id: "4",              title: "Are fees involved in trades?",              content: "We charge a 2% transaction fee on all sales. Shipping insurance and professional grading are optional add-ons. No hidden fees ever."},
            {
              id: "5",              title: "How long does shipping take?",              content: "Standard shipping takes 3-5 business days within the US. We offer expedited 1-2 day shipping for premium members. All shipments are fully insured and tracked."},
            {
              id: "6",              title: "Can I sell vintage cards?",              content: "Yes! We accept vintage cards from any era. Our authentication team specializes in vintage grading. Older cards may require additional verification but command higher prices among collectors."},
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Platform",              items: [
                { label: "Browse Cards", href: "#products" },
                { label: "How It Works", href: "#features" },
                { label: "Pricing", href: "#" },
              ],
            },
            {
              title: "Community",              items: [
                { label: "Collectors Forum", href: "#" },
                { label: "Trading Tips", href: "#" },
                { label: "News & Updates", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact Support", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 FIFACards | Premium Card Trading Platform"
        />
      </div>
    </ThemeProvider>
  );
}
