"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ProductsPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              {
                name: "Home",                id: "/"},
              {
                name: "About Us",                id: "/about"},
              {
                name: "Features",                id: "/features"},
              {
                name: "Products",                id: "/products"},
              {
                name: "Pricing",                id: "#pricing"},
              {
                name: "Testimonials",                id: "#testimonials"},
              {
                name: "FAQ",                id: "#faq"},
              {
                name: "Contact",                id: "#contact"},
            ]}
            brandName="SMESolutions"
            button={{
              text: "Get a Quote",              href: "#contact"}}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={true}
            products={[
              {
                id: "p1",                brand: "SMESolutions",                name: "WorkFlow Pro",                price: "$49/month",                rating: 5,
                reviewCount: "120",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2",                imageAlt: "Workflow Pro software screenshot"},
              {
                id: "p2",                brand: "SMESolutions",                name: "Insight CRM",                price: "$69/month",                rating: 5,
                reviewCount: "95",                imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg?_wi=2",                imageAlt: "Insight CRM software screenshot"},
              {
                id: "p3",                brand: "SMESolutions",                name: "DataVault Secure",                price: "$39/month",                rating: 4,
                reviewCount: "80",                imageSrc: "http://img.b2bpic.net/free-photo/cloud-security-data-protection-illustration_23-2151998474.jpg?_wi=2",                imageAlt: "DataVault Secure software screenshot"},
              {
                id: "p4",                brand: "SMESolutions",                name: "MarketPulse AI",                price: "$79/month",                rating: 5,
                reviewCount: "110",                imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-with-transportation-vehicles_52683-99737.jpg?_wi=2",                imageAlt: "MarketPulse AI software screenshot"},
              {
                id: "p5",                brand: "SMESolutions",                name: "FinAccel ERP",                price: "$99/month",                rating: 4,
                reviewCount: "70",                imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=2",                imageAlt: "FinAccel ERP software screenshot"},
              {
                id: "p6",                brand: "SMESolutions",                name: "ConnectHR",                price: "$59/month",                rating: 5,
                reviewCount: "85",                imageSrc: "http://img.b2bpic.net/free-photo/person-typing-into-ai-chatbot-system-automate-her-workflow-home-office_482257-122978.jpg?_wi=2",                imageAlt: "ConnectHR software screenshot"},
            ]}
            title="Explore Our Enterprise Software Suite"
            description="Browse our curated selection of powerful software tools, each designed to address specific business needs and boost productivity across your organization."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/high-rise-buildings-modern-city_1359-899.jpg?_wi=4"
            imageAlt="Panoramic cityscape at night"
            logoText="SMESolutions"
            columns={[
              {
                title: "Solutions",                items: [
                  {
                    label: "CRM & Sales",                    href: "/features"},
                  {
                    label: "Analytics",                    href: "/features"},
                  {
                    label: "Cloud & Security",                    href: "/features"},
                  {
                    label: "Products",                    href: "/products"},
                ],
              },
              {
                title: "Company",                items: [
                  {
                    label: "About Us",                    href: "/about"},
                  {
                    label: "Pricing",                    href: "#pricing"},
                  {
                    label: "Contact",                    href: "#contact"},
                  {
                    label: "Testimonials",                    href: "#testimonials"},
                ],
              },
              {
                title: "Resources",                items: [
                  {
                    label: "FAQ",                    href: "#faq"},
                  {
                    label: "Support",                    href: "#contact"},
                  {
                    label: "Terms of Service",                    href: "#"},
                  {
                    label: "Privacy Policy",                    href: "#"},
                ],
              },
            ]}
            copyrightText="© 2024 SMESolutions. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
