diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1139996..96cd01c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,8 +12,15 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Award, Globe, Instagram, Linkedin, Sparkles, Twitter, Users } from "lucide-react";
+import { useRouter } from "next/navigation";
 
 export default function LandingPage() {
+  const router = useRouter();
+
+  const handleProductClick = (id: string) => {
+    router.push(`/product/${id}`);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -67,18 +74,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Essential Pod",          price: "$129",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
-        {
-          id: "p2",          name: "Audio Prime",          price: "$249",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
-        {
-          id: "p3",          name: "Smart Dock",          price: "$89",          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
-        {
-          id: "p4",          name: "Sonic Buds",          price: "$159",          imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1", priceButtonProps: { text: "Buy Now" }},
-        {
-          id: "p5",          name: "T&B Watch",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg", priceButtonProps: { text: "Buy Now" }},
-        {
-          id: "p6",          name: "Power Bank",          price: "$69",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg", priceButtonProps: { text: "Buy Now" }},
+        { id: "p1", name: "Essential Pod", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072189.jpg?_wi=1", onProductClick: () => handleProductClick("p1"), priceButtonProps: { text: "Buy Now" } },
+        { id: "p2", name: "Audio Prime", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1", onProductClick: () => handleProductClick("p2"), priceButtonProps: { text: "Buy Now" } },
+        { id: "p3", name: "Smart Dock", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg?_wi=1", onProductClick: () => handleProductClick("p3"), priceButtonProps: { text: "Buy Now" } },
+        { id: "p4", name: "Sonic Buds", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1", onProductClick: () => handleProductClick("p4"), priceButtonProps: { text: "Buy Now" } },
+        { id: "p5", name: "T&B Watch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-man-wearing-white-t-shirt-light-blue-denim-shirt-rolling-up-his-right-sleeve-showing-tattooed-arm-isolated-white_346278-937.jpg", onProductClick: () => handleProductClick("p5"), priceButtonProps: { text: "Buy Now" } },
+        { id: "p6", name: "Power Bank", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg", onProductClick: () => handleProductClick("p6"), priceButtonProps: { text: "Buy Now" } },
       ]}
       title="Essential Collection"
       description="Carefully curated products built for the modern lifestyle."
@@ -241,4 +242,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx
new file mode 100644
index 0000000..219ecab
--- /dev/null
+++ b/src/app/product/[id]/page.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import { useParams } from "next/navigation";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Twitter, Instagram, Linkedin } from "lucide-react";
+
+export default function ProductDetailPage() {
+  const { id } = useParams();
+
+  const handleCheckout = () => {
+    window.location.href = "https://www.shopier.com/checkout";
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered navItems={[{ name: "Back to Shop", id: "products" }]} brandName="T&B" />
+        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
+            <h1 className="text-5xl font-light mb-6">Product ID: {id}</h1>
+            <p className="text-xl mb-12 opacity-80">Explore the refined details of our premium product collection. Built with precision for your lifestyle.</p>
+            <button 
+                onClick={handleCheckout}
+                className="px-8 py-4 bg-primary text-white rounded hover:opacity-90 transition-all"
+            >
+                Complete Checkout with Shopier
+            </button>
+        </div>
+        <FooterCard
+            logoText="T&B"
+            copyrightText="© 2025 T&B. All rights reserved."
+            socialLinks={[
+                { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                { icon: Linkedin, href: "#", ariaLabel: "Linkedin" },
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file