diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8c8a56..2aa5c4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,10 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Home", id: "#hero" },
-        { name: "About", id: "#about" },
-        { name: "Products", id: "#products" },
-        { name: "Contact", id: "#contact" },
+        { name: "Home", id: "/#hero" },
+        { name: "About", id: "/#about" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "/#contact" },
       ]}
       brandName="SandSupply"
     />
@@ -48,8 +48,8 @@ export default function LandingPage() {
       description="We specialize in the purchase and sale of high-quality industrial, construction, and landscaping sand for projects of all sizes."
       tag="Quality Assured"
       buttons={[
-        { text: "Browse Products", href: "#products" },
-        { text: "Contact Sales", href: "#contact" },
+        { text: "Browse Products", href: "/products" },
+        { text: "Contact Sales", href: "/#contact" },
       ]}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/beach-fence_1361-199.jpg", imageAlt: "Construction site sand pile" },
@@ -66,7 +66,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Building Foundations with Quality Sand"
-      buttons={[{ text: "Learn About Our Process", href: "#services" }]}
+      buttons={[{ text: "Learn About Our Process", href: "/#services" }]}
     />
   </div>
 
@@ -89,25 +89,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "River Sand", price: "Contact for pricing", variant: "Coarse", imageSrc: "http://img.b2bpic.net/free-photo/wooden-boats-parked-shore_1312-41.jpg" },
-        { id: "p2", name: "Concrete Sand", price: "Contact for pricing", variant: "Fine", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-clay-smudge_23-2148862875.jpg" },
-        { id: "p3", name: "Mason Sand", price: "Contact for pricing", variant: "Very Fine", imageSrc: "http://img.b2bpic.net/free-photo/rough-textured-wall_1368-6122.jpg" },
-        { id: "p4", name: "Silica Sand", price: "Contact for pricing", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg" },
-        { id: "p5", name: "Fill Sand", price: "Contact for pricing", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006011.jpg" },
-        { id: "p6", name: "Landscape Sand", price: "Contact for pricing", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-beach_53876-47158.jpg" },
-      ]}
-      title="Our Sand Catalog"
-      description="Choose from a wide variety of specialized sand products for all construction needs."
-    />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardThree
       animationType="slide-up"
@@ -170,8 +151,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Products", href: "#products" }] },
-        { items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
+        { items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Products", href: "/products" }] },
+        { items: [{ label: "Contact", href: "/#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
         { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="SandSupply"
@@ -180,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..2d3829e
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        { name: "Home", id: "/#hero" },
+        { name: "About", id: "/#about" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "/#contact" },
+      ]}
+      brandName="SandSupply"
+    />
+  </div>
+
+  <div id="products" data-section="products">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      products={[
+        { id: "p1", name: "River Sand", price: "Contact for pricing", variant: "Coarse", imageSrc: "http://img.b2bpic.net/free-photo/wooden-boats-parked-shore_1312-41.jpg" },
+        { id: "p2", name: "Concrete Sand", price: "Contact for pricing", variant: "Fine", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-clay-smudge_23-2148862875.jpg" },
+        { id: "p3", name: "Mason Sand", price: "Contact for pricing", variant: "Very Fine", imageSrc: "http://img.b2bpic.net/free-photo/rough-textured-wall_1368-6122.jpg" },
+        { id: "p4", name: "Silica Sand", price: "Contact for pricing", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg" },
+        { id: "p5", name: "Fill Sand", price: "Contact for pricing", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006011.jpg" },
+        { id: "p6", name: "Landscape Sand", price: "Contact for pricing", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-beach_53876-47158.jpg" },
+      ]}
+      title="Our Sand Catalog"
+      description="Choose from a wide variety of specialized sand products for all construction needs."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Products", href: "/products" }] },
+        { items: [{ label: "Contact", href: "/#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+      ]}
+      logoText="SandSupply"
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}