"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Leaf, Zap, Heart, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Thrift & Vibe"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Why Vintage", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Sustainable Fashion"
          bottomRightText="hello@thriftandvibe.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Vintage Fashion For Gen Z"
          description="Discover unique, sustainable vintage pieces that express your individual style. Shop rare finds from decades past, curated for teens who dare to stand out."
          tag="Sustainable Shopping"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7654.jpg?_wi=1"
          imageAlt="Vintage clothing collection"
          imagePosition="right"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Maya Chen",              handle: "Fashion Blogger, 17",              testimonial: "Finally found vintage pieces that actually fit my style! Thrift & Vibe gets it.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg?_wi=1"
            },
            {
              name: "Jordan Lee",              handle: "College Student, 19",              testimonial: "Best prices for authentic vintage. I'm obsessed with my finds!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/teenager-hispanic-boy-wearing-casual-clothes-smiling-cheerful-pointing-with-hand-finger-up-side_839833-23303.jpg?_wi=1"
            },
            {
              name: "Alex Morgan",              handle: "Artist, 18",              testimonial: "Love supporting sustainable fashion. This is my go-to shop.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg?_wi=2"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Vintage Finds"
          description="Handpicked vintage pieces that are trending with teens right now. Limited quantities available!"
          tag="Limited Stock"
          tagIcon={Zap}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              brand: "Vintage '90s",              name: "Classic Denim Jacket",              price: "$34.99",              rating: 5,
              reviewCount: "127",              imageSrc: "http://img.b2bpic.net/free-photo/cyclist-using-smartphone-steel-bridge_613910-14382.jpg?_wi=1",              imageAlt: "Vintage denim jacket"
            },
            {
              id: "2",              brand: "Retro Threads",              name: "Graphic Band Tee",              price: "$18.99",              rating: 5,
              reviewCount: "89",              imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-font-named-boston-good-use-any-creative-labels_1284-36748.jpg?_wi=1",              imageAlt: "Vintage graphic t-shirt"
            },
            {
              id: "3",              brand: "Thrift Classic",              name: "High-Waist Jeans",              price: "$29.99",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/denimclad-woman-lounging-yellow-chair-near-colorful-steps_24972-2926.jpg",              imageAlt: "Vintage high-waist jeans"
            },
            {
              id: "4",              brand: "Vintage Vibes",              name: "Velvet Skirt",              price: "$22.99",              rating: 5,
              reviewCount: "64",              imageSrc: "http://img.b2bpic.net/free-photo/caucasian-standing-front-modern-building-pink-dress-hairband_181624-58091.jpg",              imageAlt: "Vintage velvet skirt"
            },
            {
              id: "5",              brand: "Retro Steps",              name: "Platform Boots",              price: "$39.99",              rating: 5,
              reviewCount: "203",              imageSrc: "http://img.b2bpic.net/free-photo/map-camera-near-boots_23-2147776883.jpg",              imageAlt: "Vintage platform boots"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Shop All", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          tag="Our Story"
          tagIcon={Heart}
          tagAnimation="slide-up"
          title="Why We're Here"
          description="Thrift & Vibe started with a mission: make sustainable fashion accessible to teens. We believe vintage isn't just fashion—it's a statement against fast fashion and a celebration of individuality. Every piece has a story, and we're here to help you find yours."
          imageSrc="http://img.b2bpic.net/free-photo/image-dressing-room-with-male-clothes_74855-21545.jpg"
          imageAlt="Our vintage thrift store"
          useInvertedBackground={false}
          buttons={[{ text: "Explore Collection", href: "#products" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Why Choose Vintage"
          description="Vintage fashion isn't just trendy—it's better for you and the planet."
          tag="Sustainable Fashion"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Eco-Friendly & Sustainable",              author: "By Thrift & Vibe",              description: "Every vintage piece you buy extends the lifecycle of clothing, reducing waste and carbon footprint. Shop guilt-free knowing you're making an environmental impact.",              tags: ["Sustainability", "Eco-Conscious"],              imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7654.jpg?_wi=2"
            },
            {
              id: "2",              title: "Unique Pieces, No Clones",              author: "By Thrift & Vibe",              description: "Say goodbye to seeing your outfit on five other people. Vintage pieces are one-of-a-kind, letting your personality shine through your style.",              tags: ["Individuality", "Style"],              imageSrc: "http://img.b2bpic.net/free-photo/cyclist-using-smartphone-steel-bridge_613910-14382.jpg?_wi=2"
            },
            {
              id: "3",              title: "Affordable Fashion",              author: "By Thrift & Vibe",              description: "Quality vintage pieces at fraction of retail prices. Build your wardrobe on a budget without sacrificing style or authenticity.",              tags: ["Budget-Friendly", "Value"],              imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-font-named-boston-good-use-any-creative-labels_1284-36748.jpg?_wi=2"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Start Shopping", href: "#products" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Teens Are Saying"
          description="Real reviews from our community of vintage fashion lovers."
          tag="Customer Love"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sofia Rodriguez",              role: "High School Student",              company: "New York",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg?_wi=3"
            },
            {
              id: "2",              name: "Jordan Kim",              role: "College Freshman",              company: "Los Angeles",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/teenager-hispanic-boy-wearing-casual-clothes-smiling-cheerful-pointing-with-hand-finger-up-side_839833-23303.jpg?_wi=2"
            },
            {
              id: "3",              name: "Alex Thompson",              role: "Artist & Designer",              company: "Portland",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg?_wi=4"
            },
            {
              id: "4",              name: "Casey Johnson",              role: "TikTok Creator",              company: "Austin",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenager-s-face-with-big-smile_23-2147562537.jpg"
            },
            {
              id: "5",              name: "Morgan Lee",              role: "Fashion Enthusiast",              company: "Seattle",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg?_wi=5"
            },
            {
              id: "6",              name: "Riley Chen",              role: "Sustainable Living Advocate",              company: "San Francisco",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/teenager-hispanic-boy-wearing-casual-clothes-smiling-cheerful-pointing-with-hand-finger-up-side_839833-23303.jpg?_wi=3"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Join Our Community", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about shopping vintage with us."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How do you authenticate vintage pieces?",              content: "Every piece is hand-inspected by our team of vintage experts. We check tags, stitching, materials, and wear patterns to ensure authenticity. If something doesn't check out, it doesn't make it to our store."
            },
            {
              id: "2",              title: "What's your return policy?",              content: "We offer 30-day returns on all pieces in original condition. We want you to love what you buy! If something doesn't fit or meet expectations, send it back for a full refund."
            },
            {
              id: "3",              title: "Are sizes accurate to original era?",              content: "Vintage sizes run differently than today's standards. We include detailed measurements and era information for every piece so you can find your perfect fit. Check our size guide before purchasing!"
            },
            {
              id: "4",              title: "Do you have regular restocks?",              content: "We add new pieces weekly! Follow us on Instagram @thriftandvibe for real-time updates on fresh finds. Our most popular items sell out fast, so activate notifications to catch new drops."
            },
            {
              id: "5",              title: "How sustainable is your shipping?",              content: "We use eco-friendly packaging and carbon-neutral shipping partners. All our packaging materials are recyclable or compostable. We're committed to being sustainable from warehouse to your closet."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805333.jpg"
          imageAlt="Vintage fashion styling"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Contact Support", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your vintage journey? Get in touch with our team. We're here to help you find that perfect piece."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Email Us", href: "mailto:hello@thriftandvibe.com" },
            { text: "Follow on Instagram", href: "https://instagram.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Thrift & Vibe"
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Jackets", href: "#products" },
                { label: "Vintage Tees", href: "#products" },
                { label: "Shoes & Boots", href: "#products" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#features" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping & Returns", href: "#" },
                { label: "Size Guide", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "TikTok", href: "https://tiktok.com" },
                { label: "Newsletter", href: "#" },
                { label: "Discord Community", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Thrift & Vibe. Supporting sustainable fashion for Gen Z."
        />
      </div>
    </ThemeProvider>
  );
}
