Add src/app/admin/page.tsx
This commit is contained in:
202
src/app/admin/page.tsx
Normal file
202
src/app/admin/page.tsx
Normal file
@@ -0,0 +1,202 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { BarChart3, Users, ImageGallery, TrendingUp, Settings, LogOut } from 'lucide-react';
|
||||
|
||||
export default function AdminDashboard() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="OAC Admin"
|
||||
navItems={[
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Analytics", id: "analytics" },
|
||||
{ name: "Users", id: "users" }
|
||||
]}
|
||||
button={{ text: "Logout", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Admin Command Center"
|
||||
description="Manage events, gallery uploads, sales analytics, and user administration from a unified dashboard. Monitor community engagement in real-time with advanced metrics and controls."
|
||||
tag="Admin Access"
|
||||
tagIcon={Settings}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "View Dashboard", href: "#analytics" },
|
||||
{ text: "Manage Users", href: "#users" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-modern-technology-with-sphere-glowing-particles_1048-12742.jpg"
|
||||
imageAlt="Admin dashboard control interface"
|
||||
showDimOverlay={false}
|
||||
showBlur={true}
|
||||
ariaLabel="Admin Dashboard Hero Section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<FeatureCardMedia
|
||||
title="Event Management Engine"
|
||||
description="Create, modify, and oversee tournament events. Control registration timelines, bracket management, and event visibility across the platform."
|
||||
tag="Event Administration"
|
||||
tagIcon={BarChart3}
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "event-create", title: "Create New Event", description: "Launch tournaments with customizable brackets, registration limits, and competition rules. Set start dates, registration deadlines, and prize pools.", tag: "Quick Setup", imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=1", imageAlt: "Event creation interface", buttons: [{ text: "Create Event", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "event-edit", title: "Edit Event Details", description: "Modify tournament parameters, adjust brackets mid-competition, update participant lists, and manage registration approvals in real-time.", tag: "Live Editing", imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=2", imageAlt: "Event editing dashboard", buttons: [{ text: "Edit Events", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "event-schedule", title: "Schedule & Timeline", description: "Organize tournament schedules with automated notifications. Coordinate match timings, round progressions, and announcement broadcasts to participants.", tag: "Automation Ready", imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=3", imageAlt: "Tournament schedule planner", buttons: [{ text: "View Schedule", href: "#" }]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Event Management Dashboard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
title="Gallery Upload Management"
|
||||
description="Administer cosplay showcase and event gallery uploads. Moderate content, verify submissions, organize collections, and manage premium feature access for creators."
|
||||
tag="Content Moderation"
|
||||
tagIcon={ImageGallery}
|
||||
tagAnimation="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "gallery-upload", name: "Pending Reviews", price: "45 Items", variant: "Awaiting Approval", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17694.jpg", imageAlt: "Gallery submission review queue"
|
||||
},
|
||||
{
|
||||
id: "gallery-featured", name: "Featured Content", price: "128 Items", variant: "Active Showcase", imageSrc: "http://img.b2bpic.net/free-photo/blondish-girl-holding-chalkboard_23-2147925908.jpg", imageAlt: "Featured gallery collection"
|
||||
},
|
||||
{
|
||||
id: "gallery-archive", name: "Archive Collection", price: "892 Items", variant: "Historical Database", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478939.jpg", imageAlt: "Gallery archive storage"
|
||||
}
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
uniformGridCustomHeightClasses="min-h-100 2xl:min-h-110"
|
||||
ariaLabel="Gallery Management Section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="analytics" data-section="analytics">
|
||||
<MetricCardEleven
|
||||
title="Sales & Performance Analytics"
|
||||
description="Monitor real-time revenue metrics, transaction volumes, and engagement statistics. Track platform growth with comprehensive business intelligence dashboards."
|
||||
tag="Performance Metrics"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-revenue", value: "$47.2K", title: "Monthly Revenue", description: "Total platform sales from premium features and sponsored events", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100268.jpg?_wi=1", imageAlt: "Revenue analytics"
|
||||
},
|
||||
{
|
||||
id: "metric-transactions", value: "1,240", title: "Total Transactions", description: "Completed purchases and premium subscriptions this month", imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=4", imageAlt: "Transaction counter"
|
||||
},
|
||||
{
|
||||
id: "metric-engagement", value: "94.2%", title: "Engagement Rate", description: "Active user participation in tournaments and community events", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100268.jpg?_wi=2", imageAlt: "Engagement statistics"
|
||||
},
|
||||
{
|
||||
id: "metric-growth", value: "+23.5%", title: "Month-over-Month Growth", description: "User base expansion and platform adoption metrics", imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=5", imageAlt: "Growth trends"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Sales and Analytics Dashboard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="users" data-section="users">
|
||||
<TextSplitAbout
|
||||
title="User Management System"
|
||||
description={[
|
||||
"Comprehensive user administration interface for account management, role assignment, and community moderation. Monitor user activity, verify identities, and enforce community guidelines across all platform members.", "Advanced filtering and search capabilities enable targeted user segments for notifications, promotional campaigns, and policy enforcement. Manage banned accounts, verify premium members, and track user engagement patterns for platform optimization."
|
||||
]}
|
||||
showBorder={false}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Access User Panel", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="User Management Section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Admin Team Feedback"
|
||||
description="Insights from our administration team managing the OAC platform. Dedicated to maintaining community standards and platform excellence."
|
||||
tag="Admin Voices"
|
||||
tagIcon={Users}
|
||||
tagAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Deepika Rao", handle: "@PlatformDirector", testimonial: "The admin dashboard has streamlined our event management workflow tremendously. Running multiple tournaments simultaneously is now seamless and intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-smiling-grey-t-shirt-front-view_176474-16115.jpg", imageAlt: "Platform director"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Marcus Chen", handle: "@ContentModManager", testimonial: "Gallery moderation tools are exceptional. The submission review interface makes it easy to curate quality content while maintaining creator satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-video-call-with-his-family_23-2149120896.jpg", imageAlt: "Content manager"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Sophia Williams", handle: "@AnalyticsHead", testimonial: "The analytics dashboard provides the insights we need to make data-driven decisions. Revenue tracking and user engagement metrics are comprehensive and real-time.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg", imageAlt: "Analytics lead"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "James Kumar", handle: "@UserOpsManager", testimonial: "User management has never been easier. The filtering and search capabilities save us hours of administrative work each week.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-handsome-man_23-2148398270.jpg", imageAlt: "User operations manager"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "Elena Rodriguez", handle: "@CommunityGM", testimonial: "The centralized command center lets us manage events, users, and content from one place. This has been revolutionary for our team efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-interracial-couple-with-white-flower-bouquet_23-2148151941.jpg", imageAlt: "Community GM"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "David Thompson", handle: "@SalesAnalyst", testimonial: "Real-time analytics and revenue tracking give us the visibility needed to optimize our monetization strategy and understand customer behavior patterns.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3837.jpg", imageAlt: "Sales analyst"
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={35}
|
||||
topMarqueeDirection="left"
|
||||
ariaLabel="Admin Team Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="OAC Admin Suite"
|
||||
leftLink={{ text: "Admin Docs", href: "#" }}
|
||||
rightLink={{ text: "Support Portal", href: "#" }}
|
||||
ariaLabel="Admin Footer Navigation"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user