"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Shop",
          id: "/shop",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="NEXORA FASHION"
    />
  </div>

  <div id="shop-collection" data-section="shop-collection">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "s1",
          name: "Luxury Silk Scarf",
          price: "$350",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-wintertime-outdoor_1157-45969.jpg",
          imageAlt: "Elegant silk scarf",
        },
        {
          id: "s2",
          name: "Men's Designer Sneakers",
          price: "$700",
          variant: "Shoes",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-brunette-woman-good-mood-use-phone-outside_1328-4634.jpg",
          imageAlt: "Stylish men's sneakers",
        },
        {
          id: "s3",
          name: "Women's Luxury Jumpsuit",
          price: "$900",
          variant: "Women's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg",
          imageAlt: "Chic women's jumpsuit",
        },
        {
          id: "s4",
          name: "Men's Gold Button Shirt",
          price: "$450",
          variant: "Men's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11224.jpg",
          imageAlt: "Luxury men's shirt",
        },
        {
          id: "s5",
          name: "Luxury Leather Skirt",
          price: "$780",
          variant: "Women's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/fulllenght-portrait-adorable-lovely-woman-with-blond-hair-wearing-black-blouse-silver-skirt-posing-studio-isolated-grey-background_291650-1799.jpg",
          imageAlt: "Designer leather skirt",
        },
        {
          id: "s6",
          name: "Men's Tailored Trousers",
          price: "$620",
          variant: "Men's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-street-background-metrosexual_158538-10572.jpg",
          imageAlt: "Premium men's trousers",
        },
      ]}
      title="Shop Our Collections"
      description="Browse the latest in luxury fashion for men and women. Discover shoes, accessories, and more."
    />
  </div>

  <div id="fashion-categories" data-section="fashion-categories">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "cat-men",
          label: "For Gentlemen",
          title: "Men's Elite Collections",
          items: [
            "Tailored Suits",
            "Luxury Casual Wear",
            "Designer Footwear",
          ],
          buttons: [
            {
              text: "Shop Men",
              href: "/shop",
            },
          ],
        },
        {
          id: "cat-women",
          label: "For Ladies",
          title: "Women's Haute Couture",
          items: [
            "Evening Gowns",
            "Chic Daywear",
            "Elegant Accessories",
          ],
          buttons: [
            {
              text: "Shop Women",
              href: "/shop",
            },
          ],
        },
        {
          id: "cat-accessories",
          label: "Refine Your Look",
          title: "Signature Accessories",
          items: [
            "Luxury Handbags",
            "Fine Jewelry",
            "Statement Shoes",
          ],
          buttons: [
            {
              text: "View All",
              href: "/shop",
            },
          ],
        },
      ]}
      title="Explore Our World of Fashion"
      description="From timeless classics to the latest trends, find your perfect style in our curated categories."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="NEXORA FASHION"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Men's Clothing",
              href: "/shop",
            },
            {
              label: "Women's Clothing",
              href: "/shop",
            },
            {
              label: "Shoes",
              href: "/shop",
            },
            {
              label: "Accessories",
              href: "/shop",
            },
            {
              label: "New Arrivals",
              href: "/shop",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Team",
              href: "/about#team",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Returns & Refunds",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NEXORA FASHION. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
