Update src/app/page.tsx

src/app/page.tsx

@@ -25,9 +25,8 @@ import {
   CheckCircle,
   Tag as TagIcon,
   Mail,
+  Zap as ZapIcon,
   Rocket,
-  Target,
-  TrendingUp,
 } from "lucide-react";
 
 export default function HomePage() {
@@ -62,17 +61,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: "Explore Tools", href: "/tools" },
-            { text: "Suggest a Tool", href: "/suggest" },
+            { 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 +98,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: "Real-Time Verification",              description: "Automatic weekly checks ensure every tool remains completely free",              bentoComponent: "globe"
-            {              title: "Smart Categories",              description: "Browse by Image Gen, Video, Coding, Writing, Chatbots, Voice, Music, and more",              bentoComponent: "icon-info-cards",              items: [
+            },
+            {
+              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 +120,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 +136,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"
               ],
@@ -204,14 +210,16 @@ export default function HomePage() {
       {/* CTA Section */}
       <div id="cta" data-section="cta">
         <ContactCTA
-          tag="Ready to Explore?"
+          tag="Get Started Free"
-          title="Start Finding Free AI Tools Today"
+          tagIcon={Rocket}
-          description="Join thousands of creators and developers discovering powerful free AI tools. No credit card required. No hidden fees. Just pure AI capability."
+          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: "Start Exploring Now", href: "/tools" },
-            { text: "Suggest a Tool", href: "/suggest" },
+            { text: "Submit Your Tool", href: "/suggest" },
           ]}
-          background={{ variant: "plain" }}
+          buttonAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>