"use client";

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

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="product-description" data-section="product-description">
      <TextAbout
      useInvertedBackground={true}
      title="Luxury Black Dress - Product Details"
      buttons={[
        {
          text: "Add to Cart",
          href: "#",
        },
        {
          text: "Buy Now",
          href: "#",
        },
      ]}
      description="Experience the epitome of elegance with our meticulously crafted black dress. Made from premium silk, it offers a timeless silhouette and unparalleled comfort. Available in multiple sizes (XS, S, M, L, XL) and colors (Black, Gold, White), designed to flatter every figure. Features intricate gold embroidery and a subtle back slit for refined appeal."
    />
  </div>

  <div id="related-products" data-section="related-products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "r1",
          name: "Gold Statement Necklace",
          price: "$800",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg",
          imageAlt: "Gold necklace",
        },
        {
          id: "r2",
          name: "Men's Silk Tie",
          price: "$250",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-fashionable-guy-dressed-white-shirt-shorts-sitting-skateboard-bridge-looking-away_613910-4505.jpg",
          imageAlt: "Silk tie",
        },
        {
          id: "r3",
          name: "Women's Leather Gloves",
          price: "$380",
          variant: "Accessories",
          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20480.jpg",
          imageAlt: "Leather gloves",
        },
        {
          id: "r4",
          name: "Men's Dress Shoes",
          price: "$950",
          variant: "Shoes",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg",
          imageAlt: "Men's dress shoes",
        },
        {
          id: "r5",
          name: "Women's Cocktail Ring",
          price: "$420",
          variant: "Jewelry",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-woman-sitting-sofa-looking-camera_23-2148130402.jpg",
          imageAlt: "Cocktail ring",
        },
        {
          id: "r6",
          name: "Men's Blazer",
          price: "$1100",
          variant: "Men's Apparel",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg",
          imageAlt: "Men's blazer",
        },
      ]}
      title="You Might Also Like"
      description="Complement your selection with these exquisite pieces from our curated collection."
    />
  </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>
  );
}
