Update src/app/page.tsx

Merge version_1 into main

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>

src/app/categories/page.tsx

@@ -185,7 +185,7 @@ export default function CategoriesPage() {
         </section>
       </div>
 
-      <div id="categories-metrics" data-section="categories-metrics" className="w-full">
+      <div id="categories-metrics" data-section="categories-metrics">
         <MetricCardTwo
           metrics={[
             { id: "1", value: "500+", description: "Free AI Tools Indexed" },

src/app/page.tsx

@@ -25,9 +25,6 @@ import {
   CheckCircle,
   Tag as TagIcon,
   Mail,
-  Rocket,
-  Target,
-  TrendingUp,
 } from "lucide-react";
 
 export default function HomePage() {
@@ -99,7 +96,8 @@ export default function HomePage() {
           title="How FreeAI Hub Works"
           description="Smart verification, real-time filtering, and community-powered curation to help you find exactly what you need."
           features={[
-            {              title: "Real-Time Verification",              description: "Automatic weekly checks ensure every tool remains completely free",              bentoComponent: "globe"
+            {
+              title: "Real-Time Verification",              description: "Automatic weekly checks ensure every tool remains completely free",              bentoComponent: "globe"
             },
             {
               title: "Intelligent Filtering",              description: "Filter by category, features, popularity, and free status badges",              bentoComponent: "animated-bar-chart"
@@ -210,17 +208,15 @@ export default function HomePage() {
       {/* CTA Section */}
       <div id="cta" data-section="cta">
         <ContactCTA
-          tag="Join Thousands of Power Users"
+          tag="Ready to Explore?"
-          tagIcon={Rocket}
+          title="Start Finding Free AI Tools Today"
-          title="Unlock Access to 500+ Verified Free AI Tools Today"
+          description="Join thousands of creators and developers discovering powerful free AI tools. No credit card required. No hidden fees. Just pure AI capability."
-          description="Stop wasting time searching for hidden paywalls. Get instant access to our curated collection of truly free AI tools. No credit card. No hidden fees. No subscriptions. Just pure AI power at your fingertips."
           buttons={[
-            { text: "Explore All Tools Now", href: "/tools" },
+            { text: "Browse All Tools", href: "/tools" },
-            { text: "Submit Your Tool", href: "/suggest" },
+            { text: "Suggest a Tool", href: "/suggest" },
           ]}
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          buttonAnimation="slide-up"
         />
       </div>
 

src/app/suggest/page.tsx

@@ -32,16 +32,18 @@ export default function SuggestPage() {
         <NavbarStyleApple brandName="FreeAI Hub" navItems={navItems} />
       </div>
 
-      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
+      <div id="contact" data-section="contact">
         <ContactCTA
           tag="Suggest a Tool"
           title="Help Us Discover New Free AI Tools"
           description="Found an amazing free AI tool that should be on FreeAI Hub? Submit it for community review and verification. We check every submission to ensure it's truly free, safe, and useful for our community."
           buttons={[
             {
-              text: "Submit Tool Form",              href: "mailto:submit@freeai-hub.com"},
+              text: "Submit Tool Form",              href: "mailto:submit@freeai-hub.com"
+            },
             {
-              text: "Back to Tools",              href: "/"},
+              text: "Back to Tools",              href: "/"
+            },
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -52,9 +54,11 @@ export default function SuggestPage() {
         <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>

src/app/tools/page.tsx

@@ -69,7 +69,8 @@ export default function ToolsPage() {
           description="Find the perfect free AI tool for your needs. Browse through our most popular categories with hand-picked selections."
           features={[
             {
-              title: "Image Generation",              description: "Create stunning visuals with free AI art generators",              bentoComponent: "animated-bar-chart"},
+              title: "Image Generation",              description: "Create stunning visuals with free AI art generators",              bentoComponent: "animated-bar-chart"
+            },
             {
               title: "Writing & Content",              description: "Generate blog posts, emails, and social media content",              bentoComponent: "icon-info-cards",              items: [
                 { icon: Sparkles, label: "Blog Posts", value: "20+ Tools" },
@@ -87,7 +88,8 @@ export default function ToolsPage() {
               ],
             },
             {
-              title: "Video & Audio",              description: "Edit videos, create voiceovers, and generate music",              bentoComponent: "globe"},
+              title: "Video & Audio",              description: "Edit videos, create voiceovers, and generate music",              bentoComponent: "globe"
+            },
             {
               title: "Chatbots & Assistants",              description: "Conversational AI tools for productivity and learning",              bentoComponent: "marquee",              centerIcon: MessageSquare,
               variant: "text",              texts: ["ChatGPT Free", "Claude", "Gemini", "Perplexity", "Others"],
@@ -96,13 +98,16 @@ export default function ToolsPage() {
               title: "Design Tools",              description: "Create graphics, logos, and mockups without paying",              bentoComponent: "3d-stack-cards",              items: [
                 {
                   icon: Sparkles,
-                  title: "Logo Design",                  subtitle: "AI-powered creators",                  detail: "8+ free tools"},
+                  title: "Logo Design",                  subtitle: "AI-powered creators",                  detail: "8+ free tools"
+                },
                 {
                   icon: Zap,
-                  title: "Graphics",                  subtitle: "Design templates",                  detail: "12+ platforms"},
+                  title: "Graphics",                  subtitle: "Design templates",                  detail: "12+ platforms"
+                },
                 {
                   icon: Shield,
-                  title: "Mockups",                  subtitle: "Product mockups",                  detail: "5+ tools"},
+                  title: "Mockups",                  subtitle: "Product mockups",                  detail: "5+ tools"
+                },
               ],
             },
           ]}