bender/539af329-fbfa-422b-abc2-1ddb5948acf8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 2 commits from version_2 into main 2026-04-20 15:04:24 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -46
2 changed files with 42 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/seller-dashboard/page.tsx
View File

@@ -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>

50
src/app/stores/[id]/page.tsx
View File

@@ -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>
);
}