"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, Star, Zap, CheckCircle, Instagram, Twitter, TikTok } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Nightdrip"
          navItems={[
            { name: "Shop", id: "product" },
            { name: "About", id: "about" },
            { name: "Culture", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Streetwear Collective"
          bottomRightText="hello@nightdrip.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Own Your Vibe"
          description="Nightdrip is where bold meets beautiful. Premium streetwear designed for those who refuse to blend in. Every piece tells a story."
          tag="New Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Shop Now", href: "#product" },
            { text: "Explore", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Alex Chen",              handle: "@streetvibe",              testimonial: "Nightdrip is literally the only brand I buy. Quality is insane.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-pink-clothes_158538-889.jpg",              imageAlt: "Alex Chen"
            },
            {
              name: "Maya Rodriguez",              handle: "@streetfashion",              testimonial: "Finally found a brand that gets it. Real quality, real culture.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-woman-stands-with-crossed-arms-olive-green_141793-69567.jpg",              imageAlt: "Maya Rodriguez"
            },
            {
              name: "Jordan Park",              handle: "@styleking",              testimonial: "Nightdrip pieces are grails. Worth every penny.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-girl-dressed-elegant-gray-dress-standing-with-crossed-arms-while-leaning-against-brick-wall-looking-camera_613910-6516.jpg",              imageAlt: "Jordan Park"
            },
            {
              name: "Nia Williams",              handle: "@drip_culture",              testimonial: "The drops sell out fast. This is the streetwear moment.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-woman-sweater-standing-with-arms-folded-isolated-gray-background_231208-7348.jpg",              imageAlt: "Nia Williams"
            }
          ]}
          testimonialRotationInterval={5000}
          avatars={[
            { src: "http://img.b2bpic.net/free-vector/email-signature-collection-gradient-colors_23-2147814546.jpg", alt: "Community member 1" },
            { src: "http://img.b2bpic.net/free-vector/business-consulting_24877-63459.jpg", alt: "Community member 2" },
            { src: "http://img.b2bpic.net/free-vector/email-signature-collection-flat-style_23-2147823197.jpg", alt: "Community member 3" },
            { src: "http://img.b2bpic.net/free-vector/set-avatar-silhouettes_23-2147674173.jpg", alt: "Community member 4" }
          ]}
          avatarText="Trusted by thousands"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-interracial-young-couple-looking-camera_23-2148151955.jpg"
          imageAlt="Nightdrip Hero"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          background="gradient-bars"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Star}
          tagAnimation="slide-up"
          title="Built on Authenticity, Rooted in Street Culture"
          useInvertedBackground={true}
          buttons={[
            { text: "Join the Movement", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Latest Collection"
          description="Handpicked pieces from our newest drop. Limited quantities. Real quality."
          tag="Limited Edition"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Essential Oversized Tee",              price: "$59.99",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-posing_23-2149028760.jpg",              imageAlt: "Essential Oversized Tee"
            },
            {
              id: "2",              name: "Cargo Joggers",              price: "$89.99",              imageSrc: "http://img.b2bpic.net/free-photo/assortment-beige-tone-colored-pants_23-2150773367.jpg",              imageAlt: "Cargo Joggers"
            },
            {
              id: "3",              name: "Heavyweight Hoodie",              price: "$129.99",              imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-sportswoman-dressed-hoodie-leggings-carries-rolled-kareamt-holds-mobile-phone-waits-call-rests-after-training-focused-into-distance-poses-against-blurred-background_273609-62250.jpg",              imageAlt: "Heavyweight Hoodie"
            }
          ]}
          buttons={[
            { text: "View Full Catalog", href: "/shop" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Nightdrip"
          description="We obsess over quality because your wardrobe deserves better."
          tag="What Sets Us Apart"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              tag: "Premium",              title: "Organic Cotton Blend",              subtitle: "Comfort Meets Quality",              description: "Every piece uses 100% organic cotton, sustainably sourced. No shortcuts.",              imageSrc: "http://img.b2bpic.net/free-photo/tailor-woman-using-needle-thread-sew_23-2148827165.jpg",              imageAlt: "Organic Cotton"
            },
            {
              id: 2,
              tag: "Culture",              title: "Artist Collaborations",              subtitle: "Exclusive Designs",              description: "Limited drops with emerging street artists. Each piece is a wearable artwork.",              imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-wallpaper-mixed-bright-acrylic-paint-textured_53876-134377.jpg",              imageAlt: "Artist Collaborations"
            },
            {
              id: 3,
              tag: "Community",              title: "Built for Your Lifestyle",              subtitle: "Designed by the Culture",              description: "We listen to our community. Every design comes from real feedback and real needs.",              imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-girls-taking-photos-treet-sunny-day_627829-10611.jpg",              imageAlt: "Community Design"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Featured In"
          description="Trusted by the culture. Recognized by the industry."
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Hypebeast", "Grailed", "Complex", "Sneaker News", "Highsnobiety", "SSENSE", "Farfetch"]}
          logos={[
            "http://img.b2bpic.net/free-psd/ad-school-template-banner_23-2148797863.jpg",            "http://img.b2bpic.net/free-psd/like-subscribe-button-isolated_23-2151846574.jpg",            "http://img.b2bpic.net/free-vector/cyber-monday-concept-with-retro-futuristic-background_23-2148313793.jpg",            "http://img.b2bpic.net/free-vector/flat-design-cross-country-logo-template_23-2149489906.jpg",            "http://img.b2bpic.net/free-vector/hipster-designs-collection_1324-75.jpg",            "http://img.b2bpic.net/free-vector/gradient-s-logo-template-set_23-2148914634.jpg",            "http://img.b2bpic.net/free-vector/gradient-fashion-stylist-labels-template_23-2150000435.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Nightdrip isn't just clothing. It's a statement. Every piece I own has become a staple in my rotation. The quality is unmatched and the designs are always fresh."
          rating={5}
          author="Tyler Mitchell"
          avatars={[
            { src: "http://img.b2bpic.net/free-vector/people-avatar-collection_23-2148125380.jpg", alt: "Tyler Mitchell" },
            { src: "http://img.b2bpic.net/free-vector/flat-variety-user-avatar_23-2147543529.jpg", alt: "Community member" },
            { src: "http://img.b2bpic.net/free-vector/hand-drawn-avatar-collection_23-2148075501.jpg", alt: "Community member" },
            { src: "http://img.b2bpic.net/free-vector/colorful-set-smiley-men-avatars_23-2147672541.jpg", alt: "Community member" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions? Want to collaborate? Hit us up. We read every message."
          useInvertedBackground={false}
          mediaAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg"
          imageAlt="Get in touch"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your name" },
            { name: "email", type: "email", placeholder: "your@email.com" }
          ]}
          textarea={{ name: "message", placeholder: "Tell us what's on your mind...", rows: 5 }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Nightdrip"
          copyrightText="© 2025 Nightdrip. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/nightdrip", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/nightdrip", ariaLabel: "Twitter" },
            { icon: TikTok, href: "https://tiktok.com/@nightdrip", ariaLabel: "TikTok" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
