Update src/app/page.tsx
This commit is contained in:
181
src/app/page.tsx
181
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "features",
|
||||
},
|
||||
name: "Categories", id: "features"},
|
||||
{
|
||||
name: "Directory",
|
||||
id: "tools",
|
||||
},
|
||||
name: "Directory", id: "tools"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Blog", id: "blog"},
|
||||
]}
|
||||
brandName="AIToolsAdda"
|
||||
/>
|
||||
@@ -53,62 +45,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Discover the Best AI Tools for Free"
|
||||
description="Navigate the world of artificial intelligence. Search, compare, and integrate top-rated AI tools to boost your productivity instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Search Tools",
|
||||
href: "#tools",
|
||||
},
|
||||
text: "Search Tools", href: "#tools"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-bubbles-cyan-background_23-2148205192.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-bubbles-cyan-background_23-2148205192.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080742.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080742.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ AI enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100+ Tools Indexed",
|
||||
},
|
||||
type: "text", text: "100+ Tools Indexed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily AI Updates",
|
||||
},
|
||||
type: "text", text: "Daily AI Updates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality",
|
||||
},
|
||||
type: "text", text: "Verified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Tiers Available",
|
||||
},
|
||||
type: "text", text: "Free Tiers Available"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Driven",
|
||||
},
|
||||
type: "text", text: "Community Driven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,25 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Writing",
|
||||
description: "AI-powered text generation and editing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/writer-workplace-design_23-2147548102.jpg",
|
||||
},
|
||||
title: "Writing", description: "AI-powered text generation and editing.", imageSrc: "http://img.b2bpic.net/free-vector/writer-workplace-design_23-2147548102.jpg"},
|
||||
{
|
||||
title: "Image",
|
||||
description: "Creative generation and artistic enhancement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-pink-camera-lens-with-shadow-blue-light_23-2148084317.jpg",
|
||||
},
|
||||
title: "Image", description: "Creative generation and artistic enhancement.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-pink-camera-lens-with-shadow-blue-light_23-2148084317.jpg"},
|
||||
{
|
||||
title: "Video",
|
||||
description: "Advanced automated video editing solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg",
|
||||
},
|
||||
title: "Video", description: "Advanced automated video editing solutions.", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg"},
|
||||
{
|
||||
title: "Marketing",
|
||||
description: "Tools to supercharge your reach and growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-flat-background_23-2148002909.jpg",
|
||||
},
|
||||
title: "Marketing", description: "Tools to supercharge your reach and growth.", imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-flat-background_23-2148002909.jpg"},
|
||||
]}
|
||||
title="Categorized for Your Success"
|
||||
description="Everything you need, neatly organized into powerful categories."
|
||||
@@ -154,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "CopyGenie",
|
||||
price: "Free/Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-light-bulb-ideas_53876-37540.jpg",
|
||||
},
|
||||
id: "1", name: "CopyGenie", price: "Free/Pro", imageSrc: "http://img.b2bpic.net/free-vector/illustration-light-bulb-ideas_53876-37540.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "PixelArt AI",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163117.jpg",
|
||||
},
|
||||
id: "2", name: "PixelArt AI", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163117.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Viddie",
|
||||
price: "Paid",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg",
|
||||
},
|
||||
id: "3", name: "Viddie", price: "Paid", imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "MarketFlow",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-doodle-art-sticker_271628-627.jpg",
|
||||
},
|
||||
id: "4", name: "MarketFlow", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/online-learning-doodle-art-sticker_271628-627.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "ScriptFlow",
|
||||
price: "Paid",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-video-production-flat-color-icon-pack-vector-icons-illustration_1142-18579.jpg",
|
||||
},
|
||||
id: "5", name: "ScriptFlow", price: "Paid", imageSrc: "http://img.b2bpic.net/free-vector/25-video-production-flat-color-icon-pack-vector-icons-illustration_1142-18579.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "DesignBrain",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-button-ai-generated_268835-11062.jpg",
|
||||
},
|
||||
id: "6", name: "DesignBrain", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/ai-button-ai-generated_268835-11062.jpg"},
|
||||
]}
|
||||
title="Top AI Tools"
|
||||
description="Verified AI tools to solve your biggest challenges today."
|
||||
@@ -204,35 +137,11 @@ export default function LandingPage() {
|
||||
description="Expert advice on using AI effectively in your workflow."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "AI Trends",
|
||||
title: "Top 10 AI Tools in 2024",
|
||||
excerpt: "Deep dive into trending AI tech.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dj-holding-vinyl-disc-record-bar_107420-96323.jpg",
|
||||
authorName: "Alex",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-tender-ginger-redhair-gir_1258-130318.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "1", category: "AI Trends", title: "Top 10 AI Tools in 2024", excerpt: "Deep dive into trending AI tech.", imageSrc: "http://img.b2bpic.net/free-photo/female-dj-holding-vinyl-disc-record-bar_107420-96323.jpg", authorName: "Alex", authorAvatar: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-tender-ginger-redhair-gir_1258-130318.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Marketing",
|
||||
title: "How to Automate Content",
|
||||
excerpt: "Scale your content production effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
|
||||
authorName: "Sam",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
id: "2", category: "Marketing", title: "How to Automate Content", excerpt: "Scale your content production effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg", authorName: "Sam", authorAvatar: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg", date: "Oct 15, 2024"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Writing",
|
||||
title: "Mastering Prompt Engineering",
|
||||
excerpt: "Better prompts mean better results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-male-professional-reviewing-business-statistics-laptop-with-isolated-mockup-template_482257-136174.jpg",
|
||||
authorName: "Chris",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/boardroom-table-with-tablet-running-isolated-mockup-night-lights-performance-projections_482257-136166.jpg",
|
||||
date: "Oct 20, 2024",
|
||||
},
|
||||
id: "3", category: "Writing", title: "Mastering Prompt Engineering", excerpt: "Better prompts mean better results.", imageSrc: "http://img.b2bpic.net/free-photo/white-male-professional-reviewing-business-statistics-laptop-with-isolated-mockup-template_482257-136174.jpg", authorName: "Chris", authorAvatar: "http://img.b2bpic.net/free-photo/boardroom-table-with-tablet-running-isolated-mockup-night-lights-performance-projections_482257-136166.jpg", date: "Oct 20, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these AI tools free?",
|
||||
content: "Many offer free tiers for users.",
|
||||
},
|
||||
id: "q1", title: "Are these AI tools free?", content: "Most of our listed tools offer generous free tiers. You can start using them immediately without any subscription required."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I choose the best AI?",
|
||||
content: "Evaluate based on your specific requirements.",
|
||||
},
|
||||
id: "q2", title: "How do I choose the best AI?", content: "To choose the right tool, head over to our <a href='#tools' style='text-decoration:underline;'>directory section</a> to filter by specific categories like writing, marketing, or video to find solutions that match your exact workflow needs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can AI replace my job?",
|
||||
content: "AI is a tool to empower you, not replace you.",
|
||||
},
|
||||
id: "q3", title: "Can AI replace my job?", content: "AI is designed to be an assistant that handles repetitive or time-consuming tasks, allowing you to focus on high-level creative and strategic work."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about using AI tools."
|
||||
@@ -268,16 +168,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Have a Tool Suggestion?"
|
||||
description="Get in touch if you have a great AI tool to share."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,16 +183,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="AIToolsAdda"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms & Conditions", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user