"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Shop",          id: "/shop"},
        {
          name: "Men's",          id: "/men"},
        {
          name: "Women's",          id: "/women"},
        {
          name: "Accessories",          id: "/accessories"},
        {
          name: "Drops",          id: "/seasonal-drops"},
        {
          name: "About",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149496426.jpg"
      logoAlt="Shark Wave logo"
      brandName="Shark Wave"
      bottomLeftText="Luxury Streetwear"
      bottomRightText="Premium Style, Affordable Price."
      button={{
        text: "Account",        href: "/account"}}
    />
  </div>

  <div id="shop-catalog" data-section="shop-catalog">
      <ProductCatalog
      layout="section"
      products={[
        {
          id: "sp1",          category: "Men's",          name: "Hydro-Flex Hoodie",          price: "$120",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-man_23-2148914568.jpg",          imageAlt: "Dark premium hoodie"},
        {
          id: "sp2",          category: "Women's",          name: "Ocean Flow Tee",          price: "$65",          rating: 4,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-time-beach_23-2150100109.jpg",          imageAlt: "Oversized t-shirt"},
        {
          id: "sp3",          category: "Unisex",          name: "Abyssal Joggers",          price: "$95",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-rainjacket-urban-environment_23-2147988205.jpg",          imageAlt: "Unisex jogger pants"},
        {
          id: "sp4",          category: "Men's",          name: "Tidal Bomber Jacket",          price: "$180",          rating: 5,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25105.jpg",          imageAlt: "Stylish bomber jacket"},
        {
          id: "sp5",          category: "Women's",          name: "Reef Denim Jacket",          price: "$160",          rating: 4,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/woman-by-building-new-year-mood-lady-black-jacket_1157-40729.jpg",          imageAlt: "Chic denim jacket"},
        {
          id: "sp6",          category: "Unisex",          name: "Wave Crest Tee",          price: "$55",          rating: 5,
          reviewCount: "200",          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bicycle-looking-time-wrist-watch_23-2147892422.jpg",          imageAlt: "Tailored white t-shirt"},
        {
          id: "sp7",          category: "Men's",          name: "Deep Current Sweater",          price: "$135",          rating: 4,
          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148882808.jpg",          imageAlt: "Premium knitted sweater"},
        {
          id: "sp8",          category: "Women's",          name: "Oceanic Slip Dress",          price: "$110",          rating: 5,
          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-stunning-slim-woman-with-cleavage-black-dress-sunglasses-posing-outdoors-sexy-model-with-long-blonde-hair-posing-black-dress-street_132075-9364.jpg",          imageAlt: "Elegant women's dress"},
      ]}
      searchPlaceholder="Search products..."
      filters={[
        {
          label: "Category",          options: [
            "All",            "Men's",            "Women's",            "Unisex",            "Accessories"],
          selected: "All",          onChange: (value: string) => console.log(value),
        },
        {
          label: "Color",          options: [
            "All",            "Black",            "Navy",            "White",            "Grey",            "Blue"],
          selected: "All",          onChange: (value: string) => console.log(value),
        },
        {
          label: "Price",          options: [
            "All",            "Under $50",            "$50 - $100",            "Over $100"],
          selected: "All",          onChange: (value: string) => console.log(value),
        },
      ]}
    />
  </div>

  <div id="shopping-experience-features" data-section="shopping-experience-features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "sf1",          title: "Wishlist Functionality",          tags: [
            "Save Favorites"],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-shopping-concept_23-2148591568.jpg",          imageAlt: "Wishlist icon"},
        {
          id: "sf2",          title: "Secure Checkout",          tags: [
            "Safe & Fast"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-happy-receive-products_23-2148577058.jpg",          imageAlt: "Secure checkout icon"},
        {
          id: "sf3",          title: "Order Tracking",          tags: [
            "Stay Updated"],
          imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762852.jpg",          imageAlt: "Order tracking icon"},
      ]}
      title="Your Journey, Refined"
      description="From wish to wardrobe, every step is effortless. Experience personalized shopping with intuitive tools designed for the modern fashion enthusiast."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beach-background-with-clam-shells-remixed-from-artworks-by-augustus-addison-gould_53876-104879.jpg"
      imageAlt="Stylized ocean wave with subtle shark fin"
      logoText="Shark Wave"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "All Products",              href: "/shop"},
            {
              label: "Men's Collection",              href: "/men"},
            {
              label: "Women's Collection",              href: "/women"},
            {
              label: "Accessories",              href: "/accessories"},
            {
              label: "Seasonal Drops",              href: "/seasonal-drops"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "Blog",              href: "/seasonal-drops"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "/contact#faq"},
            {
              label: "Shipping & Returns",              href: "#"},
            {
              label: "Order Tracking",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/sharkwave"},
            {
              label: "TikTok",              href: "https://tiktok.com/@sharkwave"},
            {
              label: "Facebook",              href: "https://facebook.com/sharkwave"},
            {
              label: "Twitter",              href: "https://twitter.com/sharkwave"},
          ],
        },
      ]}
      copyrightText="© 2024 Shark Wave. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
