diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index c0e478b..7385ca7 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -56,7 +56,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -104,6 +105,7 @@ export default function BlogPage() {
                             { name: "Home", id: "/" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
+                            { name: "Products", id: "/products" },
                             { name: "Testimonials", id: "testimonials" },
                             { name: "Contact", id: "contact" }
                         ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ed8565e..5d942cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,9 +29,10 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Morn Ing"
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
             { name: "About", id: "about" },
             { name: "Menu", id: "products" },
+            { name: "Products", id: "/products" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..f0249ee
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,126 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ProductsPage() {
+  const allProducts = [
+    {
+      id: "1",      name: "Artisan Espresso",      price: "$4.50",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Double shot of perfect espresso",      initialQuantity: 1
+    },
+    {
+      id: "2",      name: "Signature Cappuccino",      price: "$5.50",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Cappuccino with beautiful latte art",      initialQuantity: 1
+    },
+    {
+      id: "3",      name: "Cold Brew Deluxe",      price: "$6.00",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Refreshing cold brew over ice",      initialQuantity: 1
+    },
+    {
+      id: "4",      name: "Latte Mocha",      price: "$5.75",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Rich mocha latte with chocolate",      initialQuantity: 1
+    },
+    {
+      id: "5",      name: "Vanilla Macchiato",      price: "$5.25",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Creamy vanilla macchiato",      initialQuantity: 1
+    },
+    {
+      id: "6",      name: "Caramel Latte",      price: "$5.50",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Smooth caramel latte",      initialQuantity: 1
+    },
+    {
+      id: "7",      name: "Iced Americano",      price: "$4.75",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Crisp iced americano",      initialQuantity: 1
+    },
+    {
+      id: "8",      name: "Honey Oat Latte",      price: "$5.75",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Creamy honey oat milk latte",      initialQuantity: 1
+    },
+    {
+      id: "9",      name: "Flat White",      price: "$5.25",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Perfect flat white with microfoam",      initialQuantity: 1
+    },
+    {
+      id: "10",      name: "Cortado",      price: "$4.25",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Balanced cortado espresso and milk",      initialQuantity: 1
+    },
+    {
+      id: "11",      name: "Affogato",      price: "$6.50",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Decadent affogato with gelato",      initialQuantity: 1
+    },
+    {
+      id: "12",      name: "Vienna Coffee",      price: "$6.00",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Classic Vienna coffee with whipped cream",      initialQuantity: 1
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Morn Ing"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "products" },
+            { name: "Products", id: "/products" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Order Now", href: "#contact" }}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardThree
+          title="All Coffee Shop Products"
+          description="Explore our complete selection of premium coffee beverages and specialty drinks. Each crafted with care and quality ingredients."
+          products={allProducts}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Morn Ing"
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Our Story", href: "#about" },
+                { label: "Sustainability", href: "#" }
+              ]
+            },
+            {
+              title: "Menu",              items: [
+                { label: "Coffee Drinks", href: "#products" },
+                { label: "Pastries", href: "#" },
+                { label: "Beans & Gear", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Contact", href: "#contact" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Events", href: "#" }
+              ]
+            },
+            {
+              title: "Visit",              items: [
+                { label: "123 Coffee Street, Downtown", href: "#" },
+                { label: "hello@morning-coffee.com", href: "mailto:hello@morning-coffee.com" },
+                { label: "(555) COFFEE-1", href: "tel:+15556633335" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Morn Ing Coffee Shop. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file