Add src/app/products/page.tsx

src/app/products/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import { Grid } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",          id: "#home"},
+              {
+                name: "Products",          id: "/products"},
+              {
+                name: "How It Works",          id: "#features"},
+              {
+                name: "Pricing",          id: "#pricing"},
+              {
+                name: "Testimonials",          id: "#testimonials"},
+              {
+                name: "FAQ",          id: "#faq"},
+              {
+                name: "Contact",          id: "#contact"}
+            ]}
+            brandName="MarketConnect"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            carouselMode="buttons"
+            products={[
+              {
+                id: "p1",          brand: "TechNova",          name: "Smartwatch Pro X",          price: "$189.99",          rating: 4.8,
+                reviewCount: "1.2k",          imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-digital-assistant-arrangement_23-2149107994.jpg",          imageAlt: "Modern smartwatch"},
+              {
+                id: "p2",          brand: "AudioZen",          name: "AeroBuds Wireless",          price: "$79.00",          rating: 4.5,
+                reviewCount: "870",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-headphones-outside_23-2148877799.jpg",          imageAlt: "Wireless earbuds"},
+              {
+                id: "p3",          brand: "Lumina Home",          name: "Minimalist Desk Lamp",          price: "$65.50",          rating: 4.7,
+                reviewCount: "540",          imageSrc: "http://img.b2bpic.net/free-photo/bath-duck-cup-milk-lamp_23-2148184922.jpg",          imageAlt: "Modern desk lamp"},
+              {
+                id: "p4",          brand: "GreenThumb",          name: "Monstera Deliciosa",          price: "$45.00",          rating: 4.9,
+                reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/interior-decoration-with-potted-plant-shelf_23-2149427959.jpg",          imageAlt: "Potted Monstera plant"},
+              {
+                id: "p5",          brand: "ArtisanKit",          name: "Pro Art Brush Set",          price: "$99.99",          rating: 4.6,
+                reviewCount: "190",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-elements-line_23-2147961553.jpg",          imageAlt: "Professional art brushes"},
+              {
+                id: "p6",          brand: "ErgoGear",          name: "Precision Wireless Mouse",          price: "$35.00",          rating: 4.4,
+                reviewCount: "610",          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg",          imageAlt: "Ergonomic computer mouse"}
+            ]}
+            title="Browse Diverse Products"
+            description="Discover incredible items from electronics to handmade crafts. Fixed price or offer-based—the choice is yours."
+            tag="Our Catalog"
+            tagIcon={Grid}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}