Update src/app/products/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
-        { name: "Shop", id: "products" },
+        { name: "Products", id: "/products" },
         { name: "Contact", id: "contact" }
       ]}
       brandName="Superette Jalal"
@@ -71,11 +71,12 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
+      buttons={[{ text: "Browse Items", href: "/products" }]}
       products={[
-        { id: "1", name: "Artisanal Perfume Collection", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/elegant-perfume-bottles-display_23-2149386345.jpg" },
+        { id: "1", name: "Artisanal Perfume Collection", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/elegant-perfume-bottles-display_23-2149386345.jpg?_wi=1" },
-        { id: "2", name: "Professional Cosmetic Palette", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cosmetic-products-table_23-2149226543.jpg" },
+        { id: "2", name: "Professional Cosmetic Palette", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cosmetic-products-table_23-2149226543.jpg?_wi=1" },
-        { id: "3", name: "Premium Kitchen Knife Set", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-knives-set-wooden-block_23-2148721954.jpg" },
+        { id: "3", name: "Premium Kitchen Knife Set", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-knives-set-wooden-block_23-2148721954.jpg?_wi=1" },
-        { id: "4", name: "Essential Bakeware Bundle", price: "$35.50", imageSrc: "http://img.b2bpic.net/free-photo/various-kitchen-tools-cooking-utensils_23-2148483842.jpg" }
+        { id: "4", name: "Essential Bakeware Bundle", price: "$35.50", imageSrc: "http://img.b2bpic.net/free-photo/various-kitchen-tools-cooking-utensils_23-2148483842.jpg?_wi=1" }
       ]}
       title="Explore Our Aisles"
       description="Discover our curated collection of beauty essentials and high-performance kitchenware."
@@ -155,9 +156,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
+        { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Products", href: "/products" }] },
-        { items: [{ label: "Departments", href: "#features" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
+        { items: [{ label: "Departments", href: "/#features" }, { label: "Testimonials", href: "/#testimonials" }, { label: "FAQ", href: "/#faq" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "#contact" }] }
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "/#contact" }] }
       ]}
       logoText="Superette Jalal"
     />

src/app/products/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/#about" },
+                { name: "Products", id: "/products" },
+                { name: "Contact", id: "/#contact" }
+            ]}
+            brandName="Superette Jalal"
+            />
+        </div>
+
+        <div id="products" data-section="products" style={{ paddingTop: "100px" }}>
+            <ProductCardOne
+                animationType="slide-up"
+                textboxLayout="default"
+                gridVariant="four-items-2x2-equal-grid"
+                useInvertedBackground={false}
+                title="Our Full Collection"
+                description="Explore all our premium beauty and kitchen essentials in one place."
+                products={[
+                    { id: "1", name: "Artisanal Perfume Collection", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/elegant-perfume-bottles-display_23-2149386345.jpg?_wi=2" },
+                    { id: "2", name: "Professional Cosmetic Palette", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cosmetic-products-table_23-2149226543.jpg?_wi=2" },
+                    { id: "3", name: "Premium Kitchen Knife Set", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-knives-set-wooden-block_23-2148721954.jpg?_wi=2" },
+                    { id: "4", name: "Essential Bakeware Bundle", price: "$35.50", imageSrc: "http://img.b2bpic.net/free-photo/various-kitchen-tools-cooking-utensils_23-2148483842.jpg?_wi=2" },
+                    { id: "5", name: "Luxury Skincare Serum", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/skincare-products-on-table_23-2149363574.jpg" },
+                    { id: "6", name: "Modern Coffee Brewer", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-kitchen_23-2149021669.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Products", href: "/products" }] },
+                { items: [{ label: "Departments", href: "/#features" }, { label: "Testimonials", href: "/#testimonials" }, { label: "FAQ", href: "/#faq" }] },
+                { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact Us", href: "/#contact" }] }
+            ]}
+            logoText="Superette Jalal"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}