"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Hammer, Heart, Instagram, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="plain"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LEGO Collection"
          navItems={[
            { name: "Gallery", id: "gallery" },
            { name: "Process", id: "process" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "View Collection", href: "#gallery" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="My LEGO Collection"
          description="Explore a curated showcase of creativity, craftsmanship, and passion for building. From intricate architecture to epic creations, discover the stories behind every brick."
          tag="Collector Passion"
          tagIcon={Sparkles}
          buttons={[
            { text: "View Gallery", href: "#gallery" },
            { text: "Learn More", href: "#process" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-candy-shapes-like-building-blocks_23-2148691428.jpg",              imageAlt: "Colorful LEGO set"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys-with-copyspace_23-2148144846.jpg",              imageAlt: "LEGO castle creation"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/kids-playing-pieces-plastic-creative-construction-blocks_1150-6355.jpg",              imageAlt: "LEGO minifigure collection"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys-with-copyspace_23-2148144842.jpg",              imageAlt: "LEGO city scene"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/girl-building-something_23-2147783668.jpg",              imageAlt: "LEGO spaceship"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144844.jpg",              imageAlt: "Organized LEGO collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Featured Collection"
          description="A handpicked selection of iconic sets and custom creations that showcase the diversity and creativity of my LEGO journey. Each piece tells a unique story."
          tag="Showcase"
          tagIcon={Star}
          buttons={[{ text: "Explore All Sets", href: "#" }]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Medieval Castle",              price: "Set #10305",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144841.jpg",              imageAlt: "Medieval castle LEGO set",              isFavorited: true
            },
            {
              id: "2",              name: "Galaxy Explorer",              price: "Set #75144",              imageSrc: "https://img.b2bpic.net/free-photo/man-servant-babysitting-kids_23-2149587615.jpg",              imageAlt: "Space LEGO set with spaceship",              isFavorited: true
            },
            {
              id: "3",              name: "Dream House",              price: "Set #10190",              imageSrc: "https://img.b2bpic.net/free-photo/business-grown-up_1384-196.jpg",              imageAlt: "Architectural house LEGO set",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>
      
      <div id="process" data-section="process">
        <FeatureCardNineteen
          title="The Building Journey"
          description="Discover the process behind each creation, from inspiration and planning to assembly and display."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Craftsmanship"
          tagIcon={Hammer}
          features={[
            {
              id: 1,
              tag: "Inspiration",              title: "Discover Ideas",              subtitle: "Find your next amazing creation",              description: "Browse official sets, community designs, and personal ideas. Gather inspiration from fellow builders and imagine endless possibilities.",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg",              imageAlt: "Hands building with LEGO bricks"
            },
            {
              id: 2,
              tag: "Creation",              title: "Build & Design",              subtitle: "Bring your vision to life",              description: "Follow instructions carefully or create custom designs. Enjoy the meditative process of connecting each brick and watching your vision come together.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-child-playing_23-2148836243.jpg",              imageAlt: "LEGO design and planning phase"
            },
            {
              id: 3,
              tag: "Exhibition",              title: "Display & Share",              subtitle: "Showcase your masterpiece",              description: "Find the perfect spot in your collection display. Share photos with the community and celebrate your achievement with fellow LEGO enthusiasts.",              imageSrc: "https://img.b2bpic.net/free-photo/girl-playing_23-2147783661.jpg",              imageAlt: "LEGO collection displayed on shelf"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <FeatureCardNineteen
          title="Why LEGO Matters"
          description="Understanding the value and joy that LEGO brings to builders of all ages."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Creativity",              title: "Unlimited Expression",              subtitle: "Endless building possibilities",              description: "LEGO transcends age and imagination. Whether following instructions or creating custom designs, every build is a unique expression of creativity and innovation.",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-candy-shapes-like-building-blocks_23-2148691429.jpg",              imageAlt: "Creative LEGO building with colorful bricks"
            },
            {
              id: 2,
              tag: "Community",              title: "Connect With Builders",              subtitle: "Share passion and inspiration",              description: "Join a global community of collectors and creators. Share experiences, get advice, showcase creations, and find friendship with people who share your passion.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-child-playing_23-2148836243.jpg",              imageAlt: "LEGO community building together"
            },
            {
              id: 3,
              tag: "Investment",              title: "Timeless Value",              subtitle: "Build memories that last",              description: "LEGO sets become treasured possessions and collectibles. Each piece represents time, effort, and meaningful memories that appreciate in value and sentiment.",              imageSrc: "https://img.b2bpic.net/free-photo/girl-playing_23-2147783661.jpg",              imageAlt: "Valuable LEGO collection displayed"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Stories From the Community"
          description="Hear from fellow collectors about their LEGO journeys and what these creations mean to them."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              title: "From Hobby to Passion",              quote: "What started as a casual hobby has become my greatest passion. Building LEGO sets brings me peace and joy every single day. My collection tells the story of my creativity.",              name: "Marcus Chen",              role: "Passionate Collector",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "2",              title: "Building Family Memories",              quote: "LEGO brings our entire family together. We spend weekends building, sharing ideas, and creating memories that will last forever. It's more than just bricks.",              name: "Sarah Johnson",              role: "Family Builder",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",              title: "A Creative Outlet",              quote: "As an artist, LEGO provides the perfect creative outlet. The ability to design and build my own creations is incredibly satisfying and therapeutic.",              name: "David Rodriguez",              role: "Artist & Builder",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "David Rodriguez"
            },
            {
              id: "4",              title: "Connecting with Others",              quote: "The LEGO community is incredibly welcoming and supportive. I've made friends from around the world who share my passion. It's truly a global family.",              name: "Emma Wilson",              role: "Community Member",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emma Wilson"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about LEGO collecting and building."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How do I start collecting LEGO?",              content: "Begin with sets that interest you! Start with your favorite themes or themes from childhood. Consider your budget and display space. Join online communities to get recommendations from experienced collectors."
            },
            {
              id: "2",              title: "How do I store my LEGO collection?",              content: "Use clear plastic bins organized by color, size, or set. Store in a cool, dry place away from direct sunlight to prevent discoloration. Label your bins for easy identification and building reference."
            },
            {
              id: "3",              title: "What's the best way to display sets?",              content: "Use shelving units, display cases, or LEGO-specific furniture. Ensure good lighting to highlight details. Rotate displays seasonally to showcase different themes. Keep away from pets and high-traffic areas if vulnerable."
            },
            {
              id: "4",              title: "Are vintage LEGO sets valuable?",              content: "Yes! Retired sets, especially rare themes, increase in value over time. Keep sets in good condition, original packaging when possible. Research market values before buying or selling."
            },
            {
              id: "5",              title: "Can I create custom designs?",              content: "Absolutely! LEGO's versatility allows infinite custom creations. Use building techniques from official sets, watch tutorials online, and don't fear experimentation. Custom creations are a rewarding part of the hobby."
            },
            {
              id: "6",              title: "How do I connect with other collectors?",              content: "Join LEGO communities online via Reddit, Discord, and Facebook groups. Attend LEGO conventions and meetups. Share your collection on social media. Local clubs often organize building events and exhibitions."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="LEGO Collection"
          copyrightText="© 2025 LEGO Collection | Built with passion for building"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}