diff --git a/src/app/page.tsx b/src/app/page.tsx
index a05afb3..9a6a2d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,8 +10,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { useRouter } from 'next/navigation';
 
 export default function LandingPage() {
+  const router = useRouter();
+  
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -29,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Products", id: "products" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="LUXE SELECT"
     />
@@ -52,17 +43,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Excellence in Every Detail"
       description="Discover a curated collection of premium goods designed to elevate your everyday living. Quality meets sophistication."
-      buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Shop Collection", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/white-product-backdrop-with-blank-space_53876-104164.jpg"
     />
   </div>
@@ -74,24 +58,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Premium Quality",
-          description: "Every item undergoes rigorous quality control to ensure perfection.",
-          imageSrc: "http://img.b2bpic.net/free-vector/golden-new-year-2021_23-2148720579.jpg",
-        },
-        {
-          id: "f2",
-          title: "Fast Worldwide Delivery",
-          description: "We ensure your products reach you quickly and securely, no matter where you are.",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-download-buttons-label-collection_23-2149934811.jpg",
-        },
-        {
-          id: "f3",
-          title: "24/7 Support",
-          description: "Our team is always here to help with any questions you might have about your order.",
-          imageSrc: "http://img.b2bpic.net/free-vector/messages-outline-style-multiple-set_78370-8370.jpg",
-        },
+        { id: "f1", title: "Premium Quality", description: "Every item undergoes rigorous quality control to ensure perfection.", imageSrc: "http://img.b2bpic.net/free-vector/golden-new-year-2021_23-2148720579.jpg" },
+        { id: "f2", title: "Fast Worldwide Delivery", description: "We ensure your products reach you quickly and securely, no matter where you are.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-download-buttons-label-collection_23-2149934811.jpg" },
+        { id: "f3", title: "24/7 Support", description: "Our team is always here to help with any questions you might have about your order.", imageSrc: "http://img.b2bpic.net/free-vector/messages-outline-style-multiple-set_78370-8370.jpg" },
       ]}
       title="Why Choose Luxe Select"
       description="We prioritize quality and the customer experience above all else."
@@ -105,24 +74,9 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Chronos Elegance",
-          price: "$349",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg",
-        },
-        {
-          id: "p2",
-          name: "Nomad Leather Bag",
-          price: "$189",
-          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141487.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sonic Aura Speaker",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722623.jpg",
-        },
+        { id: "p1", name: "Chronos Elegance", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg", onProductClick: () => router.push('/products/p1') },
+        { id: "p2", name: "Nomad Leather Bag", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141487.jpg", onProductClick: () => router.push('/products/p2') },
+        { id: "p3", name: "Sonic Aura Speaker", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722623.jpg", onProductClick: () => router.push('/products/p3') },
       ]}
       title="Featured Collections"
       description="Explore our hand-picked selection of luxury items."
@@ -133,24 +87,8 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Brand One",
-        "Brand Two",
-        "Brand Three",
-        "Brand Four",
-        "Brand Five",
-        "Brand Six",
-        "Brand Seven",
-      ]}
-      logos={[
-        "http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-17265.jpg",
-        "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148163556.jpg",
-        "http://img.b2bpic.net/free-vector/wedding-invitation-emblem_53876-85025.jpg",
-        "http://img.b2bpic.net/free-vector/aesthetic-linear-wellness-studio-logo-template_742173-16816.jpg",
-        "http://img.b2bpic.net/free-vector/pack-linear-abstract-logos_23-2147681208.jpg",
-        "http://img.b2bpic.net/free-vector/elegant-dark-wedding-invitation-template-art-deco-design_23-2147954545.jpg",
-        "http://img.b2bpic.net/free-psd/meadow-breeze-candle-label-design_23-2151987597.jpg",
-      ]}
+      names={["Brand One", "Brand Two", "Brand Three", "Brand Four", "Brand Five", "Brand Six", "Brand Seven"]}
+      logos={["http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-17265.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148163556.jpg", "http://img.b2bpic.net/free-vector/wedding-invitation-emblem_53876-85025.jpg", "http://img.b2bpic.net/free-vector/aesthetic-linear-wellness-studio-logo-template_742173-16816.jpg", "http://img.b2bpic.net/free-vector/pack-linear-abstract-logos_23-2147681208.jpg", "http://img.b2bpic.net/free-vector/elegant-dark-wedding-invitation-template-art-deco-design_23-2147954545.jpg", "http://img.b2bpic.net/free-psd/meadow-breeze-candle-label-design_23-2151987597.jpg"]}
       title="Trusted by Industry Leaders"
       description="Joining thousands of satisfied customers and partners worldwide."
     />
@@ -163,38 +101,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Designer",
-          company: "Studio X",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/light-still-life-detail-interior-house-concept-comfort-home-atmosphere_169016-4628.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Founder",
-          company: "TechLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/green-screen-mockup-desktop-pc-display-cozy-home-office-desk_482257-124924.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Manager",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Consultant",
-          company: "Agency Y",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986287.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", role: "Designer", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/light-still-life-detail-interior-house-concept-comfort-home-atmosphere_169016-4628.jpg" },
+        { id: "2", name: "Michael Chen", role: "Founder", company: "TechLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/green-screen-mockup-desktop-pc-display-cozy-home-office-desk_482257-124924.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Manager", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg" },
+        { id: "4", name: "David Kim", role: "Consultant", company: "Agency Y", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986287.jpg" },
       ]}
       title="What Our Customers Say"
       description="Authentic experiences from members of our community."
@@ -206,21 +116,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "What is your return policy?",
-          content: "We offer a 30-day money-back guarantee on all products.",
-        },
-        {
-          id: "q2",
-          title: "How long is shipping?",
-          content: "Orders typically arrive within 7-14 business days worldwide.",
-        },
-        {
-          id: "q3",
-          title: "Do you ship internationally?",
-          content: "Yes, we provide international shipping to over 100 countries.",
-        },
+        { id: "q1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products." },
+        { id: "q2", title: "How long is shipping?", content: "Orders typically arrive within 7-14 business days worldwide." },
+        { id: "q3", title: "Do you ship internationally?", content: "Yes, we provide international shipping to over 100 countries." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-coffee-desk_23-2148110225.jpg"
       mediaAnimation="slide-up"
@@ -233,53 +131,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "#products",
-            },
-            {
-              label: "New Arrivals",
-              href: "#",
-            },
-            {
-              label: "Collections",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact Us",
-              href: "#",
-            },
-            {
-              label: "Shipping Info",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#" }, { label: "Collections", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#" }, { label: "Shipping Info", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Luxe Select Inc."
       bottomRightText="All rights reserved."
@@ -288,4 +142,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/products/[id]/page.tsx b/src/app/products/[id]/page.tsx
new file mode 100644
index 0000000..596c2c9
--- /dev/null
+++ b/src/app/products/[id]/page.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { useParams } from 'next/navigation';
+
+export default function ProductDetailTemplate() {
+  const params = useParams();
+  
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="large"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/#products" },
+          ]}
+          brandName="LUXE SELECT"
+        />
+        
+        <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+            <div className="bg-card rounded-2xl overflow-hidden aspect-square flex items-center justify-center border border-accent/20">
+               <img src="http://img.b2bpic.net/free-photo/white-product-backdrop-with-blank-space_53876-104164.jpg" alt="Product" className="w-full h-full object-cover" />
+            </div>
+            <div className="space-y-6">
+              <h1 className="text-4xl font-bold">Product {params.id}</h1>
+              <p className="text-xl">$199.00</p>
+              <p className="text-foreground/70">A premium product curated for your refined taste.</p>
+              <button 
+                className="bg-primary-cta px-8 py-4 rounded-full font-bold w-full transition-transform hover:scale-105"
+                onClick={() => alert('Item added to checkout!')}
+              >
+                Add to Cart & Checkout
+              </button>
+            </div>
+          </div>
+        </main>
+
+        <FooterSimple
+          columns={[
+            { title: "Shop", items: [{ label: "All Products", href: "/#products" }] },
+            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }] },
+          ]}
+          bottomLeftText="© 2024 Luxe Select Inc."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file