diff --git a/src/app/seller-dashboard/page.tsx b/src/app/seller-dashboard/page.tsx
index a9c66c5..12f338c 100644
--- a/src/app/seller-dashboard/page.tsx
+++ b/src/app/seller-dashboard/page.tsx
@@ -4,16 +4,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import { BarChart3, User, ShoppingBag, Settings } from "lucide-react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import { BarChart3, User, ShoppingBag } from "lucide-react";
 
 export default function SellerDashboardPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
       background="circleGradient"
@@ -28,6 +28,7 @@ export default function SellerDashboardPage() {
             navItems={[
               { name: "Home", id: "/" },
               { name: "Seller Dashboard", id: "/seller-dashboard" },
+              { name: "Stores", id: "/stores/1" },
             ]}
             brandName="Mart"
           />
@@ -37,37 +38,36 @@ export default function SellerDashboardPage() {
           <MediaAbout
             title="Seller Profile"
             description="Manage your public seller profile, contact info, and business details here."
-            imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"
-            buttons={[{ text: "Edit Profile" }]}
+            metrics={[]}
             useInvertedBackground={false}
           />
         </div>
 
         <div id="products" data-section="products">
-          <ProductCardThree
+          <ProductCardTwo
             title="Product Management"
             description="View and manage your active inventory and stock listings."
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             products={[
-              { id: "p1", name: "Tech Cube", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-composition-with-laptop_23-2148634126.jpg" },
-              { id: "p2", name: "Flow Device", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg" }
+              { id: "p1", brand: "BrandA", name: "Tech Cube", price: "$129", rating: 4.5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-journey-elements-composition-with-laptop_23-2148634126.jpg" },
+              { id: "p2", brand: "BrandB", name: "Flow Device", price: "$89", rating: 4.8, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg" },
+              { id: "p3", brand: "BrandC", name: "Smart Hub", price: "$199", rating: 4.2, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-laptop-stationery-plant_23-2148464303.jpg" }
             ]}
-            buttons={[{ text: "Add Product" }]}
           />
         </div>
 
-        <div id="analytics" data-section="analytics">
-          <MetricCardThree
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
             title="Sales Analytics"
-            description="Track your monthly sales performance and growth metrics."
-            animationType="slide-up"
-            textboxLayout="split"
+            tag="Performance"
+            useInvertedBackground={false}
             metrics={[
-              { id: "m1", icon: BarChart3, title: "Total Revenue", value: "$12,450" },
-              { id: "m2", icon: ShoppingBag, title: "Orders", value: "482" },
-              { id: "m3", icon: User, title: "New Customers", value: "128" }
+              { id: "m1", description: "Total Revenue", value: "$12,450" },
+              { id: "m2", description: "Orders", value: "482" },
+              { id: "m3", description: "New Customers", value: "128" }
             ]}
           />
         </div>
diff --git a/src/app/stores/[id]/page.tsx b/src/app/stores/[id]/page.tsx
index c3c2e4c..c478b7b 100644
--- a/src/app/stores/[id]/page.tsx
+++ b/src/app/stores/[id]/page.tsx
@@ -1,39 +1,35 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { useParams } from "next/navigation";
-import ReactLenis from "lenis/react";
-import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-
-export default function SellerStorefront() {
-  const { id } = useParams();
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
+export default function StorePage({ params }: { params: { id: string } }) {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarStyleCentered 
+    <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">
+        <NavbarStyleCentered
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "About", id: "about" },
-            { name: "Products", id: "products" },
-            { name: "Features", id: "features" },
-            { name: "Metrics", id: "metrics" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" },
-            { name: "Stores", id: "stores" },
+            { name: "Home", id: "/" },
+            { name: "Seller Dashboard", id: "/seller-dashboard" },
+            { name: "Stores", id: "/stores/1" },
           ]}
           brandName="Mart"
         />
-        <div className="pt-32 pb-20 container mx-auto px-4">
-            <h1 className="text-4xl font-bold mb-8 capitalize">Store: {id}</h1>
-            <ProductCatalog 
-                layout="page"
-                products={[]}
-            />
-        </div>
-      </ReactLenis>
+      </div>
+      <main className="p-8">
+        <h1 className="text-4xl">Store {params.id}</h1>
+      </main>
     </ThemeProvider>
   );
 }
\ No newline at end of file