bender/062cebad-9f70-48cf-980c-6a29c8d0df86
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/admin/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-25 14:48:38 +00:00
parent 3b0689554a
commit b162997edf
1 changed files with 59 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/app/admin/page.tsx
View File

@@ -3,8 +3,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { AlertTriangle, BarChart, Gauge, Globe, Home, Package, Settings, ShoppingCart, Smile, TrendingUp, UserPlus, Users, ShoppingBag, ListOrdered } from "lucide-react";
@@ -28,15 +28,20 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
name: "Home", id: "/"
},
{
name: "Products", id: "/products"},
name: "Products", id: "/products"
},
{
name: "Cart", id: "/cart"},
name: "Cart", id: "/cart"
},
{
name: "Orders", id: "/orders"},
name: "Orders", id: "/orders"
},
{
name: "Admin", id: "/admin"},
name: "Admin", id: "/admin"
}
]}
brandName="ShopFusion"
button={{
@@ -46,82 +51,23 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
<HeroSplitDualMedia
background={{
variant: "animated-grid"}}
title="Admin Dashboard"
description="Welcome, Administrator. Manage your e-commerce operations efficiently and gain insights into ShopFusion's performance."
description="Welcome, Administrator. Gain insights and manage ShopFusion's performance efficiently."
tag="ShopFusion Admin"
tagIcon={Gauge}
dashboard={{
title: "Overview", stats: [
{
values: [1200],
label: "Total Orders"},
{
values: [85000],
label: "Revenue This Month"},
{
values: [24],
label: "New Users Today"},
],
logoIcon: ShoppingBag,
sidebarItems: [
{
label: "Dashboard", icon: Home,
href: "/admin"},
{
label: "Products", icon: Package,
href: "/admin/products"},
{
label: "Orders", icon: ListOrdered,
href: "/admin/orders"},
{
label: "Customers", icon: Users,
href: "/admin/customers"},
{
label: "Analytics", icon: BarChart,
href: "/admin/analytics"},
{
label: "Settings", icon: Settings,
href: "/admin/settings"},
],
buttons: [
{
text: "Create New Product", href: "/admin/products/new"},
],
listItems: [
{
label: "New order #SF2024001", detail: "$150.00", icon: ShoppingCart,
},
{
label: "Customer registration", detail: "John Doe", icon: UserPlus,
},
{
label: "Product 'Sneakers' low stock", detail: "3 remaining", icon: AlertTriangle,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231687.jpg?_wi=7", imageAlt: "Admin dashboard screenshot with charts and data", searchPlaceholder: "Search dashboard...", chartTitle: "Sales Trend", chartData: [
{
label: "Jan", value: 30,
},
{
label: "Feb", value: 45,
},
{
label: "Mar", value: 60,
},
{
label: "Apr", value: 40,
},
{
label: "May", value: 75,
},
{
label: "Jun", value: 90,
},
],
listTitle: "Recent Activities"}}
mediaItems={[
{
imageSrc: "https://images.unsplash.com/photo-1550009158-9ebf69168046?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Dashboard overview"
},
{
imageSrc: "https://images.unsplash.com/photo-1587620962725-abab7fe55159?q=80&w=2929&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Analytics charts"
}
]}
rating={5}
ratingText="Highly rated for administrative tools"
/>
</div>
@@ -133,14 +79,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1", value: "98%", title: "Customer Satisfaction", description: "Based on recent customer feedback and reviews.", icon: Smile,
id: "1", value: "98%", title: "Customer Satisfaction", description: "Based on recent customer feedback and reviews.", icon: Smile
},
{
id: "2", value: "12%", title: "Conversion Rate", description: "Increase in sales from website visitors last month.", icon: TrendingUp,
id: "2", value: "12%", title: "Conversion Rate", description: "Increase in sales from website visitors last month.", icon: TrendingUp
},
{
id: "3", value: "3.5M", title: "Website Traffic", description: "Unique visitors to ShopFusion this quarter.", icon: Globe,
},
id: "3", value: "3.5M", title: "Website Traffic", description: "Unique visitors to ShopFusion this quarter.", icon: Globe
}
]}
title="Key Performance Indicators"
description="Essential metrics for your ShopFusion e-commerce platform."
@@ -153,11 +99,14 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1", title: "How do I add a new product?", content: "Navigate to the 'Products' section in the sidebar and click the 'Add New Product' button. Fill in all required product details."},
id: "1", title: "How do I add a new product?", content: "Navigate to the 'Products' section in the sidebar and click the 'Add New Product' button. Fill in all required product details."
},
{
id: "2", title: "Where can I view sales reports?", content: "Sales reports and other analytics can be found under the 'Analytics' section. You can filter by date range and category."},
id: "2", title: "Where can I view sales reports?", content: "Sales reports and other analytics can be found under the 'Analytics' section. You can filter by date range and category."
},
{
id: "3", title: "How do I manage user accounts?", content: "The 'Customers' section allows you to view, edit, and manage all customer accounts, including resetting passwords or checking order history."},
id: "3", title: "How do I manage user accounts?", content: "The 'Customers' section allows you to view, edit, and manage all customer accounts, including resetting passwords or checking order history."
}
]}
title="Admin Portal FAQs"
description="Quick answers to common questions about using the ShopFusion Admin Dashboard."
@@ -166,38 +115,49 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterMedia
imageSrc="https://images.unsplash.com/photo-1550009158-9ebf69168046?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
imageAlt="ShopFusion Footer Image"
columns={[
{
title: "ShopFusion", items: [
{
label: "About Us", href: "/about"},
label: "About Us", href: "/about"}
,
{
label: "Careers", href: "/careers"},
label: "Careers", href: "/careers"}
,
{
label: "Blog", href: "/blog"},
],
label: "Blog", href: "/blog"}
]
},
{
title: "Customer Service", items: [
{
label: "Contact Us", href: "/contact"},
label: "Contact Us", href: "/contact"}
,
{
label: "Returns", href: "/returns"},
label: "Returns", href: "/returns"}
,
{
label: "Shipping", href: "/shipping"},
label: "Shipping", href: "/shipping"}
,
{
label: "FAQ", href: "/faq"},
],
label: "FAQ", href: "/faq"}
]
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "/privacy"},
label: "Privacy Policy", href: "/privacy"}
,
{
label: "Terms of Service", href: "/terms"},
],
},
label: "Terms of Service", href: "/terms"}
]
}
]}
copyrightText="© 2024 ShopFusion. All rights reserved."
/>