"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { CheckCircle, Zap, Shield, Headphones, MessageCircle, Phone, Mail, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="RetroPlay"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Browse Now", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Authentic Gaming Consoles for Every Era"
          description="Discover quality refurbished gaming consoles, controllers, CDs, and accessories from all your favorite systems. Professionally tested and guaranteed to work."
          tag="Retro Gaming Marketplace"
          imageSrc="http://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg?_wi=1"
          imageAlt="Retro gaming console setup"
          mediaAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Marcus Chen",              handle: "Gaming Enthusiast",              testimonial: "Found an amazing Nintendo 64 in perfect condition. The service was quick and honest about the console's condition.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg"},
            {
              name: "Sarah Williams",              handle: "Collector",              testimonial: "Best place to buy retro games and consoles. Everything arrived safely and works as described.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg"},
            {
              name: "James Rodriguez",              handle: "Retro Fan",              testimonial: "Prices are fair and the selection is incredible. I've bought multiple items and never been disappointed.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-vector/colorful-set-smiley-men-avatars_23-2147672541.jpg"},
          ]}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#features" },
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Gaming Consoles & Accessories"
          description="Carefully selected refurbished consoles, controllers, games, and peripherals tested for quality and functionality. 30-Day Warranty + Free Returns on all products. Every item is professionally tested to ensure peak performance and reliability."
          tag="Best Sellers"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Nintendo",              name: "Nintendo 64 Console - Gold",              price: "$149.99",              rating: 5,              reviewCount: "127",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756336.jpg",              imageAlt: "Nintendo 64 Gold Console"},
            {
              id: "2",              brand: "Sony",              name: "PlayStation 2 Bundle",              price: "$189.99",              rating: 5,              reviewCount: "203",              imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg?_wi=2",              imageAlt: "PlayStation 2 Console Bundle"},
            {
              id: "3",              brand: "Microsoft",              name: "Xbox 360 with Controller",              price: "$129.99",              rating: 4,              reviewCount: "89",              imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg?_wi=3",              imageAlt: "Xbox 360 Console with Controller"},
            {
              id: "4",              brand: "Generic",              name: "Wireless Game Controllers Set",              price: "$59.99",              rating: 5,              reviewCount: "312",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-playing-games_23-2148306640.jpg",              imageAlt: "Wireless Gaming Controllers"},
            {
              id: "5",              brand: "Generic",              name: "Gaming Cables & Adapters Pack",              price: "$39.99",              rating: 5,              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912738.jpg",              imageAlt: "Gaming Cables and Adapters"},
            {
              id: "6",              brand: "Multi-Brand",              name: "Retro Game CD Collection - 50 Games",              price: "$199.99",              rating: 4,              reviewCount: "78",              imageSrc: "http://img.b2bpic.net/free-photo/disks-floppy-disks_53876-16057.jpg?_wi=1",              imageAlt: "Retro Game CD Collection"},
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="Why Choose RetroPlay"
          description="Quality assurance, fair pricing, and authentic gaming history delivered to your door."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              title: "Quality Tested",              description: "Every console and accessory is thoroughly tested before shipment",              bentoComponent: "icon-info-cards",              items: [
                { icon: CheckCircle, label: "Tested", value: "100%" },
                { icon: Zap, label: "Working", value: "Guaranteed" },
                { icon: Shield, label: "Warranty", value: "30 Days" },
              ],
            },
            {
              title: "Fast Shipping",              description: "Secure packaging ensures your retro treasures arrive safely",              bentoComponent: "animated-bar-chart"},
            {
              title: "Expert Support",              description: "Our gaming specialists help you find the perfect console",              bentoComponent: "orbiting-icons",              centerIcon: Headphones,
              items: [
                { icon: MessageCircle, ring: 1 },
                { icon: Phone, ring: 1 },
                { icon: Mail, ring: 2 },
                { icon: HelpCircle, ring: 2 },
              ],
            },
            {
              title: "Competitive Pricing",              description: "Best prices on authentic retro gaming hardware",              bentoComponent: "line-chart"},
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="By The Numbers"
          description="Serving the retro gaming community with trust and excellence"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          metrics={[
            {
              id: "1",              value: "15K+",              title: "Happy Customers",              description: "Gaming enthusiasts worldwide",              imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg?_wi=4",              imageAlt: "Happy gaming community"},
            {
              id: "2",              value: "50+",              title: "Console Types",              description: "Retro to modern systems available",              imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg?_wi=5",              imageAlt: "Various gaming consoles"},
            {
              id: "3",              value: "1000+",              title: "Games in Stock",              description: "Expanding library of titles daily",              imageSrc: "http://img.b2bpic.net/free-photo/disks-floppy-disks_53876-16057.jpg?_wi=2",              imageAlt: "Game collection"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="RetroPlay has become my go-to place for authentic gaming consoles. The selection is incredible, prices are fair, and everything works perfectly. I've introduced all my gaming friends to them!"
          rating={5}
          author="Alex Martinez, Gaming Collector"
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg", alt: "Customer 2" },
            { src: "http://img.b2bpic.net/free-vector/colorful-set-smiley-men-avatars_23-2147672541.jpg", alt: "Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer 4" },
            { src: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg", alt: "Customer 5" },
            { src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer 6" },
          ]}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Gaming Communities Worldwide"
          description="Featured in major gaming publications and trusted by collectors and enthusiasts"
          textboxLayout="default"
          useInvertedBackground={true}
          names={["Nintendo", "PlayStation", "Xbox", "Sega", "Atari", "Steam", "Epic Games", "Activision"]}
          logos={[
            "http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg",            "http://img.b2bpic.net/free-vector/play-vibrant-gradient-typography_53876-93868.jpg",            "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204998.jpg",            "http://img.b2bpic.net/free-vector/monochrome-joystick-badge_225004-1005.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-y2k-logo-design_23-2150585062.jpg",            "http://img.b2bpic.net/free-vector/minimalist-nerd-logo-design_23-2149348784.jpg",            "http://img.b2bpic.net/free-vector/futuristic-gaming-logo-template_23-2149150237.jpg",            "http://img.b2bpic.net/free-vector/futuristic-gaming-logo-template_23-2149150237.jpg"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers about our products, shipping, and warranty policies"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/young-guy-having-fun-with-video-games-television-modern-setup_482257-121666.jpg"
          imageAlt="Gaming console setup"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Are all consoles tested and working?",              content: "Yes, every console in our inventory is thoroughly tested and guaranteed to work properly. We provide a 30-day warranty on all items. If you experience any issues, we'll replace or refund your purchase."},
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. We also offer expedited 2-3 day shipping. All items are securely packaged to prevent damage during transit."},
            {
              id: "3",              title: "Do you accept returns?",              content: "Absolutely! We offer a 30-day return policy on all items. If you're not completely satisfied, simply contact us for a prepaid return label and full refund."},
            {
              id: "4",              title: "Are the consoles original or refurbished?",              content: "We clearly label all items as either original, refurbished, or reconditioned. Refurbished items have been cleaned, tested, and restored to working condition. All come with our quality guarantee."},
            {
              id: "5",              title: "Do you sell international?",              content: "Yes! We ship to most countries worldwide. International shipping costs vary by location. Contact us for a shipping quote for your destination."},
            {
              id: "6",              title: "Can I pre-order upcoming consoles?",              content: "We often have pre-orders available for rare and sought-after consoles. Check our website regularly or sign up for our email list to be notified when new inventory arrives."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your retro gaming collection? Reach out to our team for personalized recommendations or browse our full catalog now."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Get In Touch", href: "mailto:hello@retroplay.com" },
            { text: "Browse Catalog", href: "#products" },
          ]}
        />
      </div>

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