"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "/" },
        { name: "Collections", id: "/collections" },
        { name: "Gallery", id: "/gallery" },
        { name: "Custom Orders", id: "/custom" },
        { name: "About", id: "/about" },
        { name: "Contact", id: "/contact" },
        { name: "Help", id: "/help" }
      ]}
      brandName="EverBloom Bridal"
    />
  </div>

  <div id="products-list" data-section="products-list">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[{ id: "p1", brand: "EverBloom", name: "Ivory Rose Bouquet", price: "₹4,500 - ₹6,000", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/flower-arrangement-fresh-flowers-pumpkin_169016-5450.jpg" }, { id: "p2", brand: "EverBloom", name: "Boutonniere Set", price: "₹1,200", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-flowers-bucket-white-table_114579-66052.jpg" }, { id: "p3", brand: "EverBloom", name: "Flower Girl Basket", price: "₹2,500", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/flowers-bouquet-dining-table_1339-1210.jpg" }, { id: "p4", brand: "EverBloom", name: "Floral Tiara", price: "₹3,000", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-wedding-bouquet-ground_1153-628.jpg" }, { id: "p5", brand: "EverBloom", name: "Ring Cushion", price: "₹1,800", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg" }, { id: "p6", brand: "EverBloom", name: "Bridesmaid Florals", price: "₹2,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-floral-arrangement_23-2148846536.jpg" }]}
      title="Our Collections"
      description="Explore our handcrafted floral accessories for your perfect celebration."
    />
  </div>

  <div id="ecommerce" data-section="ecommerce">
      <ProductCatalog
      layout="page"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[{ items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }, { label: "Gallery", href: "/gallery" }] }, { items: [{ label: "Custom Orders", href: "/custom" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Help", href: "/help" }] }]}
      logoText="EverBloom Bridal"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}