From 6692f831ed2c666a23f4151dbf255483d1fcf5ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 17:13:05 +0000
Subject: [PATCH] Update src/app/admin/page.tsx

---
 src/app/admin/page.tsx | 57 +++++++++++++++++++++++++++---------------
 1 file changed, 37 insertions(+), 20 deletions(-)

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 478f4f9..7182c15 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -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>