"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Crown, DollarSign, Feather, Leaf, Smile, Sparkles, Tag, User } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Collections",          id: "#collections"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Cart2Closet"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Unveiling Your Style, One Piece at a Time"
      description="Cart2Closet is your premier destination for luxury, quality, and unique fashion. Discover exquisite collections that redefine elegance and individuality, tailored for the modern trendsetter."
      tag="Luxury Fashion"
      tagAnimation="opacity"
      buttons={[
        {
          text: "Explore Collections",          href: "#collections"},
        {
          text: "Visit Our Store",          href: "https://www.google.com/maps/place/Cart2Closet+-+Fashion+Store+%E2%80%A2+Luxury+Store+%E2%80%A2+Quality,+Affordable+and+Unique/data=!4m7!3m6!1s0x103b9b47a9e32f01:0xbddf6b7d5a5a1f6a!8m2!3d6.4429718!4d3.473523!16s%2Fg%2F11sbw_916b!3m1!1s0x103b9b47a9e32f01:0xbddf6b7d5a5a1f6a?hl=en&rflfq=1&rlha=1&rllag=6.4429718,3.473523,0&rldgs=0816+672+3412&r ذا=0&rnum=1&rsta=0&rsts=16584&rsst=AUEpHLu6W2Q3X2J4X2Z4F7D3L3K2M3Q2P2R3T2V3F2G2S2A2B3N2N2C2D2O2&svc_id=1&sa=X&ved=2ahUKEwj49u_1x_SGAxWMD0QIHVm_C6kQjKpCKAF6BAgQEAU"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-brunette-girl-pink-glasses-wear-black-posed-outdoor-sunny-day_627829-7775.jpg"
      imageAlt="Elegant fashion model in Cart2Closet luxury clothing"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-thoughtful-young-female-dressed-shirt-with-square-pattern-isolated-dark-grey-background_613910-143.jpg",          alt: "Happy customer"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg",          alt: "Satisfied client"},
        {
          src: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg",          alt: "Fashion enthusiast"},
        {
          src: "http://img.b2bpic.net/free-photo/photo-beautiful-seductive-young-caucasian-woman-golden-cocktail-dress-looking-into-camera-brown-background_639032-1807.jpg",          alt: "Stylish shopper"},
        {
          src: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924092.jpg",          alt: "Delighted buyer"},
      ]}
      avatarText="Loved by thousands of fashionistas"
      marqueeItems={[
        {
          type: "text",          text: "Designer Apparel"},
        {
          type: "text",          text: "Premium Quality"},
        {
          type: "text",          text: "Exclusive Styles"},
        {
          type: "text",          text: "Sustainable Fashion"},
        {
          type: "text",          text: "Unique Finds"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={false}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="left"
      title="Curated Elegance, Exceptional Value"
      description="At Cart2Closet, we believe true style should be accessible without compromising on quality or uniqueness. We meticulously hand-pick every garment, ensuring a collection that stands out. Our commitment is to offer you luxury pieces that are both affordable and exclusive."
      tag="About Us"
      tagAnimation="opacity"
      buttonAnimation="opacity"
      bulletPoints={[
        {
          title: "Unrivaled Quality",          description: "Each item is inspected to meet the highest standards of craftsmanship and material excellence."},
        {
          title: "Distinctive Designs",          description: "Discover unique pieces you won't find anywhere else, reflecting global fashion trends with a local touch."},
        {
          title: "Affordable Luxury",          description: "Experience premium fashion without the premium price tag, making luxury accessible for all."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-clothing-rack_53876-138107.jpg"
      imageAlt="Interior of a luxurious fashion boutique with clothing displays"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Unique Collections",          description: "Explore exclusive designs and limited-edition items that ensure your style is always distinct.",          bentoComponent: "reveal-icon",          icon: Sparkles
        },
        {
          title: "Premium Quality",          description: "We source garments made from the finest fabrics and with superior craftsmanship, built to last.",          bentoComponent: "reveal-icon",          icon: Feather
        },
        {
          title: "Accessible Luxury",          description: "Enjoy high-end fashion at prices that respect your budget, making sophistication attainable.",          bentoComponent: "reveal-icon",          icon: DollarSign
        },
        {
          title: "Personalized Styling",          description: "Our expert team offers tailored advice to help you curate looks that match your individual taste.",          bentoComponent: "reveal-icon",          icon: User
        },
        {
          title: "Ethical Sourcing",          description: "We partner with brands committed to sustainable and responsible production practices.",          bentoComponent: "reveal-icon",          icon: Leaf
        },
        {
          title: "Customer Satisfaction",          description: "Your happiness is our priority. We provide exceptional service and a seamless shopping experience.",          bentoComponent: "reveal-icon",          icon: Smile
        }
      ]}
      title="Why Cart2Closet is Your Fashion Destination"
      description="Experience a new standard in retail. From our curated selections to our commitment to value, we're dedicated to enhancing your wardrobe with pieces that truly reflect you."
      tag="Our Advantages"
      tagAnimation="opacity"
      buttonAnimation="opacity"
    />
  </div>

  <div id="collections" data-section="collections">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Elegance Flow Dress",          price: "₦120,000",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-sagittarius-zodiac-sign_23-2151006198.jpg",          imageAlt: "Elegant black evening dress"},
        {
          id: "2",          name: "Executive Tailored Suit",          price: "₦250,000",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg",          imageAlt: "Sharp grey men's tailored suit"},
        {
          id: "3",          name: "Silk Whisper Blouse",          price: "₦75,000",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-brunette-curly-woman-burgundy-pants-trendy-white-blouse-looks-into-camera-poses-near-white-wooden-doors_197531-29877.jpg",          imageAlt: "Stylish silk blouse for women"},
        {
          id: "4",          name: "Urban Chic Trousers",          price: "₦85,000",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-takeaway-coffee-cup-standing-outdoor_23-2148148109.jpg",          imageAlt: "Designer women's smart trousers"},
        {
          id: "5",          name: "Luxury Leather Jacket",          price: "₦180,000",          imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16985.jpg",          imageAlt: "Black luxury leather jacket"},
        {
          id: "6",          name: "Pleated Midi Skirt",          price: "₦65,000",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2766.jpg",          imageAlt: "Fashionable pleated midi skirt"},
      ]}
      title="Discover Our Latest Collections"
      description="From sophisticated evening wear to chic casuals, our collections are meticulously curated to bring you the best in contemporary fashion. Find your next favorite piece today."
      tag="Collections"
      tagAnimation="opacity"
      buttonAnimation="opacity"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Cart2Closet is simply amazing! The quality of their luxury items is outstanding, and I always find unique pieces that turn heads. Their customer service is exceptional. Highly recommend for anyone looking to elevate their style affordably."
      rating={5}
      author="Sarah J."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg",          alt: "Sarah J."},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",          alt: "Michael C."},
        {
          src: "http://img.b2bpic.net/free-photo/happy-shopping-woman-speaking-phone_23-2147962187.jpg",          alt: "Emily R."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",          alt: "David K."},
        {
          src: "http://img.b2bpic.net/free-photo/woman-wearing-blonde-wig-front-view_23-2149883749.jpg",          alt: "Jessica L."},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-man-recommending-store-showing-orange-shopping-bag-ok-sign-standing-blue-backg_1258-150717.jpg",          alt: "Daniel M."},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Vogue",        "Chanel",        "Dior",        "Gucci",        "Prada",        "Versace",        "Elle"]}
      title="As Seen In & Trusted By"
      description="Cart2Closet is recognized by leading fashion authorities and cherished by discerning clients."
      tag="Endorsements"
      tagAnimation="opacity"
      buttonAnimation="opacity"
      speed={30}
      showCard={false}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "1",          badge: "Everyday Chic",          badgeIcon: Tag,
          price: "From ₦50,000",          subtitle: "Curated essentials for daily elegance.",          buttons: [
            {
              text: "Shop Now",              href: "#collections"},
          ],
          features: [
            "Hand-picked casual wear",            "Trendy accessories",            "Seasonal new arrivals",            "Exclusive discounts"],
        },
        {
          id: "2",          badge: "Luxury Edit",          badgeIcon: Crown,
          price: "From ₦150,000",          subtitle: "Exquisite pieces for special occasions and refined tastes.",          buttons: [
            {
              text: "View Collection",              href: "#collections"},
          ],
          features: [
            "Designer garments",            "Fine fabrics & craftsmanship",            "Limited edition releases",            "Personal styling session"],
        },
      ]}
      title="Exclusive Style Collections"
      description="Explore our tiered fashion experiences, designed to suit every aspiration. From everyday elegance to haute couture, Cart2Closet has a collection for you."
      tag="Our Offerings"
      tagAnimation="opacity"
      buttonAnimation="opacity"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Your Next Fashion Statement Awaits"
      description="Visit our physical store or reach out online to discover personalized styling and our unique collections. We are located at 15b Ogidi Crescent, Off Admiralty Rd, Lekki Phase 1, Lagos."
      tagAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-american-fashion-model-woman-wear-green-top-black-shiny-wet-look-pants_627829-4672.jpg"
      imageAlt="Exterior of Cart2Closet fashion store in Lekki Phase 1"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Stay Updated"
      termsText="By clicking Stay Updated, you agree to receive promotional emails from Cart2Closet."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/close-up-abstract-plastic-bag-concept_23-2148549022.jpg"
      imageAlt="Abstract fashion background with elegant lines"
      logoText="Cart2Closet"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "New Arrivals",              href: "#collections"},
            {
              label: "Luxury Edit",              href: "#pricing"},
            {
              label: "Everyday Chic",              href: "#pricing"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://www.instagram.com/cart2closet"},
            {
              label: "Facebook",              href: "https://www.facebook.com/cart2closet"},
            {
              label: "WhatsApp",              href: "tel:+2348166723412"},
          ],
        },
      ]}
      copyrightText="© 2024 Cart2Closet. All rights reserved."
      onPrivacyClick={() => console.log('Privacy Policy Clicked')}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
