"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Shop",
          id: "#shop",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Drip Desire"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Drip Desire"
      description="Curated styles for the modern trendsetter. Elevate your wardrobe."
      buttons={[
        {
          text: "Shop New Arrivals",
          href: "#shop",
        },
        {
          text: "Explore Collections",
          href: "#feature",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg?_wi=1",
          imageAlt: "Stylish woman in urban fashion",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-man-looking-away-outside_23-2148448870.jpg?_wi=1",
          imageAlt: "Man in designer jacket, urban setting",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/three-young-beautiful-smiling-female-trendy-summer-clothessexy-carefree-multiracial-women-posing-street-backgroundpositive-models-having-fun-sunglasses-cheerful-happy_158538-23053.jpg?_wi=1",
          imageAlt: "Group of diverse models in trendy clothing",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-details-woman-posing-front-vintage-car-modern-boho-stylish-trendy-outfit-navy-denim-pants-orange-blouse-bag-matching-accessories-holding-smartphone-spring-summer_291049-1151.jpg",
          imageAlt: "Close-up of fashion accessories",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-with-happy-elegant-woman-going-down-steps_23-2148012528.jpg",
          imageAlt: "Stylish couple in elegant evening wear",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/red-plastic-bag-extreme-close-up_23-2148393472.jpg",
          imageAlt: "Abstract fashion background with flowing fabric",
        },
      ]}
      autoplayDelay={3000}
      showDimOverlay={false}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Passion for Fashion"
      description="At Drip Desire, we believe clothing is a form of self-expression. We meticulously curate our collections to bring you the latest trends, high-quality fabrics, and timeless pieces that define your unique style. Discover the story behind every stitch."
      metrics={[
        {
          value: "10K+",
          title: "Happy Customers",
        },
        {
          value: "500+",
          title: "Unique Styles",
        },
        {
          value: "100%",
          title: "Quality Guaranteed",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13529.jpg"
      imageAlt="Fashion designer working in a studio"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Sustainable & Stylish",
          description: "Experience fashion that cares. Our commitment to sustainability ensures every piece is not only trendy but also eco-conscious.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg",
            imageAlt: "Model wearing sustainable clothing",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409156.jpg",
            imageAlt: "Close up of unique fabric pattern",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg?_wi=2",
          imageAlt: "sustainable fashion model",
        },
        {
          title: "Exclusive Designs",
          description: "Stand out with unique designs you won't find anywhere else. Our in-house team creates bespoke collections for the truly fashion-forward.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-young-women-dancing-together-against-grey-background_23-2148178820.jpg",
            imageAlt: "Diverse group of models",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-taking-photos-cutomer_23-2148924094.jpg",
            imageAlt: "Stylist giving fashion advice",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-man-looking-away-outside_23-2148448870.jpg?_wi=2",
          imageAlt: "sustainable fashion model",
        },
        {
          title: "Quality & Comfort",
          description: "Indulge in luxurious fabrics and impeccable tailoring. We blend comfort with durability, ensuring your Drip Desire pieces last for seasons.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/woven-denim-jeans-warm-winter-weather-generated-by-ai_188544-20725.jpg",
            imageAlt: "Close up of luxury fabric texture",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/fashion-blond-model-teenager-style-wig-outdoors-street_158538-14199.jpg",
            imageAlt: "New collection display",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/three-young-beautiful-smiling-female-trendy-summer-clothessexy-carefree-multiracial-women-posing-street-backgroundpositive-models-having-fun-sunglasses-cheerful-happy_158538-23053.jpg?_wi=2",
          imageAlt: "sustainable fashion model",
        },
      ]}
      showStepNumbers={false}
      title="Unveiling Our Signature Styles"
      description="Dive into the elements that make Drip Desire more than just a brand. From sustainable fabrics to exclusive designs, we craft fashion that speaks volumes."
    />
  </div>

  <div id="shop" data-section="shop">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p-1",
          brand: "Drip Desire",
          name: "Elegant Evening Gown",
          price: "$189.99",
          rating: 5,
          reviewCount: "245",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-lifestyle-female-young-girl_1303-660.jpg",
          imageAlt: "Elegant black evening gown",
        },
        {
          id: "p-2",
          brand: "Drip Desire",
          name: "Classic Denim Jacket",
          price: "$89.50",
          rating: 4,
          reviewCount: "180",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-student_1303-5184.jpg",
          imageAlt: "Classic blue denim jacket",
        },
        {
          id: "p-3",
          brand: "Drip Desire",
          name: "Essential White Tee",
          price: "$29.00",
          rating: 5,
          reviewCount: "320",
          imageSrc: "http://img.b2bpic.net/free-photo/ecommerceready-photograph-featuring-confident-model-wearing-basic-activewear-studio-setting_89887-1497.jpg",
          imageAlt: "Basic white cotton t-shirt",
        },
        {
          id: "p-4",
          brand: "Drip Desire",
          name: "High-Waist Skinny Jeans",
          price: "$75.00",
          rating: 4,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-holding-phone-dressed-denim-shirt-jeans_285396-1254.jpg",
          imageAlt: "High-waisted skinny jeans",
        },
        {
          id: "p-5",
          brand: "Drip Desire",
          name: "Luxury Silk Scarf",
          price: "$55.99",
          rating: 5,
          reviewCount: "115",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-white-dress-standing-holding-her-earrings-garden-with-white-wall-daytime_176474-7185.jpg",
          imageAlt: "Luxury patterned silk scarf",
        },
        {
          id: "p-6",
          brand: "Drip Desire",
          name: "Leather Crossbody Bag",
          price: "$120.00",
          rating: 4,
          reviewCount: "98",
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-sitting-stairs-holding-headphones-hands-backpack-long-legs-high-heel-shoes-tanned-skin-close-up-details-accessories_285396-3781.jpg",
          imageAlt: "Leather crossbody bag",
        },
      ]}
      title="Shop the Latest Drops"
      description="Discover fresh arrivals and best-sellers designed to perfect your look."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",
          name: "Sarah J.",
          handle: "@sarah_styles",
          testimonial: "Drip Desire has completely transformed my wardrobe! The quality is amazing, and I always get compliments. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-girl-with-curly-hairstyle-showing-okay-gestures-smiling-approve-agree-with_1258-172776.jpg",
          imageAlt: "Sarah J. customer review",
        },
        {
          id: "t-2",
          name: "Michael Chen",
          handle: "@mchen_fashion",
          testimonial: "Finally, a brand that combines comfort with high fashion. Their pieces are perfect for any occasion. My go-to for essentials!",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3033.jpg",
          imageAlt: "Michael Chen customer review",
        },
        {
          id: "t-3",
          name: "Emily R.",
          handle: "@emily_drips",
          testimonial: "The customer service is outstanding, and the clothes fit perfectly. Drip Desire truly understands modern style. Love it!",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-pink-blouse_23-2148302821.jpg",
          imageAlt: "Emily R. customer review",
        },
        {
          id: "t-4",
          name: "David Kim",
          handle: "@davidk_looks",
          testimonial: "I'm always impressed with the unique designs and how quickly my orders arrive. Drip Desire keeps my style fresh and on point.",
          imageSrc: "http://img.b2bpic.net/free-photo/urban-stylish-young-girl-walking-with-skateboard-outdoors-portrait-active-sport-woman-model-healthy-lifestyle-extreme-sports-fashion-look-outdoor-hipster-portrait-close-up-portrait-prett_1321-3657.jpg",
          imageAlt: "David Kim customer review",
        },
        {
          id: "t-5",
          name: "Jessica L.",
          handle: "@jessica_trends",
          testimonial: "From casual wear to evening outfits, Drip Desire has it all. The clothes are durable and always receive compliments.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-women-making-fun-against-grey-backdrop_23-2148178813.jpg",
          imageAlt: "Jessica L. customer review",
        },
      ]}
      title="What Our Fashionistas Say"
      description="Hear from our satisfied customers who've elevated their style with Drip Desire."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vogue",
        "Fashionista",
        "Style Weekly",
        "Glamour",
        "Elle",
        "Harper's Bazaar",
        "Marie Claire",
      ]}
      title="As Seen In"
      description="Featured by leading fashion publications and style influencers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What is your shipping policy?",
          content: "We offer worldwide shipping with various options from standard to expedited. Shipping costs and delivery times vary by destination. Details can be found on our shipping page.",
        },
        {
          id: "faq-2",
          title: "What is your return policy?",
          content: "Items can be returned within 30 days of purchase, provided they are unworn, unwashed, and with all original tags attached. Refunds are processed within 5-7 business days.",
        },
        {
          id: "faq-3",
          title: "Do you offer international shipping?",
          content: "Yes, Drip Desire proudly ships internationally! Please note that customs duties and taxes may apply, which are the responsibility of the recipient.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/focused-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11713.jpg"
      imageAlt="Person looking for answers on a laptop"
      mediaAnimation="slide-up"
      title="Your Questions, Answered"
      description="Find quick answers to common queries about shopping with Drip Desire."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Have a question about your order or need styling advice? Reach out to our team!"
      buttons={[
        {
          text: "Contact Support",
          href: "#",
        },
        {
          text: "Send Us an Email",
          href: "mailto:support@dripdesire.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Drip Desire"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "New Arrivals",
              href: "#shop",
            },
            {
              label: "Women's",
              href: "#",
            },
            {
              label: "Men's",
              href: "#",
            },
            {
              label: "Accessories",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Mission",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Support",
              href: "#",
            },
            {
              label: "Instagram",
              href: "https://instagram.com/dripdesire",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/dripdesire",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Drip Desire. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
