"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Gamepad2, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="animatedGrid"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="M5 Creative"
          navItems={[
            { name: "Games", id: "games" },
            { name: "About", id: "about" },
            { name: "Community", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "games"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Vintage Gaming Excellence"
          description="Step into the golden age of Sord M5 gaming. Discover rare, restored cartridges and iconic classics from the era that defined retro gaming. Each piece in our collection is authenticated and preserved for true enthusiasts."
          tag="Retro Legend"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780972.jpg"
          imageAlt="Vintage M5 Game Collection"
          imagePosition="right"
          buttons={[
            { text: "View Collection", href: "games" },
            { text: "Learn More", href: "about" }
          ]}
          mediaWrapperClassName="flex justify-center items-center"
        />
      </div>

      <div id="games" data-section="games">
        <ProductCardSeven
          title="Featured M5 Games"
          description="Discover our curated selection of Sord M5 cartridges - from action classics to hidden gems. Each game restored to working condition."
          products={[
            {
              id: "super-cobra",              name: "Super Cobra",              price: "$45",              imageSrc: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148790627.jpg",              imageAlt: "Super Cobra cartridge"
            },
            {
              id: "m5-classic-2",              name: "Mahjong Game",              price: "$35",              imageSrc: "https://img.b2bpic.net/free-vector/arcade-retro-games-poster-template_23-2148789428.jpg",              imageAlt: "M5 Mahjong Game"
            },
            {
              id: "m5-classic-3",              name: "Mystery Game",              price: "$40",              imageSrc: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780945.jpg",              imageAlt: "Vintage M5 Game"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Preserving Gaming History"
          description="The Sord M5 was a legendary Japanese computer released in 1983. We're dedicated to preserving these rare cartridges and celebrating the golden age of arcade gaming. Each game in our collection has been carefully restored and tested to ensure authentic, working condition. Join us in keeping retro gaming alive."
          imageSrc="https://img.b2bpic.net/free-vector/vintage-video-game-consoles-flat-design_23-2147571153.jpg"
          imageAlt="Retro M5 gaming collection"
          imagePosition="right"
          buttons={[
            { text: "Explore Games", href: "games" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Collector Stories"
          description="Hear from passionate retro gaming enthusiasts who've found their favorite M5 games with us."
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              role: "Arcade Collector",              company: "Retro Gaming Club",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-retro-vintage-50-s-cafe-music-jukebox-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10328.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "2",              name: "Sarah Williams",              role: "Gaming Historian",              company: "Vintage Console Museum",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-friends-playing-videogame_23-2149350034.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "3",              name: "David Nakamura",              role: "Game Developer",              company: "Indie Games Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-couple-playing-arcade-games-while-out-date_23-2149274372.jpg",              imageAlt: "David Nakamura"
            },
            {
              id: "4",              name: "Emma Rodriguez",              role: "Restoration Expert",              company: "Classic Tech Repairs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/disgruntled-man-holding-handset-sitting-chair-high-quality-photo_114579-35586.jpg",              imageAlt: "Emma Rodriguez"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Connect With Us"
          ctaDescription="Have questions about M5 games or want to sell your collection? Reach out to our community of retro gaming enthusiasts."
          ctaButton={{
            text: "Get in Touch",            href: "mailto:info@m5creative.com"
          }}
          ctaIcon={Gamepad2}
          faqs={[
            {
              id: "1",              title: "Are the games guaranteed to work?",              content: "Yes, all cartridges in our collection have been thoroughly tested and are in working condition. We provide a 30-day warranty on all purchases."
            },
            {
              id: "2",              title: "What condition are the cartridges in?",              content: "Our games range from excellent to near-mint condition. Each listing includes detailed photos and condition descriptions. Labels, casings, and electronics have been restored where possible."
            },
            {
              id: "3",              title: "Do you accept trades or buyouts?",              content: "Absolutely! We're always interested in acquiring rare M5 cartridges and collections. Contact us with details about what you have, and we'll make you an offer."
            },
            {
              id: "4",              title: "How are items shipped?",              content: "All cartridges are carefully packaged in protective bubble wrap and shipped via insured mail. Domestic shipping is included on orders over $50."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="M5 Creative"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Games Collection", href: "games" },
                { label: "New Arrivals", href: "games" },
                { label: "Rare Finds", href: "games" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Collector Stories", href: "testimonials" },
                { label: "Gaming History", href: "about" },
                { label: "Forum", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "contact" },
                { label: "Shipping Info", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "about" },
                { label: "Restoration Process", href: "about" },
                { label: "Why M5?", href: "about" }
              ]
            }
          ]}
          copyrightText="© 2025 M5 Creative Computer Games | Preserving Gaming History"
        />
      </div>
    </ThemeProvider>
  );
}
