"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, ShoppingCart, Users, Star, Globe, Gift, Crown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PlayToys"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to PlayToys - Where Imagination Comes Alive"
          description="Discover our premium collection of educational and entertaining toys designed for children of all ages. From action figures to building blocks, find the perfect toy to spark joy and creativity."
          tag="Quality Toys for Every Child"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/children-toys-top-view_93675-130820.jpg"
          imageAlt="Colorful toy collection"
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Handpicked toys that bring joy, learning, and endless fun to children everywhere"
          products={[
            {
              id: "1",              name: "Adventure Action Figures Set",              price: "$29.99",              imageSrc: "https://img.b2bpic.net/free-photo/superhero-kids_53876-23071.jpg",              imageAlt: "Action figures set"
            },
            {
              id: "2",              name: "Deluxe Building Blocks Collection",              price: "$49.99",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-child-costume-playing_23-2148551471.jpg",              imageAlt: "Building blocks set"
            },
            {
              id: "3",              name: "Premium Puzzle Games Bundle",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/plastic-dinosaur-floor_23-2147663839.jpg",              imageAlt: "Puzzle games collection"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Why PlayToys Stands Out"
          description="We deliver excellence in every toy and every interaction with our customers"
          tag="Our Commitment"
          features={[
            {
              id: "1",              title: "100% Safety Certified",              tags: ["Safety", "Quality Tested"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-with-yellow-toy-car_23-2147615869.jpg"
            },
            {
              id: "2",              title: "Huge Variety of Toys",              tags: ["Selection", "All Ages"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-child-enjoying-didactic-game_23-2149316967.jpg"
            },
            {
              id: "3",              title: "Fast & Free Delivery",              tags: ["Shipping", "Express Options"],
              imageSrc: "https://img.b2bpic.net/free-photo/christmas-concept-with-boy-playing_23-2147727294.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="PlayToys has been trusted by families worldwide to deliver joy, learning, and unforgettable childhood moments through quality toys"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: ShoppingCart,
              label: "Products Sold",              value: "500K+"
            },
            {
              icon: Users,
              label: "Happy Families",              value: "150K+"
            },
            {
              icon: Star,
              label: "Customer Rating",              value: "4.9/5"
            },
            {
              icon: Globe,
              label: "Countries Served",              value: "50+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Parents Love About Us"
          description="Real feedback from happy families who trust PlayToys with their children"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Parent",              company: "Boston, MA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-smiley-family-posing-while-giving-thumbs-up_23-2148414907.jpg"
            },
            {
              id: "2",              name: "James Chen",              role: "Parent",              company: "San Francisco, CA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-family-posing-with-son-thumbs-up_23-2148414903.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Parent",              company: "Austin, TX",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg"
            },
            {
              id: "4",              name: "David Thompson",              role: "Parent",              company: "Seattle, WA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-female-professional-with-tablet-meeting-table-with-satisfied-customers_74855-8866.jpg"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Choose Your Perfect Plan"
          description="Select the plan that works best for your toy shopping needs"
          plans={[
            {
              id: "1",              badge: "Starter",              badgeIcon: Gift,
              price: "One-Time Purchase",              subtitle: "Perfect for occasional shoppers",              features: [
                "Access to all products",                "Standard shipping",                "30-day return policy",                "Email support"
              ]
            },
            {
              id: "2",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$9.99/month",              subtitle: "Best for regular buyers",              features: [
                "Free shipping on all orders",                "Exclusive member discounts",                "Early access to new products",                "Priority customer support",                "Birthday surprise gift"
              ]
            },
            {
              id: "3",              badge: "Premium",              badgeIcon: Crown,
              price: "$19.99/month",              subtitle: "Ultimate toy collector experience",              features: [
                "Express 2-day shipping",                "20% off all purchases",                "VIP product previews",                "24/7 concierge support",                "Quarterly surprise boxes",                "Exclusive member events"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our toys, shipping, and policies"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "Are all PlayToys products safe for children?",              content: "Yes! All our toys are certified by international safety standards and tested for quality. We comply with CPSC regulations and only source from trusted manufacturers with safety certifications."
            },
            {
              id: "2",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all purchases. If you're not satisfied, simply return the toy in original condition for a full refund or exchange. Members get extended 60-day returns."
            },
            {
              id: "3",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. Express shipping is available for 2-3 business days delivery. Members enjoy free standard shipping on all orders."
            },
            {
              id: "4",              title: "Do you offer international shipping?",              content: "Yes, we ship to 50+ countries worldwide. International shipping times vary by location, typically 10-21 business days. Please check our shipping page for rates and estimated delivery."
            },
            {
              id: "5",              title: "Can I cancel or modify my order?",              content: "You can cancel or modify orders within 24 hours of purchase. After that, the order is processing and cannot be changed. Contact our support team for urgent requests."
            }
          ]}
          animationType="smooth"
          textPosition="left"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="PlayToys" />
      </div>
    </ThemeProvider>
  );
}