Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -29,97 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Categories", id: "features" },
|
||||
{ name: "Tools", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="AI Hub"
|
||||
brandName="AI Directory"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Unlock Your Creative Potential with the Best AI Tools"
|
||||
description="Discover hand-picked AI software for video, writing, design, and development to accelerate your workflow."
|
||||
title="Your Ultimate Directory for AI Tools"
|
||||
description="Find, compare, and master the best AI tools across video, writing, coding, and creative categories to level up your productivity."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "This directory saved me hours of searching.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=1",
|
||||
imageAlt: "futuristic AI interface dark",
|
||||
},
|
||||
{
|
||||
name: "Maria Garcia",
|
||||
handle: "@mgr",
|
||||
testimonial: "Found the perfect tool for video production.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=1",
|
||||
imageAlt: "minimalist creative dark desk",
|
||||
},
|
||||
{
|
||||
name: "Jordan Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Excellent collection for student research.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=1",
|
||||
imageAlt: "minimalist logo gold",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@sammy",
|
||||
testimonial: "Best free AI tools list I've encountered.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=1",
|
||||
imageAlt: "minimalist pen logo gold",
|
||||
},
|
||||
{
|
||||
name: "Casey P.",
|
||||
handle: "@casey",
|
||||
testimonial: "My workflow is 3x faster now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=1",
|
||||
imageAlt: "abstract image symbol gold",
|
||||
},
|
||||
{ name: "Alex Smith", handle: "@alexs", testimonial: "The easiest way to find specialized AI software.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=1" },
|
||||
{ name: "Maria Garcia", handle: "@mgr", testimonial: "Categorization here is top-notch. Saves massive time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=1" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-young-man-with-beard-dark-clothing_23-2148496464.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/cheerful-business-woman-standing-office_23-2148281358.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-smiling-young-man-glasses_23-2148281350.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-young-woman_23-2148281347.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/handsome-man-formal-suit-smiling-confidently_23-2148281354.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
avatarText="Used by 5,000+ power users"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,21 +55,12 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why AI Hub?"
|
||||
description="We rigorously test and categorize AI tools so you can focus on building, creating, and learning. Our mission is to democratize high-end AI accessibility."
|
||||
title="Simplified AI Discovery"
|
||||
description="We categorize tools by their core utility—Creativity, Productivity, Development, and Analysis—so you can quickly identify the exact resource needed for your project workflows."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Tools",
|
||||
description: "Every tool listed is tested by our expert community.",
|
||||
},
|
||||
{
|
||||
title: "Free vs Paid",
|
||||
description: "Clearly filtered lists to fit every budget.",
|
||||
},
|
||||
{
|
||||
title: "Category Focused",
|
||||
description: "Easily navigate by creative, student, or business needs.",
|
||||
},
|
||||
{ title: "Curated Categories", description: "Deep-dive into specialized niches like motion, coding, or writing." },
|
||||
{ title: "Expert Vetted", description: "Only high-impact, reliable tools make the directory." },
|
||||
{ title: "Comparison Insights", description: "Understand pricing, capabilities, and best use cases for every tool." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,73 +72,27 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Video Creation",
|
||||
description: "Transform text to cinematic video with our top-rated AI models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Creative Writing",
|
||||
description: "Draft blog posts, research papers, and scripts in seconds.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Visual AI",
|
||||
description: "Generate high-quality artwork and assets with simple prompts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Video & Media", description: "Tools for editing, generation, and synthesis.", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2" },
|
||||
{ title: "Content & Writing", description: "AI agents for drafting, summarizing, and SEO.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=2" },
|
||||
{ title: "Dev & Engineering", description: "Coding assistants, testing automation, and deployment.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=2" },
|
||||
]}
|
||||
title="Powerful AI Categories"
|
||||
description="Explore specialized tools tailored to your specific creative and professional needs."
|
||||
title="Organized by Capability"
|
||||
description="Our directory organizes AI tools by their primary function to ensure you always find the right instrument for your workflow."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "VidGen Pro",
|
||||
price: "Freemium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "WriteAssist",
|
||||
price: "Free Trial",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ArtFlow",
|
||||
price: "$15/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Free AI Studio",
|
||||
price: "Free",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kq5qcw",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "AudioWaves",
|
||||
price: "Freemium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "ResearchBot",
|
||||
price: "$29/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-composition-different-books_23-2148883812.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Creative Suite AI", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=3" },
|
||||
{ id: "p2", name: "CodeFlow Engine", price: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=3" },
|
||||
{ id: "p3", name: "Drafting AI", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=3" },
|
||||
]}
|
||||
title="Top Recommended Tools"
|
||||
description="Our current favorite AI tools updated weekly."
|
||||
title="Trending AI Tools"
|
||||
description="Discover the most popular tools currently transforming the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,23 +100,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often is this directory updated?",
|
||||
content: "Our directory is updated weekly by our internal team and community submissions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these tools safe to use?",
|
||||
content: "We review each tool for safety, but please review individual tool terms and policies.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I suggest a new AI tool?",
|
||||
content: "Yes! Please use our contact form at the bottom to submit tools.",
|
||||
},
|
||||
{ id: "f1", title: "How is the directory organized?", content: "Tools are categorized by function: Creative, Coding, Writing, and Productivity." },
|
||||
{ id: "f2", title: "Can I submit my own tool?", content: "Absolutely, use the contact form below to request a review." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideTitle="FAQ"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -251,26 +111,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with AI News"
|
||||
description="Get the best AI tool recommendations delivered to your inbox every Friday."
|
||||
title="Get AI Tool Updates"
|
||||
description="Join 5,000+ subscribers getting the latest AI tool discoveries every week."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AI Hub"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
logoText="AI Directory"
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user