diff --git a/src/app/accessories/page.tsx b/src/app/accessories/page.tsx
index e829853..c7a728f 100644
--- a/src/app/accessories/page.tsx
+++ b/src/app/accessories/page.tsx
@@ -2,35 +2,28 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import ReactLenis from "lenis/react";
 
 export default function AccessoriesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "Mobile Phones", id: "/mobile-phones" },
-            { name: "Laptops", id: "/laptops" },
-            { name: "Computer Parts", id: "/computer-parts" },
-            { name: "Accessories", id: "/accessories" },
-            { name: "Contact", id: "contact" },
-          ]}
-        />
-        <div className="pt-32 pb-20">
-            <ProductCatalog 
-              layout="page" 
-              products={[]} 
-            />
+        <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>
         <FooterBase 
           logoText="Webild" 
-          columns={[]} 
         />
       </ReactLenis>
     </ThemeProvider>