"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Clock, Diamond, Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "/about"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Track Order",          id: "/track-order"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Malavida"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "glowing-orb"}}
      imagePosition="right"
      title="Define Your Style. Live Malavida."
      description="Discover our latest collection of premium apparel, meticulously designed for the modern individual. Experience unparalleled quality and cutting-edge fashion that speaks volumes without saying a word."
      kpis={[
        {
          value: "20+",          label: "Years in Fashion"},
        {
          value: "10K+",          label: "Happy Customers"},
        {
          value: "500+",          label: "Unique Designs"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Shop Now",          href: "/gallery"},
        {
          text: "Explore Collections",          href: "/about"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/three-young-people-using-different-social-media-websites-their-mobile-phone_23-2147841167.jpg",          alt: "Fashion Model 1"},
        {
          src: "http://img.b2bpic.net/free-photo/girl-warm-white-clothes_613910-10596.jpg",          alt: "Fashion Model 2"},
        {
          src: "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",          alt: "Fashion Model 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22420.jpg",          alt: "Fashion Model 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blue-eyes-white-clothes_613910-14941.jpg",          alt: "Fashion Model 5"},
      ]}
      avatarText="Join our community of trendsetters."
      imageSrc="http://img.b2bpic.net/free-photo/editorial-style-image-capturing-clothing-textures-with-poised-model-gentle-illumination_89887-1493.jpg"
      imageAlt="Fashion model posing in Malavida clothing with a dark background"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Premium Quality",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Exclusive Designs",          icon: Diamond,
        },
        {
          type: "text-icon",          text: "Sustainable Fashion",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Customer Approved",          icon: Award,
        },
        {
          type: "text-icon",          text: "Timeless Style",          icon: Clock,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Malavida: Where Style Meets Substance"
      buttons={[
        {
          text: "Our Story",          href: "/about"},
      ]}
    />
  </div>

  <div id="featured-products" data-section="featured-products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",          name: "The Essential Hoodie",          price: "$89.00",          imageSrc: "http://img.b2bpic.net/free-photo/interested-woman-headphones-wristwatch-smiling-sunny-morning-happy-female-model-with-long-hair-posing-bench_197531-20752.jpg",          imageAlt: "Black hoodie"},
        {
          id: "product-2",          name: "Classic White Tee",          price: "$45.00",          imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164890.jpg",          imageAlt: "White t-shirt"},
        {
          id: "product-3",          name: "Midnight Denim Jeans",          price: "$120.00",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-model-man-dressed-jeans-clothes-sitting-near-white-textured-wall_158538-7004.jpg",          imageAlt: "Dark denim jeans"},
        {
          id: "product-4",          name: "Urban Bomber Jacket",          price: "$180.00",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-background-window-public-transport_1153-5928.jpg",          imageAlt: "Black bomber jacket"},
        {
          id: "product-5",          name: "Abstract Print Tee",          price: "$55.00",          imageSrc: "http://img.b2bpic.net/free-photo/fine-art_1122-2028.jpg",          imageAlt: "T-shirt with graphic print"},
        {
          id: "product-6",          name: "Cozy Knit Sweater",          price: "$95.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620477.jpg",          imageAlt: "Grey knit sweater"},
      ]}
      title="Featured Essentials"
      description="Discover our hand-picked selection of best-selling garments designed to elevate your everyday style."
      buttons={[
        {
          text: "View All Products",          href: "/gallery"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Isabella Chen",          role: "Fashion Blogger",          company: "StyleMaven",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/contemplated-man-pointing-upward-while-holding-winking-emoji-speech-bubble_23-2147849453.jpg",          imageAlt: "Isabella Chen"},
        {
          id: "2",          name: "Marcus Thorne",          role: "Creative Director",          company: "UrbanThread",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-guy-wearing-green-t-shirt-hat-holding-hat_141793-89232.jpg",          imageAlt: "Marcus Thorne"},
        {
          id: "3",          name: "Sophia Rodriguez",          role: "Stylist",          company: "Trendsetter Agency",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-raincoat_23-2148750378.jpg",          imageAlt: "Sophia Rodriguez"},
        {
          id: "4",          name: "Noah Davis",          role: "Entrepreneur",          company: "InnovateWear",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattoord-man-cafe-street-smokes-cigarette-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-1995.jpg",          imageAlt: "Noah Davis"},
        {
          id: "5",          name: "Chloe Wong",          role: "Artist",          company: "Canvas & Threads",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes-shows-tongue_158538-1409.jpg",          imageAlt: "Chloe Wong"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Average Rating"},
        {
          value: "10K+",          label: "Positive Reviews"},
        {
          value: "98%",          label: "Customer Satisfaction"},
      ]}
      title="What Our Customers Say"
      description="Hear from the Malavida community about their experience with our exclusive collections and unparalleled service."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Insights from Malavida"
      description="Stay ahead of the trends with our blog, featuring fashion tips, industry news, and behind-the-scenes glimpses into Malavida's world."
      blogs={[
        {
            id: "blog-1",            title: "The Art of Layering: Mastering Fall Fashion",            description: "Discover expert tips to create stylish and functional layered looks for the autumn season.",            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-black-outfit_23-2151044534.jpg",            imageAlt: "Woman in black outfit layering",            href: "#"},
        {
            id: "blog-2",            title: "Sustainable Style: Malavida's Eco-Conscious Journey",            description: "Learn about our commitment to sustainability and how we're making a positive impact on the planet.",            imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-african-female-model-with-stylish-curly-haircut-dressed-casually-smiling-cheerfully-showing-her-t-shirt-with-finger_273609-2002.jpg",            imageAlt: "African model in sustainable clothing",            href: "#"},
        {
            id: "blog-3",            title: "Timeless Wardrobe Essentials Every Man Needs",            description: "Build a versatile wardrobe with key pieces that never go out of style.",            imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-model-man-dressed-gray-casual-hoodie-clothes-posing-near-textured-white-wall_158538-6991.jpg",            imageAlt: "Man in gray hoodie",            href: "#"},
        {
            id: "blog-4",            title: "Street Style Spotlight: Global Fashion Capitals",            description: "A look at the latest street style trends from London, Paris, New York, and Tokyo.",            imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",            imageAlt: "Street style from global fashion capitals",            href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Story",              href: "/about"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Shop",          items: [
            {
              label: "Collections",              href: "/gallery"},
            {
              label: "New Arrivals",              href: "/gallery"},
            {
              label: "Sale",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "Track Order",              href: "/track-order"},
            {
              label: "FAQ",              href: "/contact#faq"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/fashion-accessories-logo-collection_23-2148888014.jpg"
      logoAlt="Malavida Logo"
      logoText="Malavida"
      copyrightText="© 2024 Malavida. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
