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 75 additions and 45 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,9 +25,6 @@ import {
  CheckCircle,
  Tag as TagIcon,
  Mail,
-  Rocket,
-  Target,
-  TrendingUp,
 } from "lucide-react";

 export default function HomePage() {
@@ -62,17 +59,16 @@ export default function HomePage() {
        <HeroLogoBillboardSplit
          logoText="FreeAI Hub"
          description="Discover 100% free AI tools verified daily. No credit cards, no hidden fees, no paywalls. Just pure AI power for everyone."
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "plain" }}
          buttons={[
-            { text: "Start Exploring Now", href: "/tools" },
-            { text: "Suggest a Tool", href: "/suggest" },
+            { text: "Explore Tools", href: "/tools" },
+            { text: "Suggest Tool", href: "/suggest" },
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/a-modern-ai-tool-directory-dashboard-int-1773157942445-79af9452.jpg"
          imageAlt="FreeAI Hub Dashboard Interface"
-          mediaAnimation="blur-reveal"
+          mediaAnimation="slide-up"
          frameStyle="browser"
-          buttonAnimation="slide-up"
        />
      </div>

@@ -100,15 +96,21 @@ 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: "Intelligent Filtering",              description: "Filter by category, features, popularity, and free status badges",              bentoComponent: "animated-bar-chart"},
-            {              title: "Smart Categories",              description: "Browse by Image Gen, Video, Coding, Writing, Chatbots, Voice, Music, and more",              bentoComponent: "icon-info-cards",              items: [
+            {
+              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"
+            },
+            {
+              title: "Smart Categories",              description: "Browse by Image Gen, Video, Coding, Writing, Chatbots, Voice, Music, and more",              bentoComponent: "icon-info-cards",              items: [
                { icon: Sparkles, label: "10+ Categories", value: "Organized" },
                { icon: Zap, label: "Daily Updates", value: "Fresh" },
                { icon: Shield, label: "Verified Safe", value: "Trusted" },
              ],
            },
-            {              title: "Community Powered",              description: "Users submit new tools and community verifies before publishing",              bentoComponent: "orbiting-icons",              centerIcon: Users,
+            {
+              title: "Community Powered",              description: "Users submit new tools and community verifies before publishing",              bentoComponent: "orbiting-icons",              centerIcon: Users,
              items: [
                { icon: Heart, ring: 1 },
                { icon: MessageSquare, ring: 1 },
@@ -116,7 +118,8 @@ export default function HomePage() {
                { icon: Star, ring: 2 },
              ],
            },
-            {              title: "Detailed Tool Pages",              description: "Each tool shows features, direct link, screenshots, and free status verification",              bentoComponent: "3d-stack-cards",              items: [
+            {
+              title: "Detailed Tool Pages",              description: "Each tool shows features, direct link, screenshots, and free status verification",              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: Info,
                  title: "Full Description",                  subtitle: "Learn what the tool does",                  detail: "Comprehensive feature list"
@@ -131,7 +134,8 @@ export default function HomePage() {
                },
              ],
            },
-            {              title: "Tag System",              description: "Quick visual tags: 100% Free, No Login, Open Source, Browser Based, Mobile Friendly",              bentoComponent: "marquee",              centerIcon: TagIcon,
+            {
+              title: "Tag System",              description: "Quick visual tags: 100% Free, No Login, Open Source, Browser Based, Mobile Friendly",              bentoComponent: "marquee",              centerIcon: TagIcon,
              variant: "text",              texts: [
                "100% Free",                "No Login Required",                "Open Source",                "Browser Based",                "Mobile Friendly"
              ],
--- 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	d40d6e32f7	Merge version_2 into main Merge version_2 into main	2026-03-10 16:45:39 +00:00
bender	d8c472b2b0	Update src/app/page.tsx	2026-03-10 16:45:35 +00:00