"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";

import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';


export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Products",          id: "#products"}
      ]}
      brandName="Jwi.shop"
      button={{
        text: "Shop Now",        href: "#products"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Discover Your Vibe with Jwi.shop"
      description="Curated styles from our Instagram page, delivered to your door. Explore our latest collections and find your perfect look."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cyclist-using-smartphone-steel-bridge_613910-14382.jpg",          imageAlt: "Stylish men's fashion model",          videoAriaLabel: "Fashion model in a stylish outfit"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885670.jpg",          imageAlt: "Minimalist clothing display",          videoAriaLabel: "Clean clothing display in a modern store"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-thoughtful-sporty-woman-dressed-activewears-sneakers-carries-rolled-fitness-mat-going-have-yoga-practice-outdoors-poses-against-modern-city-building-aerobics-concept_273609-57748.jpg",          imageAlt: "Activewear fashion shoot",          videoAriaLabel: "Dynamic shot of activewear"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-with-gen-z-makeup_23-2149451805.jpg",          imageAlt: "Diverse group in trendy outfits",          videoAriaLabel: "Group of friends in stylish clothes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg",          imageAlt: "Minimalist apparel store interior",          videoAriaLabel: "Modern and clean apparel store"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-urban-outfit_1303-17744.jpg",          imageAlt: "Male model posing stylishly",          videoAriaLabel: "Fashion model showcasing an outfit"}
      ]}
      rightCarouselItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERj2yBOsVA11I4NIzAbeTi8T29/uploaded-1780148093365-lz3yjkby.jpg",          imageAlt: "Man wearing a black t-shirt and white joggers",          videoAriaLabel: "Video of man showing off black t-shirt and white joggers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-13965.jpg",          imageAlt: "Fashion model with confident expression",          videoAriaLabel: "Confident model in trendy clothing"},
        {
          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-23025.jpg",          imageAlt: "Diverse group of young people",          videoAriaLabel: "Friends enjoying street style fashion"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331740.jpg",          imageAlt: "Model walking in stylish outfit",          videoAriaLabel: "Dynamic urban fashion scene"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828576.jpg",          imageAlt: "Minimalist clothing retail store",          videoAriaLabel: "Aesthetic retail space with clothes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-girl-wearing-blue-shirt-shorts-sitting-sunny-street-with-smartphone-enjoying-sunny-day_291650-2673.jpg",          imageAlt: "Young man posing in stylish outfit",          videoAriaLabel: "Stylish young man in casual wear"}
      ]}
      buttons={[
        {
          text: "Shop Latest",          href: "#products"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/attractive-pretty-girl-leather-jacket-white-tshirt-city-portrait-attractive-lady-good-mood-looks-away_291650-1633.jpg",          alt: "Happy Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",          alt: "Happy Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186144.jpg",          alt: "Happy Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-good-looking-curly-haired-young-woman-smiles-broadly-expresses-positive-emotions-glad-hear-recent-news_273609-52288.jpg",          alt: "Happy Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-overalls-sitting-casually-yellow-couch_24972-2976.jpg",          alt: "Customer wearing overalls"}
      ]}
      avatarText="Join our community of style lovers!"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/smartphone-with-skirt-glasses-macaroons_23-2148055350.jpg",          alt: "clothing accessories display retail"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/handsome-guy-street_1122-546.jpg",          alt: "Handsome guy in the street"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/fashion-african-american-man-model-red-suit-with-highlights-hair-handbag-posed-street_627829-2089.jpg",          alt: "Fashion african american man model at red suit with highlights hair and handbag posed at street"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/urban-young-hipster-indian-man-fashionable-yellow-sweatshirt-cool-south-asian-guy-wear-hoodie-black-face-protect-mask-new-normal_627829-4529.jpg",          alt: "Urban young hipster indian man in a fashionable yellow sweatshirt Cool south asian guy wear hoodie and black face protect mask during new normal"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2750.jpg",          alt: "Stylish hipster arab man guy in sunglasses posed outdoor in street at sunset against gray wall"}
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Jwi.shop",          name: "Black Slim Jogger Set",          price: "3300 DA",          rating: 4.5,          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-lambersexual-modelstylish-man-dressed-white-tshirt-jeans-fashion-male-posing-street-background-near-fence-beach-cheerful-happy_158538-20789.jpg",          imageAlt: "Black slim jogger pants and t-shirt set"},
        {
          id: "p2",          brand: "Jwi.shop",          name: "Comfort Fit Grey Pants",          price: "2500 DA",          rating: 4.2,          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/dreamer-stylish-macho-man-gray-suit-glasses-posed-roof_627829-7665.jpg",          imageAlt: "Comfort fit grey casual pants"},
        {
          id: "p3",          brand: "Jwi.shop",          name: "Essential Black Tee",          price: "1500 DA",          rating: 4.7,          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-sunglasses-funny-positive-woman-having-fun_158538-6271.jpg",          imageAlt: "Basic black crew neck t-shirt"},
        {
          id: "p4",          brand: "Jwi.shop",          name: "Urban Blue Denim",          price: "4000 DA",          rating: 4.0,          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-front-ship_23-2147724826.jpg",          imageAlt: "Modern blue denim jeans"},
        {
          id: "p5",          brand: "Jwi.shop",          name: "Streetwear Oversized Hoodie",          price: "4500 DA",          rating: 4.3,          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/tired-black-female-runner-sportswoman-dressed-casual-sweatshirt-with-hoodie-cathces-breath-keeps-hands-knees_273609-18386.jpg",          imageAlt: "Stylish oversized hoodie"},
        {
          id: "p6",          brand: "Jwi.shop",          name: "Minimalist White Sneakers",          price: "5000 DA",          rating: 4.8,          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-724.jpg",          imageAlt: "Clean minimalist white sneakers"}
      ]}
      title="Our Latest Collection"
      description="Shop the trending items directly from our Instagram. Find your next favorite outfit and express your unique style."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Jwi.shop"
      copyrightText="© 2024 | Jwi.shop. All rights reserved."
      socialLinks={[]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}