Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7fd04eda8f | |||
| 2fce8e4dd8 | |||
| cbdd31dd88 |
51
src/app/admin/page.tsx
Normal file
51
src/app/admin/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
265
src/app/page.tsx
265
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
67
src/app/seller-dashboard/page.tsx
Normal file
67
src/app/seller-dashboard/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user