Add src/app/seller-dashboard/page.tsx

2026-03-09 19:59:41 +00:00
parent fa5f95042c
commit aa0cadd42b
1 changed files with 86 additions and 0 deletions
--- a/src/app/seller-dashboard/page.tsx
+++ b/src/app/seller-dashboard/page.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import { Hexagon, House, ShoppingCart, BarChart3, Settings, CircleDollarSign, ShoppingBag, TrendingUp, Package, Bell, MoreVertical, Gauge, HelpCircle, Smartphone } from "lucide-react";
+
+export default function SellerDashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="outline"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="TechVault"
+          navItems={[
+            { name: "Shop", id: "/" },
+            { name: "Features", id: "#features" },
+            { name: "Pricing", id: "#pricing" },
+            { name: "Support", id: "#contact" },
+            { name: "Dashboard", id: "/seller-dashboard" }
+          ]}
+          button={{ text: "Go to Store", href: "/" }}
+          className="backdrop-blur-md bg-opacity-80"
+          buttonClassName="bg-gradient-to-r from-[#80da9b] to-[#a8e8ba] text-black font-semibold"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardDashboard
+          title="Seller Dashboard"
+          description="Manage your entire e-commerce business from one powerful dashboard. Track inventory, monitor sales, and optimize performance in real-time."
+          tag="Seller Control Center"
+          tagIcon={Hexagon}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "View Products", href: "#" },
+            { text: "Export Reports", href: "#" }
+          ]}
+          buttonAnimation="blur-reveal"
+          background={{ variant: "plain" }}
+          dashboard={{
+            title: "Seller Management Hub",            logoIcon: Hexagon,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-sleek-dark-tech-dashboard-interface-sh-1773085533392-c7e92339.png?_wi=1",            searchPlaceholder: "Search products, orders, discounts...",            buttons: [
+              { text: "Add Product", href: "#" },
+              { text: "View Analytics", href: "#" }
+            ],
+            sidebarItems: [
+              { icon: House, active: true, label: "Overview" },
+              { icon: ShoppingCart, label: "Products" },
+              { icon: CircleDollarSign, label: "Discounts" },
+              { icon: Package, label: "Inventory" },
+              { icon: BarChart3, label: "Orders" },
+              { icon: Bell, label: "Notifications" },
+              { icon: Settings, label: "Settings" }
+            ],
+            stats: [
+              { title: "Total Revenue", values: [24580, 38920, 52450], valuePrefix: "$", description: "This month" },
+              { title: "Active Products", values: [85, 92, 105], description: "Listed items" },
+              { title: "Pending Orders", values: [12, 8, 5], description: "To process" }
+            ],
+            chartTitle: "Sales Trend",            chartData: [{ value: 45 }, { value: 60 }, { value: 75 }, { value: 90 }, { value: 85 }],
+            listTitle: "Quick Actions",            listItems: [
+              { icon: ShoppingCart, title: "Manage Products", status: "Active" },
+              { icon: CircleDollarSign, title: "Create Discount Campaign", status: "Ready" },
+              { icon: Package, title: "Update Inventory Levels", status: "Pending" }
+            ]
+          }}
+          className="min-h-screen"
+          containerClassName="max-w-7xl mx-auto"
+          titleClassName="text-5xl md:text-7xl font-bold"
+          descriptionClassName="text-lg md:text-xl text-opacity-80"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}