"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="VintageThreads"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="VintageThreads"
          description="Curated vintage clothing for the modern teen. Authentic 90s & 2000s styles."
          buttons={[
            { text: "Shop Collection", href: "#products" },
            { text: "Learn More", href: "#about" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7654.jpg"
          imageAlt="Vintage clothing collection"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About VintageThreads"
          description={[
            "We're passionate about bringing authentic vintage fashion to Gen Z. Every piece in our collection is carefully handpicked from estates, thrift stores, and collectors around the world.",            "Our mission is to make vintage fashion accessible, affordable, and sustainable. We believe that old school style never goes out of fashion—it's timeless, unique, and tells a story.",            "Each item has its own history. When you wear VintageThreads, you're wearing a piece of culture and self-expression from decades past."]}
          buttons={[{ text: "Browse Collection", href: "#products" }]}
          useInvertedBackground={false}
          showBorder={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Collections"
          description="Handpicked vintage pieces for the discerning teen. From classic band tees to authentic denim."
          products={[
            {
              id: "1",              name: "Classic Band Tee",              price: "$24.99",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-skateboard-while-sitting-car_23-2148774594.jpg",              imageAlt: "Vintage band t-shirt"},
            {
              id: "2",              name: "Retro Graphic Hoodie",              price: "$34.99",              imageSrc: "http://img.b2bpic.net/free-vector/pirate-typeface_1284-47239.jpg",              imageAlt: "Vintage graphic hoodie"},
            {
              id: "3",              name: "Leather Jacket",              price: "$89.99",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-happy-expression_1194-2820.jpg",              imageAlt: "Vintage leather jacket"},
            {
              id: "4",              name: "Retro Sneakers",              price: "$54.99",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8084.jpg",              imageAlt: "Vintage sneakers"},
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Gen Z"
          description="Join thousands of teens discovering their unique style through vintage fashion."
          tag="Social Proof"
          textboxLayout="default"
          useInvertedBackground={false}
          names=[
            "Urban Outfitters",            "Depop Community",            "Grailed Users",            "Vinted Shoppers",            "Etsy Collectors",            "Fashion Influencers",            "Style Bloggers",            "Vintage Enthusiasts"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="VintageThreads helped me find my personal style without breaking the bank. The quality is amazing and every piece feels special. I've gotten so many compliments on my outfits!"
          rating={5}
          author="Maya, 16 - Portland"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/beautiful-stylish-casual-girl-confidently-looking-camera-outdoor_574295-3080.jpg",              alt: "Maya"},
            {
              src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg",              alt: "User 2"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-hispanic-girl-textured-wall_1187-5169.jpg",              alt: "User 3"},
            {
              src: "http://img.b2bpic.net/free-photo/vertical-shot-stylish-woman-standing-outside_181624-47034.jpg",              alt: "User 4"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about shopping vintage with VintageThreads."
          tag="Help"
          faqs={[
            {
              id: "1",              title: "How do you authenticate vintage pieces?",              content: "Every item is carefully inspected by our vintage experts. We verify authenticity through brand tags, material composition, construction techniques, and era-specific details. All items are guaranteed authentic or your money back."},
            {
              id: "2",              title: "What's your return policy?",              content: "We offer 30-day returns on all items in original condition. If an item doesn't fit right or you change your mind, simply ship it back for a full refund. We'll even cover return shipping for defective items."},
            {
              id: "3",              title: "Are vintage clothes actually good quality?",              content: "Vintage fashion was built to last. Clothing from past decades often used higher quality materials and construction methods than fast fashion today. With proper care, vintage pieces can last for years."},
            {
              id: "4",              title: "How do sizing and fit work?",              content: "Vintage sizing differs from modern standards. We provide detailed measurements and fitting notes for every item. Check our size guide and individual product descriptions to find your perfect fit."},
            {
              id: "5",              title: "How often do you restock?",              content: "We update our inventory weekly with fresh finds from our network of vintage collectors and estate sales. Follow us on social media to get notified about new arrivals and exclusive drops."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/image-dressing-room-with-male-clothes_74855-21545.jpg"
          imageAlt="Vintage store interior"
          mediaAnimation="slide-up"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated"
          description="Get exclusive early access to new vintage finds, style tips, and special offers sent straight to your inbox."
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          mediaAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="VintageThreads"
          copyrightText="© 2025 VintageThreads. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
