"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Collections", id: "collections" },
            { name: "Highlights", id: "highlights" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="My LEGO Collection"
          bottomLeftText="Building Dreams"
          bottomRightText="contact@legocollection.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to My LEGO Collection"
          description="Explore an inspiring world of creativity, building, and collection passion. From classic sets to modern masterpieces, discover the stories behind each brick."
          tag="Building Passion"
          imageSrc="https://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144841.jpg"
          imageAlt="Colorful LEGO bricks and collections"
          buttons={[
            { text: "Explore Collections", href: "collections" },
            { text: "Learn More", href: "highlights" }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardThree
          title="Featured Collections"
          description="Browse through my most treasured LEGO sets and displays"
          products={[
            {
              id: "1",              name: "Classic Vintage Set Collection",              price: "Est. $450",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-colorful-sticks-desk_23-2148514734.jpg",              imageAlt: "Classic vintage LEGO collection"
            },
            {
              id: "2",              name: "Medieval Castle Series",              price: "Est. $380",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys-with-copyspace_23-2148144842.jpg",              imageAlt: "Detailed medieval castle LEGO build"
            },
            {
              id: "3",              name: "Urban City Panorama",              price: "Est. $520",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-drinking-straws-tip-table_23-2148339414.jpg",              imageAlt: "Detailed urban city LEGO display"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <FeatureCardTwelve
          title="Collection Highlights"
          description="Discover what makes each set special and unique"
          features={[
            {
              id: "rarity",              label: "Rarity",              title: "Limited Edition Pieces",              items: [
                "Out-of-print sets from the 1980s",                "Exclusive promotional minifigures",                "Rare color variants and pieces",                "Complete original packaging"
              ]
            },
            {
              id: "value",              label: "Value",              title: "Collectible Investment",              items: [
                "Appreciated in value over time",                "Pristine condition and storage",                "Certificate of authenticity",                "Professional appraisal documentation"
              ]
            },
            {
              id: "display",              label: "Display",              title: "Showcase & Presentation",              items: [
                "Climate-controlled storage",                "Museum-quality display stands",                "Professional photography setup",                "Curated exhibition rotating"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Collection By The Numbers"
          description="The scale and scope of this LEGO passion"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Total LEGO Sets Acquired"
            },
            {
              id: "2",              value: "25 Years",              description: "Collecting Journey Duration"
            },
            {
              id: "3",              value: "10,000+",              description: "Individual Pieces Catalogued"
            },
            {
              id: "4",              value: "98%",              description: "Collection Completion Rate"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Community Love"
          description="What fellow LEGO enthusiasts say about this collection"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, LEGO Curator at BuildersHub",              date: "Date: 15 November 2024",              title: "An Absolutely Inspiring Collection!",              quote: "This is one of the most meticulously organized and diverse LEGO collections I've ever had the pleasure of experiencing. The attention to detail and passion is truly remarkable and inspiring for collectors worldwide.",              tag: "Professional Curator",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-colorful-sticks-desk_23-2148514734.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Collector & Community Manager",              date: "Date: 20 October 2024",              title: "Sets the Standard for Excellence",              quote: "Every time I visit this collection, I learn something new about LEGO history, preservation techniques, and the art of building. This is what passion looks like when carefully cultivated over decades.",              tag: "Community Leader",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys-with-copyspace_23-2148144842.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez, LEGO Designer",              date: "Date: 12 September 2024",              title: "Pure Creative Inspiration",              quote: "As someone who designs LEGO sets professionally, this collection is a masterclass in design evolution and aesthetic appreciation. The diversity and completeness are truly world-class.",              tag: "Professional Designer",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-drinking-straws-tip-table_23-2148339414.jpg"
            },
            {
              id: "4",              name: "David Park, Enthusiast & Content Creator",              date: "Date: 05 August 2024",              title: "A Living Testament to Building",              quote: "This collection represents everything I love about LEGO - the nostalgia, the creativity, the community, and the endless possibilities. Absolutely phenomenal and worth celebrating.",              tag: "Content Creator",              avatarSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-colorful-sticks-desk_23-2148514734.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to share your LEGO passion with the world? Get in touch to discuss collaboration, collection showcases, or just connect with fellow builders."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Me", href: "#" },
            { text: "Join Community", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="My LEGO Collection"
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#home" },
                { label: "Collections", href: "#collections" },
                { label: "Highlights", href: "#highlights" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Join Discord", href: "#" },
                { label: "Share Your Build", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Building Guide", href: "#" },
                { label: "Care Tips", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "YouTube", href: "#" },
                { label: "Email", href: "mailto:contact@legocollection.com" }
              ]
            }
          ]}
          copyrightText="© 2025 My LEGO Collection | Building Dreams Since 2000"
        />
      </div>
    </ThemeProvider>
  );
}