Update src/app/page.tsx

Merge version_1 into main
2026-03-10 17:21:09 +00:00 · 2026-03-10 17:16:13 +00:00 · 2026-03-10 17:13:15 +00:00 · 2026-03-10 17:13:09 +00:00 · 2026-03-10 17:13:08 +00:00 · 2026-03-10 17:13:07 +00:00
5 changed files with 64 additions and 42 deletions
--- 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>
--- a/src/app/categories/page.tsx
+++ b/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" },
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,8 +25,6 @@ import {
  CheckCircle,
  Tag as TagIcon,
  Mail,
-  Zap as ZapIcon,
-  Rocket,
 } from "lucide-react";

 export default function HomePage() {
@@ -210,16 +208,14 @@ export default function HomePage() {
      {/* CTA Section */}
      <div id="cta" data-section="cta">
        <ContactCTA
-          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."
+          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."
          buttons={[
-            { text: "Start Exploring Now", href: "/tools" },
-            { text: "Submit Your Tool", href: "/suggest" },
+            { text: "Browse All Tools", href: "/tools" },
+            { text: "Suggest a Tool", href: "/suggest" },
          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>
@@ -234,4 +230,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/suggest/page.tsx
+++ b/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>
--- a/src/app/tools/page.tsx
+++ b/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"
+                },
              ],
            },
          ]}
Author	SHA1	Message	Date
bender	57df141272	Update src/app/page.tsx	2026-03-10 17:21:09 +00:00
bender	4a2c425289	Update src/app/page.tsx	2026-03-10 17:16:13 +00:00
bender	758153ed8e	Merge version_1 into main Merge version_1 into main	2026-03-10 17:13:15 +00:00
bender	f721a0330f	Update src/app/tools/page.tsx	2026-03-10 17:13:09 +00:00
bender	5daa132e90	Update src/app/suggest/page.tsx	2026-03-10 17:13:08 +00:00
bender	cd3fc6b633	Update src/app/page.tsx	2026-03-10 17:13:07 +00:00
bender	d9284f6947	Update src/app/categories/page.tsx	2026-03-10 17:13:06 +00:00
bender	6692f831ed	Update src/app/admin/page.tsx	2026-03-10 17:13:05 +00:00
bender	6e8d70e730	Switch to version 1: modified src/app/page.tsx	2026-03-10 17:11:42 +00:00
bender	4ec2e5e900	Merge version_3 into main Merge version_3 into main	2026-03-10 17:10:10 +00:00
bender	8b84844acf	Update src/app/page.tsx	2026-03-10 16:47:27 +00:00
bender	1a64d7bda4	Update src/app/page.tsx	2026-03-10 16:45:51 +00:00
bender	d40d6e32f7	Merge version_2 into main Merge version_2 into main	2026-03-10 16:45:39 +00:00