"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Star } from "lucide-react";

export default function ProductPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          href: "/"},
        {
          name: "Landing",          href: "/landing"},
        {
          name: "Product",          href: "/product"},
        {
          name: "Contact",          id: "#contact"}
      ]}
      brandName="Nova Device"
      button={{
        text: "Get Started",        href: "/product"}}
    />
  </div>

  <div id="product-detail" data-section="product-detail">
      <ProductDetailCard
      layout="section"
      name="Nova Device Pro"
      price="$999.99"
      description="The Nova Device Pro offers cutting-edge features for ultimate productivity and entertainment. Experience the next generation of smart technology with unparalleled performance, stunning visuals, and intuitive controls. Elevate your digital lifestyle."
      images={[
        {
          src: "http://img.b2bpic.net/free-photo/futuristic-mobile-phone-ai-generated_23-2151128362.jpg",          alt: "Nova Device Pro"
        },
        {
          src: "http://img.b2bpic.net/free-photo/ai-generated-futuristic-tablet-display_23-2151128373.jpg",          alt: "Nova Device Pro tablet view"
        }
      ]}
      showRating={true}
      rating={4.8}
      ratingIcon={Star}
      buttons={[
        {
          text: "Buy Now",          onClick: () => alert('Added to cart!')
        },
        {
          text: "Back to Landing",          href: "/landing"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Product",          items: [
            {
              label: "Pricing",              href: "#"}
          ]
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Press",              href: "#"}
          ]
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Help Center",              href: "#"}
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"}
          ]
        }
      ]}
      bottomLeftText="© 2024 Nova Device. All rights reserved."
      bottomRightText="Crafted with innovation."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}