diff --git a/src/app/seller-dashboard/page.tsx b/src/app/seller-dashboard/page.tsx
index 12f338c..c7863c1 100644
--- a/src/app/seller-dashboard/page.tsx
+++ b/src/app/seller-dashboard/page.tsx
@@ -3,10 +3,9 @@
 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 MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 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 (
@@ -35,11 +34,13 @@ export default function SellerDashboardPage() {
         </div>
 
         <div id="profile" data-section="profile">
-          <MediaAbout
+          <MetricSplitMediaAbout
             title="Seller Profile"
             description="Manage your public seller profile, contact info, and business details here."
             metrics={[]}
             useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
           />
         </div>