Update src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -6,17 +6,25 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
 
 export default function ShopPage() {
   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">
         <ProductCardThree
           title="Our Products"
+          description="High-quality digital assets for your creative projects."
+          useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
@@ -29,4 +37,4 @@ export default function ShopPage() {
       </div>
     </ThemeProvider>
   );
-}
+}