3 Commits

Author SHA1 Message Date
7fd04eda8f Add src/app/seller-dashboard/page.tsx 2026-04-06 16:10:03 +00:00
2fce8e4dd8 Update src/app/page.tsx 2026-04-06 16:10:03 +00:00
cbdd31dd88 Add src/app/admin/page.tsx 2026-04-06 16:10:03 +00:00
3 changed files with 169 additions and 214 deletions

51
src/app/admin/page.tsx Normal file
View File

@@ -0,0 +1,51 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
export default function AdminDashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmall"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Admin Panel", id: "/admin" },
]}
brandName="Admin Panel"
/>
<div className="pt-32 pb-16">
<MetricCardFourteen
title="Admin Dashboard Analytics"
tag="System Status"
metrics={[
{ id: "1", value: "1,240", description: "Total Users" },
{ id: "2", value: "482", description: "Pending Orders" },
{ id: "3", value: "$84k", description: "Monthly Revenue" },
]}
useInvertedBackground={true}
/>
<div className="mt-16 text-center">
<h2 className="text-3xl font-bold mb-4">Management Access</h2>
<p>Access user management, role settings, and order updates here.</p>
</div>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="Marketplace"
/>
@@ -48,62 +42,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Your Daily Marketplace"
description="Discover millions of products from thousands of sellers. Fast delivery, safe payments, and guaranteed quality."
variant: "gradient-bars"}}
title="Secure Global Marketplace"
description="Shop with confidence using enterprise-grade encryption and secure authentication across all transactions."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/christmas-sales-concept-with-alarm_23-2147730826.jpg"
imageAlt="Marketplace hero showcase"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-amused-entertained-charismatic-african-american-woman-with-curly-hairstyle-showing-thumbs-up_176420-31239.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-amused-entertained-charismatic-african-american-woman-with-curly-hairstyle-showing-thumbs-up_176420-31239.jpg", alt: "User 5" },
]}
avatarText="Join 500,000+ happy shoppers"
avatarText="Verified & Encrypted Shopping"
marqueeItems={[
{
type: "text",
text: "Free Shipping",
},
{
type: "text",
text: "Secure Payments",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "Easy Returns",
},
{
type: "text",
text: "Quality Guaranteed",
},
{ type: "text", text: "AES-256 Data Encryption" },
{ type: "text", text: "Secure OAuth 2.0" },
{ type: "text", text: "Validated Input Fields" },
{ type: "text", text: "Compliance Certified" },
{ type: "text", text: "Fraud Protected" },
]}
/>
</div>
@@ -112,50 +73,14 @@ export default function LandingPage() {
<ProductCatalog
layout="section"
products={[
{
id: "p1",
name: "Smartphone Pro",
price: "$899",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg",
},
{
id: "p2",
name: "Leather Sneakers",
price: "$120",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-transgenders-sitting-stairs_23-2149154653.jpg",
},
{
id: "p3",
name: "Luxury Handbag",
price: "$250",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traveler-women-s-outfit-accessories_1357-91.jpg",
},
{
id: "p4",
name: "Wireless Audio",
price: "$199",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/music-mixer-desk-with-various-knobs-filtered-image-processed-v_1232-3315.jpg",
},
{
id: "p5",
name: "Skincare Essentials",
price: "$45",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/composition-make-up-cosmetics-beauty-case_23-2148181449.jpg",
},
{
id: "p6",
name: "Modern Watch",
price: "$299",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg",
},
{ id: "p1", name: "Smartphone Pro", price: "$899", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912817.jpg" },
{ id: "p2", name: "Leather Sneakers", price: "$120", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-transgenders-sitting-stairs_23-2149154653.jpg" },
{ id: "p3", name: "Luxury Handbag", price: "$250", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-traveler-women-s-outfit-accessories_1357-91.jpg" },
{ id: "p4", name: "Wireless Audio", price: "$199", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/music-mixer-desk-with-various-knobs-filtered-image-processed-v_1232-3315.jpg" },
{ id: "p5", name: "Skincare Essentials", price: "$45", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/composition-make-up-cosmetics-beauty-case_23-2148181449.jpg" },
{ id: "p6", name: "Modern Watch", price: "$299", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg" },
]}
searchPlaceholder="Search for electronics, clothes, shoes..."
searchPlaceholder="Search securely with validated inputs..."
/>
</div>
@@ -166,38 +91,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Security",
title: "Safe Payments",
items: [
"SSL Encryption",
"Secure Data",
"Private Policy",
],
id: "f1", label: "Security", title: "Advanced Protection", items: ["End-to-End Encryption", "Multi-factor Auth", "Data Sanitization"],
},
{
id: "f2",
label: "Delivery",
title: "Fast Shipping",
items: [
"24h Delivery",
"Live Tracking",
"Safe Delivery",
],
id: "f2", label: "Access", title: "Role-Based Control", items: ["Verified Sessions", "Secure Tokens", "Audit Logging"],
},
{
id: "f3",
label: "Support",
title: "24/7 Service",
items: [
"Live Chat",
"Easy Returns",
"Support Team",
],
id: "f3", label: "Integrity", title: "Input Validation", items: ["Real-time Sanitizing", "Form Protection", "Schema Validation"],
},
]}
title="Why Shop With Us"
description="We ensure the best quality for our customers."
title="Security at Our Core"
description="We implement modern security standards to safeguard your shopping journey."
/>
</div>
@@ -207,63 +111,19 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah",
role: "User",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg",
},
{
id: "t2",
name: "John",
role: "User",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
},
{
id: "t3",
name: "Alex",
role: "User",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
},
{
id: "t4",
name: "Emma",
role: "User",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg",
},
{
id: "t5",
name: "David",
role: "User",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-amused-entertained-charismatic-african-american-woman-with-curly-hairstyle-showing-thumbs-up_176420-31239.jpg",
},
{ id: "t1", name: "Sarah", role: "Security Lead", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg" },
{ id: "t2", name: "John", role: "Developer", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
{ id: "t3", name: "Alex", role: "User", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
{ id: "t4", name: "Emma", role: "User", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg" },
{ id: "t5", name: "David", role: "Analyst", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-amused-entertained-charismatic-african-american-woman-with-curly-hairstyle-showing-thumbs-up_176420-31239.jpg" },
]}
kpiItems={[
{
value: "1M+",
label: "Products",
},
{
value: "500K+",
label: "Users",
},
{
value: "10K+",
label: "Sellers",
},
{ value: "100%", label: "Encrypted" },
{ value: "99.9%", label: "Uptime" },
{ value: "0", label: "Breaches" },
]}
title="Happy Shoppers"
description="Join millions of satisfied customers across the country."
title="Verified Safety"
description="Trusted by professionals who value secure online environments."
/>
</div>
@@ -272,22 +132,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How to return a product?",
content: "You can return products within 30 days of purchase.",
},
id: "q1", title: "How is my data encrypted?", content: "We use industry-standard AES-256 for at-rest storage and TLS for transit."},
{
id: "q2",
title: "Payment methods?",
content: "We support Cash on Delivery and credit cards.",
},
id: "q2", title: "How does authorization work?", content: "Every request is validated via secure tokens and role-based permissions."},
{
id: "q3",
title: "Track my order?",
content: "Use your account order page to track delivery status.",
},
id: "q3", title: "Are my inputs sanitized?", content: "Yes, all forms implement strict validation and server-side cleaning."},
]}
sideTitle="Questions?"
sideTitle="Security FAQs"
faqsAnimation="slide-up"
/>
</div>
@@ -297,29 +148,15 @@ export default function LandingPage() {
logoText="Marketplace"
columns={[
{
title: "Shop",
items: [
{
label: "Electronics",
href: "#",
},
{
label: "Clothing",
href: "#",
},
title: "Shop", items: [
{ label: "Electronics", href: "#" },
{ label: "Clothing", href: "#" },
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Career",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
@@ -328,4 +165,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -0,0 +1,67 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import { BarChart3, Package, ShoppingBag, User } from "lucide-react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function SellerDashboard() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmall"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/seller-dashboard" },
]}
brandName="Seller Hub"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
title="Seller Dashboard"
description="Manage your products, track orders, and analyze your sales performance in real-time."
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Product Management", description: "Add, edit, and update your inventory seamlessly.", buttonIcon: Package,
},
{
title: "Order Tracking", description: "Stay updated on all pending and shipped orders.", buttonIcon: ShoppingBag,
},
{
title: "Sales Analytics", description: "View detailed reports on your store performance.", buttonIcon: BarChart3,
},
{
title: "Profile Settings", description: "Maintain your seller profile and contact info.", buttonIcon: User,
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Seller Hub"
columns={[]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}