"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Facebook, Film, Instagram, Newspaper, Smile, Sparkles, Users } from "lucide-react";

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",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      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">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Black Slim Jogger Set",
          price: "3300 DA",
          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",
          name: "Comfort Fit Grey Pants",
          price: "2500 DA",
          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",
          name: "Essential Black Tee",
          price: "1500 DA",
          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",
          name: "Urban Blue Denim",
          price: "4000 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-front-ship_23-2147724826.jpg",
          imageAlt: "Modern blue denim jeans",
        },
        {
          id: "p5",
          name: "Streetwear Oversized Hoodie",
          price: "4500 DA",
          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",
          name: "Minimalist White Sneakers",
          price: "5000 DA",
          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="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Beyond the Gram: Our Passion for Style"
      description="Jwi.shop brings the latest trends and timeless pieces directly from our curated Instagram feed to your wardrobe. We believe in quality, affordability, and helping you express your unique style."
      subdescription="Experience seamless shopping with fast delivery and exceptional customer service. Your next favorite look is just a click away, making it easy to stay on top of fashion effortlessly."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34831.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Fast & Reliable Delivery",
          author: "Jwi.shop Team",
          description: "Get your favorite styles delivered quickly and securely to your doorstep, so you can enjoy your new looks sooner.",
          tags: [
            "Speed",
            "Convenience",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-delivery-woman-uniform-cap-holding-cardbox-head-looking-it_141793-116723.jpg",
          imageAlt: "Delivery person with a package",
        },
        {
          id: "f2",
          title: "Curated Collections",
          author: "Jwi.shop Stylists",
          description: "We handpick every item to ensure you always find the latest trends and highest quality pieces, reflecting your unique taste.",
          tags: [
            "Quality",
            "Trendy",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-standing-showroom_23-2148101726.jpg",
          imageAlt: "Person browsing clothes on a smartphone",
        },
        {
          id: "f3",
          title: "Exceptional Customer Support",
          author: "Jwi.shop Support",
          description: "Our dedicated team is here to assist you with any questions or styling advice, providing a personalized shopping experience.",
          tags: [
            "Support",
            "Personalized",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer-choose-clothes_23-2148924101.jpg",
          imageAlt: "Diverse group of happy people in a store",
        },
      ]}
      title="Why Shop with Jwi.shop?"
      description="More than just clothes, we offer an experience tailored to your style and convenience, ensuring every purchase brings joy."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          handle: "@sarah_styles",
          testimonial: "Absolutely love my new outfit from Jwi.shop! The quality is amazing, and delivery was super fast. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-641.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "t2",
          name: "Ahmed K.",
          handle: "@ahmed_fashion",
          testimonial: "Finally found a shop that matches my style. The collection is always fresh, and their customer service is top-notch!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bartender-smiling-camera_107420-65492.jpg",
          imageAlt: "Ahmed K.",
        },
        {
          id: "t3",
          name: "Lina M.",
          handle: "@lina_looks",
          testimonial: "Jwi.shop is my go-to for trendy pieces. The clothes fit perfectly, and I always get compliments. A true gem!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-retro-man-showing-peace-gesture_171337-10301.jpg",
          imageAlt: "Lina M.",
        },
        {
          id: "t4",
          name: "Omar B.",
          handle: "@omar_threads",
          testimonial: "Fantastic experience from start to finish. The website is easy to navigate, and the product descriptions are accurate.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",
          imageAlt: "Omar B.",
        },
        {
          id: "t5",
          name: "Nadia S.",
          handle: "@nadia_chic",
          testimonial: "I appreciate the unique selection Jwi.shop offers. It's refreshing to find such stylish and affordable clothing. Will be back!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6640.jpg",
          imageAlt: "Nadia S.",
        },
      ]}
      showRating={true}
      title="What Our Customers Say"
      description="Real feedback from our satisfied community who found their perfect vibe and experienced exceptional service."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "13+",
          title: "Posts",
          description: "Inspiring new looks daily",
          icon: Newspaper,
        },
        {
          id: "m2",
          value: "650+",
          title: "Followers",
          description: "Growing community of fashion enthusiasts",
          icon: Users,
        },
        {
          id: "m3",
          value: "100%",
          title: "Satisfaction",
          description: "Dedicated to your style happiness",
          icon: Smile,
        },
      ]}
      title="Our Community at a Glance"
      description="Join thousands who trust Jwi.shop for their daily style needs and become part of a thriving fashion community."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What are your shipping options?",
          content: "We offer fast and reliable delivery services across the region. Standard delivery typically takes 3-5 business days. Expedited options are also available.",
        },
        {
          id: "faq2",
          title: "What is your return policy?",
          content: "Customer satisfaction is our priority. You can return items within 14 days of purchase, provided they are in their original condition with tags attached. Please see our full return policy for details.",
        },
        {
          id: "faq3",
          title: "How can I track my order?",
          content: "Once your order is shipped, you will receive a tracking number via email. You can use this number on our website's 'Track Order' page or the carrier's site to monitor its progress.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to your questions about orders, shipping, returns, and more. We're here to help you shop with confidence."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to elevate your style? Connect with us for personalized assistance, styling advice, or any inquiries you might have. We're eager to help you find your perfect vibe."
      buttons={[
        {
          text: "Message Us",
          href: "#",
        },
        {
          text: "Email Us",
          href: "mailto:info@jwi.shop",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Jwi.shop"
      copyrightText="© 2024 | Jwi.shop. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/jwi._.shop",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Film,
          href: "#",
          ariaLabel: "TikTok",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
