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

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #6.
This commit is contained in:
bender
2026-03-25 14:48:41 +00:00
parent 4a3b42b6a3 450da57270
commit 25e1a5c1b5
2 changed files with 120 additions and 277 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."
/>

239
src/app/orders/page.tsx
View File

@@ -2,13 +2,10 @@
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 MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LandingPage() {
export default function OrdersPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -23,181 +20,67 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
{
name: "Products",
id: "products",
href: "/products",
},
{
name: "Cart",
id: "cart",
href: "/cart",
},
{
name: "Orders",
id: "orders",
href: "/orders",
},
{
name: "Admin",
id: "admin",
href: "/admin",
},
]}
brandName="ShopFusion"
button={{
text: "Login / Register",
href: "/login",
}}
animateOnLoad={true}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"
},
{
name: "Products", id: "/products"
},
{
name: "Cart", id: "/cart"
},
{
name: "Orders", id: "/orders"
},
{
name: "Admin", id: "/admin"
}
]}
brandName="ShopFusion"
button={{
text: "Login / Register", href: "/login"
}}
animateOnLoad={true}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Your Order History"
buttons={[
{
text: "Browse Products",
href: "/products",
},
]}
/>
</div>
<div className="min-h-screen flex items-center justify-center p-8">
<h1 className="text-4xl font-bold">Your Orders</h1>
</div>
<div id="metric" data-section="metric">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "15",
title: "Total Orders",
items: [
"Placed this year",
"Delivered on time",
],
},
{
id: "2",
value: "245",
title: "Items Purchased",
items: [
"Across all categories",
"Your favorite brands",
],
},
{
id: "3",
value: "$1,234",
title: "Amount Spent",
items: [
"Lifetime value",
"Great deals found",
],
},
]}
title="At a Glance"
description="A quick overview of your ShopFusion purchasing activity."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How can I track my order?",
content: "You can track your order status by visiting the 'Your Orders' page and clicking on the specific order. A tracking number will be provided once your item has shipped.",
},
{
id: "2",
title: "What if my order is delayed?",
content: "If your order is delayed, please check the tracking information for updates. If there's no progress or you need further assistance, contact our customer support team.",
},
{
id: "3",
title: "How do I return an item from a past order?",
content: "To initiate a return, go to the 'Your Orders' page, select the item you wish to return, and follow the instructions provided. Please review our full return policy for eligibility.",
},
]}
title="Order Related Questions"
description="Find answers to common questions about your orders, shipping, and returns."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "ShopFusion",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Careers",
href: "/careers",
},
{
label: "Blog",
href: "/blog",
},
],
},
{
title: "Customer Service",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Returns",
href: "/returns",
},
{
label: "Shipping",
href: "/shipping",
},
{
label: "FAQ",
href: "/faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "/privacy",
},
{
label: "Terms of Service",
href: "/terms",
},
],
},
]}
copyrightText="© 2024 ShopFusion. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<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: "Careers", href: "/careers" },
{ label: "Blog", href: "/blog" }
]
},
{
title: "Customer Service", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Returns", href: "/returns" },
{ label: "Shipping", href: "/shipping" },
{ label: "FAQ", href: "/faq" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" }
]
}
]}
copyrightText="© 2024 ShopFusion. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);