Update src/app/page.tsx
This commit is contained in:
@@ -25,6 +25,9 @@ import {
|
||||
CheckCircle,
|
||||
Tag as TagIcon,
|
||||
Mail,
|
||||
Rocket,
|
||||
Target,
|
||||
TrendingUp,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -59,16 +62,17 @@ 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: "plain" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Tools", href: "/tools" },
|
||||
{ text: "Suggest Tool", href: "/suggest" },
|
||||
{ text: "Start Exploring Now", href: "/tools" },
|
||||
{ text: "Suggest a 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="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
frameStyle="browser"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,19 +100,15 @@ 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,23 +116,25 @@ 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"},
|
||||
title: "Full Description", subtitle: "Learn what the tool does", detail: "Comprehensive feature list"
|
||||
},
|
||||
{
|
||||
icon: ImageIcon,
|
||||
title: "Screenshots", subtitle: "See it in action", detail: "Visual interface preview"},
|
||||
title: "Screenshots", subtitle: "See it in action", detail: "Visual interface preview"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Free Verified", subtitle: "100% no payment needed", detail: "Weekly auto-verification"},
|
||||
title: "Free Verified", subtitle: "100% no payment needed", detail: "Weekly auto-verification"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
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"],
|
||||
"100% Free", "No Login Required", "Open Source", "Browser Based", "Mobile Friendly"
|
||||
],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -166,13 +168,17 @@ export default function HomePage() {
|
||||
cardTag="Join 50,000+ users saving time and money"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-photo-of-a-softwar-1773157942236-967200be.jpg"},
|
||||
id: "1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-photo-of-a-softwar-1773157942236-967200be.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-photo-of-a-designe-1773157942605-4a8d8870.png"},
|
||||
id: "2", name: "Michael Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-photo-of-a-designe-1773157942605-4a8d8870.png"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Watson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-of-a-male-entrepre-1773157942929-1c263839.png"},
|
||||
id: "3", name: "Emma Watson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-of-a-male-entrepre-1773157942929-1c263839.png"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Liu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-of-a-female-produc-1773157940387-53ba5cb7.jpg"},
|
||||
id: "4", name: "James Liu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al7jyxM8sHalQ2EcbERIFxTIFv/professional-headshot-of-a-female-produc-1773157940387-53ba5cb7.jpg"
|
||||
},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -186,7 +192,8 @@ export default function HomePage() {
|
||||
description="Featuring the best free AI platforms trusted globally"
|
||||
tag="Featured Partners"
|
||||
names={[
|
||||
"OpenAI", "Google", "Hugging Face", "Midjourney", "Anthropic", "Stability AI", "Jasper", "Copy.ai"]}
|
||||
"OpenAI", "Google", "Hugging Face", "Midjourney", "Anthropic", "Stability AI", "Jasper", "Copy.ai"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
|
||||
Reference in New Issue
Block a user