"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Catalogue",
          id: "/catalogue",
        },
        {
          name: "Categories",
          id: "/categories",
        },
        {
          name: "About Us",
          id: "/about-us",
        },
        {
          name: "Contact",
          id: "/contact-us",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tt1agv"
      logoAlt="Desired Acquisitions Logo"
      brandName="Desired Acquisitions"
    />
  </div>

  <div id="all-products" data-section="all-products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "cat-p-1",
          name: "Vintage Mahogany Dining Table",
          price: "Enquire for price",
          variant: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/halloween-decorations-standing-desk_23-2147895983.jpg",
          imageAlt: "Vintage Mahogany Dining Table",
        },
        {
          id: "cat-p-2",
          name: "Rare Porcelain Floral Vase",
          price: "Enquire for price",
          variant: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/wheat-plant-with-ethnic-metallic-pot-kettle-around-high-quality-photo_114579-77860.jpg",
          imageAlt: "Rare Porcelain Floral Vase",
        },
        {
          id: "cat-p-3",
          name: "Antique Leather Armchair",
          price: "Enquire for price",
          variant: "Pending",
          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-briefcase_23-2150315160.jpg",
          imageAlt: "Antique Leather Armchair",
        },
        {
          id: "cat-p-4",
          name: "Mid-Century Modern Sideboard",
          price: "Enquire for price",
          variant: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-small-table-with-mug-it-near-beige-sofa-lights_181624-48732.jpg",
          imageAlt: "Mid-Century Modern Sideboard",
        },
        {
          id: "cat-p-5",
          name: "Gold Ornate Wall Mirror",
          price: "Enquire for price",
          variant: "Sold",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-mirror-table_23-2149446038.jpg",
          imageAlt: "Gold Ornate Wall Mirror",
        },
        {
          id: "cat-p-6",
          name: "Victorian Silver Pocket Watch",
          price: "Enquire for price",
          variant: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-objects-still-life_23-2150348533.jpg",
          imageAlt: "Victorian Silver Pocket Watch",
        },
      ]}
      title="Our Full Collection"
      description="Browse all available items, from recent arrivals to timeless classics, and discover your next desired acquisition."
    />
  </div>

  <div id="filter-options" data-section="filter-options">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f-cat-1",
          title: "Furniture",
          tags: [
            "Tables",
            "Seating",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-embossed-glass-vase-with-green-flowers-wooden-table_140725-12906.jpg",
          imageAlt: "Furniture filter icon",
        },
        {
          id: "f-cat-2",
          title: "Antiques",
          tags: [
            "Historic",
            "Rare",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-decorative-dried-fruits-vegetables_23-2151367268.jpg",
          imageAlt: "Antiques filter icon",
        },
        {
          id: "f-cat-3",
          title: "Collectibles",
          tags: [
            "Memorabilia",
            "Unique",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-children-toys-near-each-other_181624-22851.jpg",
          imageAlt: "Collectibles filter icon",
        },
      ]}
      title="Filter by Category"
      description="Narrow down your search to find exactly what you're looking for within our curated collections."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Acquisitions",
          items: [
            {
              label: "Browse All",
              href: "/catalogue",
            },
            {
              label: "Featured Items",
              href: "/catalogue#featured-items",
            },
            {
              label: "New Arrivals",
              href: "/catalogue",
            },
            {
              label: "Categories",
              href: "/categories",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about-us",
            },
            {
              label: "Contact",
              href: "/contact-us",
            },
            {
              label: "Collection & Delivery",
              href: "/collection-delivery",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Desired Acquisitions. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
