From 5d3a5efb30b689fd073bafcf5f169f7dfd1ca060 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 05:02:07 +0000
Subject: [PATCH] Update src/app/product-detail/page.tsx

---
 src/app/product-detail/page.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/product-detail/page.tsx b/src/app/product-detail/page.tsx
index 4537048..1f8ce44 100644
--- a/src/app/product-detail/page.tsx
+++ b/src/app/product-detail/page.tsx
@@ -6,14 +6,20 @@ import ButtonTextStagger from "@/components/button/ButtonTextStagger/ButtonTextS
 
 export default function ProductDetailPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay
-        brandName="Webild"
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Shop", id: "/shop" },
-        ]}
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Webild"
+          navItems={[
+            { name: "Mobile Phones", id: "/mobile-phones" },
+            { name: "Laptops", id: "/laptops" },
+            { name: "Computer Parts", id: "/computer-parts" },
+            { name: "Accessories", id: "/accessories" },
+            { name: "Checkout", id: "/checkout" },
+            { name: "Shop", id: "/shop" },
+          ]}
+        />
+      </div>
       <div className="pt-32 pb-20 container mx-auto px-6">
         <div className="grid md:grid-cols-2 gap-12 items-center">
           <img 
@@ -34,4 +40,4 @@ export default function ProductDetailPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file