Update src/app/admin/page.tsx
This commit is contained in:
@@ -43,19 +43,23 @@ export default function AdminPage() {
|
||||
<NavbarStyleApple brandName="FreeAI Hub" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Admin Dashboard - System Overview"
|
||||
description="Real-time statistics and verification metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", description: "Free AI Tools Indexed"},
|
||||
id: "1", value: "500+", description: "Free AI Tools Indexed"
|
||||
},
|
||||
{
|
||||
id: "2", value: "127", description: "Tools Verified This Week"},
|
||||
id: "2", value: "127", description: "Tools Verified This Week"
|
||||
},
|
||||
{
|
||||
id: "3", value: "8", description: "Tools Removed (No Longer Free)"},
|
||||
id: "3", value: "8", description: "Tools Removed (No Longer Free)"
|
||||
},
|
||||
{
|
||||
id: "4", value: "2.4K", description: "Pending Submissions"},
|
||||
id: "4", value: "2.4K", description: "Pending Submissions"
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
@@ -64,39 +68,47 @@ export default function AdminPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features" className="mx-auto px-4 md:px-6">
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Admin Management System"
|
||||
description="Complete tools for managing the FreeAI Hub directory and community submissions"
|
||||
features={[
|
||||
{
|
||||
title: "Verification Dashboard", description: "Monitor and manage tool verification status", bentoComponent: "animated-bar-chart"},
|
||||
title: "Verification Dashboard", description: "Monitor and manage tool verification status", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Submission Review", description: "Review and approve community-submitted tools", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Pending", value: "2.4K"},
|
||||
label: "Pending", value: "2.4K"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Reviewers", value: "18"},
|
||||
label: "Reviewers", value: "18"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Avg Review", value: "2.5h"},
|
||||
label: "Avg Review", value: "2.5h"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "User Analytics", description: "Track user engagement and platform metrics", bentoComponent: "globe"},
|
||||
title: "User Analytics", description: "Track user engagement and platform metrics", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Tool Management", description: "Edit, archive, and update tool information", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Info,
|
||||
title: "Edit Tool Details", subtitle: "Update descriptions and info", detail: "Bulk edit capability"},
|
||||
title: "Edit Tool Details", subtitle: "Update descriptions and info", detail: "Bulk edit capability"
|
||||
},
|
||||
{
|
||||
icon: Image,
|
||||
title: "Manage Screenshots", subtitle: "Upload and organize images", detail: "Auto-optimization"},
|
||||
title: "Manage Screenshots", subtitle: "Upload and organize images", detail: "Auto-optimization"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Verify Free Status", subtitle: "Check payment requirements", detail: "Automated checks run weekly"},
|
||||
title: "Verify Free Status", subtitle: "Check payment requirements", detail: "Automated checks run weekly"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -123,7 +135,8 @@ export default function AdminPage() {
|
||||
{
|
||||
title: "Feature Flags", description: "Control and test new features before release", bentoComponent: "marquee", centerIcon: Zap,
|
||||
variant: "text", texts: [
|
||||
"Beta Features", "A/B Testing", "Feature Rollout", "User Segmentation", "Performance Monitoring"],
|
||||
"Beta Features", "A/B Testing", "Feature Rollout", "User Segmentation", "Performance Monitoring"
|
||||
],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -132,16 +145,18 @@ export default function AdminPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta" className="mx-auto px-4 md:px-6">
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Admin Access"
|
||||
title="Manage the FreeAI Hub Directory"
|
||||
description="Restricted access for administrators and community moderators. For access inquiries or to join the moderation team, please contact our admin team with verification details."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Access", href: "mailto:admin@freeai-hub.com"},
|
||||
text: "Request Access", href: "mailto:admin@freeai-hub.com"
|
||||
},
|
||||
{
|
||||
text: "Return Home", href: "/"},
|
||||
text: "Return Home", href: "/"
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -152,9 +167,11 @@ export default function AdminPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="FreeAI Hub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
text: "Privacy Policy", href: "/privacy"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
text: "Terms of Service", href: "/terms"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user