Update src/app/page.tsx

Merge version_1 into main

src/app/admin/page.tsx

@@ -43,23 +43,19 @@ export default function AdminPage() {
         <NavbarStyleApple brandName="FreeAI Hub" navItems={navItems} />
       </div>
 
-      <div id="metrics" data-section="metrics">
+      <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
         <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"
@@ -68,47 +64,39 @@ export default function AdminPage() {
         />
       </div>
 
-      <div id="features" data-section="features">
+      <div id="features" data-section="features" className="mx-auto px-4 md:px-6">
         <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"},
               ],
             },
             {
@@ -135,8 +123,7 @@ 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"
@@ -145,18 +132,16 @@ export default function AdminPage() {
         />
       </div>
 
-      <div id="cta" data-section="cta">
+      <div id="cta" data-section="cta" className="mx-auto px-4 md:px-6">
         <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}
@@ -167,11 +152,9 @@ 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">
+      <div id="categories-metrics" data-section="categories-metrics" className="w-full">
         <MetricCardTwo
           metrics={[
             { id: "1", value: "500+", description: "Free AI Tools Indexed" },

src/app/page.tsx

@@ -25,6 +25,8 @@ import {
   CheckCircle,
   Tag as TagIcon,
   Mail,
+  Zap as ZapIcon,
+  Rocket,
 } from "lucide-react";
 
 export default function HomePage() {
@@ -208,14 +210,16 @@ export default function HomePage() {
       {/* CTA Section */}
       <div id="cta" data-section="cta">
         <ContactCTA
-          tag="Ready to Explore?"
-          title="Start Finding 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."
+          tag="Get Started Free"
+          tagIcon={Rocket}
+          title="Unlock Access to 500+ Premium AI Tools at Zero Cost"
+          description="Stop paying for AI. Our verified directory gives you instant access to the world's best free AI tools. No credit card. No hidden fees. No paywalls. Join thousands of creators and developers already saving thousands per year."
           buttons={[
-            { text: "Browse All Tools", href: "/tools" },
-            { text: "Suggest a Tool", href: "/suggest" },
+            { text: "Start Exploring Now", href: "/tools" },
+            { text: "Submit Your Tool", href: "/suggest" },
           ]}
-          background={{ variant: "plain" }}
+          buttonAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>
@@ -230,4 +234,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/suggest/page.tsx

@@ -32,18 +32,16 @@ export default function SuggestPage() {
         <NavbarStyleApple brandName="FreeAI Hub" navItems={navItems} />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
         <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}
@@ -54,11 +52,9 @@ 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,8 +69,7 @@ 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" },
@@ -88,8 +87,7 @@ 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"],
@@ -98,16 +96,13 @@ 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"},
               ],
             },
           ]}