From d997801c4e3ce731d9a1276c55fe690a43de5df2 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 09:11:24 +0000 Subject: [PATCH] Update src/app/seller-dashboard/page.tsx --- src/app/seller-dashboard/page.tsx | 95 ++++++++----------------------- 1 file changed, 25 insertions(+), 70 deletions(-) diff --git a/src/app/seller-dashboard/page.tsx b/src/app/seller-dashboard/page.tsx index f9530d9..8fbf97b 100644 --- a/src/app/seller-dashboard/page.tsx +++ b/src/app/seller-dashboard/page.tsx @@ -17,7 +17,7 @@ export default function SellerDashboardPage() { borderRadius="soft" contentWidth="compact" sizing="mediumLarge" - background="noise" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow" @@ -33,9 +33,7 @@ export default function SellerDashboardPage() { { name: "FAQ", id: "faq" }, ]} button={{ - text: "Join Now", - href: "/signup", - }} + text: "Join Now", href: "/signup"}} animateOnLoad={true} /> @@ -51,31 +49,23 @@ export default function SellerDashboardPage() { useInvertedBackground={false} bulletPoints={[ { - title: "Manage Storefront", - description: - "Customize your shop appearance and branding with intuitive design tools", - icon: Settings, + title: "Manage Storefront", description: + "Customize your shop appearance and branding with intuitive design tools", icon: Settings, }, { - title: "Track Performance", - description: - "Monitor sales, customer feedback, and growth metrics in real-time", - icon: BarChart3, + title: "Track Performance", description: + "Monitor sales, customer feedback, and growth metrics in real-time", icon: BarChart3, }, { - title: "Inventory Control", - description: - "Manage product listings and set custom personalization options", - icon: Package, + title: "Inventory Control", description: + "Manage product listings and set custom personalization options", icon: Package, }, { - title: "Seller Analytics", - description: - "Get insights into customer preferences and sales trends", - icon: Target, + title: "Seller Analytics", description: + "Get insights into customer preferences and sales trends", icon: Target, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/company-analyst-studying-business-activity-progress-achieving-strategic-goals_482257-91239.jpg" imageAlt="Seller dashboard features" imagePosition="right" mediaAnimation="slide-up" @@ -94,45 +84,24 @@ export default function SellerDashboardPage() { useInvertedBackground={true} features={[ { - id: "shop-builder", - label: "Shop Builder", - title: "Create Your Brand Store", - items: [ - "Drag-and-drop store design", - "Customizable banners and logos", - "Responsive mobile design", - "SEO optimization built-in", - ], + id: "shop-builder", label: "Shop Builder", title: "Create Your Brand Store", items: [ + "Drag-and-drop store design", "Customizable banners and logos", "Responsive mobile design", "SEO optimization built-in"], buttons: [ { text: "Start Building", href: "#" }, { text: "View Templates", href: "#" }, ], }, { - id: "product-editor", - label: "Products", - title: "Manage Your Catalog", - items: [ - "Bulk product upload", - "Dynamic pricing control", - "Automatic inventory sync", - "Customization rule builder", - ], + id: "product-editor", label: "Products", title: "Manage Your Catalog", items: [ + "Bulk product upload", "Dynamic pricing control", "Automatic inventory sync", "Customization rule builder"], buttons: [ { text: "Add Products", href: "#" }, { text: "Learn More", href: "#" }, ], }, { - id: "order-management", - label: "Orders", - title: "Streamlined Order Handling", - items: [ - "Real-time order notifications", - "Automated order processing", - "Shipping label generation", - "Customer communication tools", - ], + id: "order-management", label: "Orders", title: "Streamlined Order Handling", items: [ + "Real-time order notifications", "Automated order processing", "Shipping label generation", "Customer communication tools"], buttons: [ { text: "Manage Orders", href: "#" }, { text: "View Help", href: "#" }, @@ -151,26 +120,15 @@ export default function SellerDashboardPage() { tagAnimation="opacity" metrics={[ { - id: "1", - value: "15K+", - description: "Active sellers building thriving businesses on our platform", - }, + id: "1", value: "15K+", description: "Active sellers building thriving businesses on our platform"}, { - id: "2", - value: "2M+", - description: "Products customized by buyers, creating unique commerce experiences", - }, + id: "2", value: "2M+", description: "Products customized by buyers, creating unique commerce experiences"}, { - id: "3", - value: "98%", - description: "Seller satisfaction rate with our tools and customer support", - }, + id: "3", value: "98%", description: "Seller satisfaction rate with our tools and customer support"}, { - id: "4", - value: "24/7", - description: "Dedicated seller support team to help you succeed", - }, + id: "4", value: "24/7", description: "Dedicated seller support team to help you succeed"}, ]} + metricsAnimation="opacity" useInvertedBackground={false} className="w-full" /> @@ -180,8 +138,7 @@ export default function SellerDashboardPage() {