"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          href: "/"},
        {
          name: "Shop",          href: "/#shop"},
        {
          name: "Lookbook",          href: "/lookbook"},
        {
          name: "About",          href: "/about"},
      ]}
      brandName="1VAULT"
      button={{
        text: "Cart",        href: "/cart"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="1VAULT"
      description="It was never meant to be for everyone. Enter the Vault."
      buttons={[
        {
          text: "Enter the Vault",          href: "/#shop"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg"
      imageAlt="Model wearing 1Vault streetwear"
      mediaAnimation="opacity"
    />
  </div>

  <div id="shop" data-section="shop">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "1VAULT",          name: "ARCHIVE HOODIE",          price: "$280",          rating: 5,
          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-turtleneck-sweater-looking-up-looking-thoughtful-front-view_176474-61719.jpg",          imageAlt: "1Vault Archive Hoodie"},
        {
          id: "p2",          brand: "1VAULT",          name: "SIGNATURE TEE",          price: "$120",          rating: 5,
          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-posing_23-2148499518.jpg",          imageAlt: "1Vault Signature Tee"},
        {
          id: "p3",          brand: "1VAULT",          name: "URBAN CARGOS",          price: "$350",          rating: 4,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg",          imageAlt: "1Vault Urban Cargos"},
        {
          id: "p4",          brand: "1VAULT",          name: "VAULT BOMBER",          price: "$550",          rating: 5,
          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg",          imageAlt: "1Vault Vault Bomber Jacket"},
        {
          id: "p5",          brand: "1VAULT",          name: "SCRIPT BEANIE",          price: "$75",          rating: 4,
          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-coat-posing-outside_1153-2687.jpg",          imageAlt: "1Vault Script Beanie"},
        {
          id: "p6",          brand: "1VAULT",          name: "PHANTOM SNEAKERS",          price: "$480",          rating: 5,
          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-wedding-rings-crown-shoes-white-cloth_23-2148187463.jpg",          imageAlt: "1Vault Phantom Sneakers"},
      ]}
      title="New Arrivals"
      description="Discover the latest drops, exclusively curated for the discerning few."
    />
  </div>

  <div id="lookbook" data-section="lookbook">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      features={[
        {
          title: "Urban Grit",          description: "Captured amidst raw cityscapes, reflecting the untamed spirit of the collection.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg",          imageAlt: "Urban Grit Lookbook Shot",          titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg",          buttonText: "View Gallery"},
        {
          title: "Minimalist Forms",          description: "Clean lines and bold silhouettes define the architectural essence of each garment.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg",          imageAlt: "Minimalist Forms Lookbook Shot",          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3569.jpg",          buttonText: "Explore Styles"},
        {
          title: "Vaulted Exclusivity",          description: "Dramatic compositions emphasize the rare and sought-after nature of our designs.",          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg",          imageAlt: "Vaulted Exclusivity Lookbook Shot",          titleImageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915117.jpg",          buttonText: "Discover More"},
      ]}
      title="Editorial Lookbook"
      description="Experience the current collection through a cinematic lens. Every piece tells a story of craftsmanship and exclusive design."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Cultured Mag",        "Vogue Street",        "Hypebeast Review",        "The Design Vault",        "Exclusive Wear",        "Trendsetters Inc.",        "Fashion Elite"]}
      title="Trusted by Visionaries"
      description="Worn and endorsed by those who shape culture. 1Vault is a symbol of discerning taste."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="1VAULT is not for everyone."
      description={[
        "It was never meant to be. We forge luxury streetwear for those who understand true exclusivity. This is not just clothing; it's a statement, a philosophy, a piece of art reserved for the discerning few.",        "Every stitch, every fabric choice, every design element is meticulously curated to embody a dark, refined aesthetic. We challenge the norms of ready-to-wear, creating limited-edition pieces that transcend fleeting trends. To own 1VAULT is to possess a key to an exclusive world. Enter the vault, if you dare."]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Unmatched Quality",          quote: "The craftsmanship of 1Vault pieces is simply unparalleled. Every detail feels intentional and luxurious. It's truly a cut above.",          name: "Jordan R.",          role: "Fashion Critic",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blue-eyes-white-clothes_613910-10594.jpg"},
        {
          id: "2",          title: "A Statement Piece",          quote: "Wearing 1Vault isn't just about clothing; it's about making a statement. It exudes confidence and an exclusive aura that turns heads.",          name: "Samantha L.",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17674.jpg"},
        {
          id: "3",          title: "Beyond Trends",          quote: "In a world of fast fashion, 1Vault stands out. Their designs are timeless, yet cutting-edge. It's an investment in style.",          name: "Marcus A.",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
        {
          id: "4",          title: "The True Definition of Luxury",          quote: "From the fabric to the fit, 1Vault redefines luxury streetwear. It's about subtle power and sophisticated edge.",          name: "Chloe G.",          role: "Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg"},
        {
          id: "5",          title: "Exclusivity Perfected",          quote: "Finding a brand that truly understands exclusivity and delivers on it is rare. 1Vault has perfected it. I'm a lifelong patron.",          name: "Ethan K.",          role: "Collector",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
      ]}
      title="Voices from the Vault"
      description="Hear from the select few who wear 1Vault, embodying its spirit of exclusivity and luxury."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Inquire"
      title="Unlock the Experience"
      description="For collaborations, bespoke requests, or simply to connect with the 1Vault team, reach out. We are here to assist the discerning."
      buttons={[
        {
          text: "Contact Us",          href: "/#footer"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Shop",              href: "/#shop"},
            {
              label: "Lookbook",              href: "/lookbook"},
            {
              label: "About",              href: "/about"},
          ],
        },
        {
          items: [
            {
              label: "Instagram",              href: "https://www.instagram.com/1vault"},
            {
              label: "TikTok",              href: "https://www.tiktok.com/@1vault"},
            {
              label: "Privacy Policy",              href: "/privacy"},
            {
              label: "Terms of Service",              href: "/terms"},
          ],
        },
      ]}
      logoText="1VAULT"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}