Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-03-10 12:40:34 +00:00

View File

@@ -1,62 +1,46 @@
"use client"
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { BarChart3, Calendar, FolderOpen, HelpCircle, Mail, Package, Rocket, Search, Sparkles, Users, Zap } from 'lucide-react';
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Search, BarChart3, Rocket, Package, FolderOpen, Users, Calendar, Zap, Mail, HelpCircle } from "lucide-react";
export default function LandingPage() {
export default function Home() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="AI Tools Dict"
navItems={[
{ name: "Home", id: "/" },
{ name: "Explore", id: "tools" },
{ name: "Categories", id: "categories" },
{ name: "About", id: "about" }
]}
button={{ text: "Submit a Tool", href: "#contact" }}
animateOnLoad={true}
className="backdrop-blur-md bg-gradient-to-r from-green-50/80 to-emerald-50/80 border border-green-100/30"
navItemClassName="text-foreground hover:text-primary-cta font-semibold transition-colors duration-300"
buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text shadow-lg hover:shadow-xl transition-all duration-300"
buttonTextClassName="font-extrabold tracking-wide"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="AI TOOLS DICT"
description="Discover 1000+ AI tools across 50+ categories. Find the perfect AI solution for your needs with detailed reviews, pricing comparisons, and use-case recommendations."
buttons={[
{ text: "Explore All Tools", href: "#tools" },
{ text: "Submit Your Tool", href: "#contact" }
{ text: "Submit Your Tool", href: "#contact" },
]}
slides={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/modern-futuristic-ai-tools-dashboard-wit-1773145934310-88808f97.png", imageAlt: "Futuristic AI tools dashboard" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/abstract-ai-concept-visualization-with-f-1773145934251-69aa0f9b.png", imageAlt: "AI data visualization" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/clean-tech-workspace-featuring-ai-tools--1773145935888-094a7bbb.png", imageAlt: "Modern tech workspace" }
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/modern-futuristic-ai-tools-dashboard-wit-1773145934310-88808f97.png", imageAlt: "Modern futuristic AI tools dashboard with purple and blue gradients, holographic elements, neural ne"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/abstract-ai-concept-visualization-with-f-1773145934251-69aa0f9b.png", imageAlt: "Abstract AI concept visualization with flowing data streams, machine learning nodes, and digital par"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/clean-tech-workspace-featuring-ai-tools--1773145935888-094a7bbb.png", imageAlt: "Clean tech workspace featuring AI tools and software interfaces, multiple screens showing analytics"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -86,20 +70,16 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "OpenAI", name: "ChatGPT", price: "Free / $20/mo", rating: 5,
reviewCount: "128k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/chatgpt-interface-mockup-showing-convers-1773145934268-4c7af8a0.png", imageAlt: "ChatGPT conversational AI interface"
},
reviewCount: "128k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/chatgpt-interface-mockup-showing-convers-1773145934268-4c7af8a0.png", imageAlt: "ChatGPT conversational AI interface"},
{
id: "2", brand: "Midjourney", name: "Midjourney", price: "$10/mo", rating: 5,
reviewCount: "95k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/midjourney-ai-image-generation-interface-1773145936589-2fcd7512.png", imageAlt: "Midjourney AI art generation"
},
reviewCount: "95k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/midjourney-ai-image-generation-interface-1773145936589-2fcd7512.png", imageAlt: "Midjourney AI art generation"},
{
id: "3", brand: "Jasper", name: "Jasper AI", price: "$39/mo", rating: 4,
reviewCount: "67k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/jasper-ai-writing-assistant-interface-sh-1773145934006-ae1c2d85.png", imageAlt: "Jasper AI content generation tool"
},
reviewCount: "67k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/jasper-ai-writing-assistant-interface-sh-1773145934006-ae1c2d85.png", imageAlt: "Jasper AI content generation tool"},
{
id: "4", brand: "Notion", name: "Notion AI", price: "$8/mo", rating: 5,
reviewCount: "82k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/notion-ai-interface-integration-showing--1773145936946-8744cda7.png", imageAlt: "Notion AI productivity integration"
}
reviewCount: "82k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/notion-ai-interface-integration-showing--1773145936946-8744cda7.png", imageAlt: "Notion AI productivity integration"},
]}
buttonAnimation="entrance-slide"
containerClassName="py-16 md:py-24"
@@ -120,20 +100,15 @@ export default function LandingPage() {
features={[
{
icon: Search,
title: "Search & Discover", description: "Find AI tools by name, category, or specific use case with advanced filtering and intelligent search suggestions."
},
title: "Search & Discover", description: "Find AI tools by name, category, or specific use case with advanced filtering and intelligent search suggestions."},
{
icon: BarChart3,
title: "Compare & Analyze", description: "Read detailed reviews, compare features, pricing, and user ratings to make informed decisions about which tools fit your needs."
},
title: "Compare & Analyze", description: "Read detailed reviews, compare features, pricing, and user ratings to make informed decisions about which tools fit your needs."},
{
icon: Rocket,
title: "Launch & Supercharge", description: "Get started with your chosen AI tools instantly with direct links, setup guides, and success tips from our expert community."
}
]}
buttons={[
{ text: "Start Exploring", href: "#tools" }
title: "Launch & Supercharge", description: "Get started with your chosen AI tools instantly with direct links, setup guides, and success tips from our expert community."},
]}
buttons={[{ text: "Start Exploring", href: "#tools" }]}
containerClassName="py-16 md:py-24 px-6 md:px-12"
cardClassName="rounded-theme p-8 border border-accent/20 hover:border-primary-cta/50 transition-all duration-300"
iconContainerClassName="w-16 h-16 rounded-theme bg-primary-cta flex items-center justify-center mb-6"
@@ -153,7 +128,7 @@ export default function LandingPage() {
{ id: "1", icon: Package, title: "AI Tools", value: "1000+" },
{ id: "2", icon: FolderOpen, title: "Categories", value: "50+" },
{ id: "3", icon: Users, title: "Monthly Users", value: "10K+" },
{ id: "4", icon: Calendar, title: "Updates", value: "Daily" }
{ id: "4", icon: Calendar, title: "Updates", value: "Daily" },
]}
containerClassName="py-16 md:py-24 px-6 md:px-12"
cardClassName="rounded-theme p-8 bg-gradient-mesh border border-accent/20"
@@ -172,8 +147,7 @@ export default function LandingPage() {
useInvertedBackground={false}
names={["OpenAI", "Anthropic", "Midjourney", "Jasper AI", "Notion", "DALL-E", "Runway ML", "Hugging Face"]}
logos={[
"http://img.b2bpic.net/free-vector/gradient-ai-logo-template-collection_23-2148919267.jpg", "http://img.b2bpic.net/free-vector/logo-collection-gradient-technology-style_23-2148225189.jpg", "http://img.b2bpic.net/free-vector/flat-design-ai-logo-template-collection_23-2148896194.jpg", "http://img.b2bpic.net/free-photo/arrangement-desk-elements-red-background_23-2148513305.jpg", "http://img.b2bpic.net/free-vector/pack-six-labor-day-badges-flat-design_23-2147655483.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-180.jpg", "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099222.jpg", "http://img.b2bpic.net/free-vector/set-gradient-m-logo-templates_23-2148923525.jpg"
]}
"http://img.b2bpic.net/free-vector/gradient-ai-logo-template-collection_23-2148919267.jpg", "http://img.b2bpic.net/free-vector/logo-collection-gradient-technology-style_23-2148225189.jpg", "http://img.b2bpic.net/free-vector/flat-design-ai-logo-template-collection_23-2148896194.jpg", "http://img.b2bpic.net/free-photo/arrangement-desk-elements-red-background_23-2148513305.jpg", "http://img.b2bpic.net/free-vector/pack-six-labor-day-badges-flat-design_23-2147655483.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-180.jpg", "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099222.jpg", "http://img.b2bpic.net/free-vector/set-gradient-m-logo-templates_23-2148923525.jpg"]}
speed={50}
showCard={true}
containerClassName="py-16 md:py-24 px-6 md:px-12"
@@ -194,33 +168,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Chen", role: "Content Creator", company: "Creative Studios", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-young-female--1773145934757-71e26ed8.png", imageAlt: "Sarah Chen profile"
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-young-female--1773145934757-71e26ed8.png", imageAlt: "Sarah Chen profile"},
{
id: "2", name: "Marcus Thompson", role: "Tech Lead", company: "InnovateLab", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-tech-lea-1773145933593-aff653fd.png", imageAlt: "Marcus Thompson profile"
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-tech-lea-1773145933593-aff653fd.png", imageAlt: "Marcus Thompson profile"},
{
id: "3", name: "Elena Rodriguez", role: "AI Researcher", company: "Tech Institute", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-female-ai-res-1773145936279-56a2d5c7.png", imageAlt: "Elena Rodriguez profile"
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-female-ai-res-1773145936279-56a2d5c7.png", imageAlt: "Elena Rodriguez profile"},
{
id: "4", name: "James Parker", role: "Product Manager", company: "Digital Solutions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-product--1773145934070-d6cadcd8.png", imageAlt: "James Parker profile"
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-product--1773145934070-d6cadcd8.png", imageAlt: "James Parker profile"},
{
id: "5", name: "Victoria Lee", role: "Founder & CEO", company: "AI Ventures", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-female-founde-1773145933439-656bbc83.png", imageAlt: "Victoria Lee profile"
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-female-founde-1773145933439-656bbc83.png", imageAlt: "Victoria Lee profile"},
{
id: "6", name: "David Mitchell", role: "Design Lead", company: "Creative Agency", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-designer-1773145933770-fd2a6e25.png", imageAlt: "David Mitchell profile"
}
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/professional-portrait-of-a-male-designer-1773145933770-fd2a6e25.png", imageAlt: "David Mitchell profile"},
]}
kpiItems={[
{ value: "98%", label: "User Satisfaction" },
{ value: "500K+", label: "Tools Explored" },
{ value: "15+", label: "Years Expertise" }
{ value: "15+", label: "Years Expertise" },
]}
containerClassName="py-16 md:py-24 px-6 md:px-12"
cardClassName="rounded-theme overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300"
@@ -244,23 +212,17 @@ export default function LandingPage() {
mediaPosition="right"
faqs={[
{
id: "1", title: "How can I submit my AI tool?", content: "Visit our Submit a Tool page and fill out the tool information form. Our team reviews submissions within 48 hours. Once approved, your tool will be listed in our directory with full details, pricing information, and user reviews."
},
id: "1", title: "How can I submit my AI tool?", content: "Visit our Submit a Tool page and fill out the tool information form. Our team reviews submissions within 48 hours. Once approved, your tool will be listed in our directory with full details, pricing information, and user reviews."},
{
id: "2", title: "Is AI Tools Dict free to use?", content: "Yes, AI Tools Dict is completely free to use. Browse, search, and compare thousands of AI tools without any subscription or hidden fees. We're committed to democratizing access to AI knowledge and tools."
},
id: "2", title: "Is AI Tools Dict free to use?", content: "Yes, AI Tools Dict is completely free to use. Browse, search, and compare thousands of AI tools without any subscription or hidden fees. We're committed to democratizing access to AI knowledge and tools."},
{
id: "3", title: "How often do you update the tool listings?", content: "We update our directory daily with new tools, pricing changes, and user reviews. Our team constantly monitors the AI landscape to ensure our database remains comprehensive and current with the latest innovations."
},
id: "3", title: "How often do you update the tool listings?", content: "We update our directory daily with new tools, pricing changes, and user reviews. Our team constantly monitors the AI landscape to ensure our database remains comprehensive and current with the latest innovations."},
{
id: "4", title: "Can I write a review for a tool?", content: "Yes, registered users can write detailed reviews sharing their experience with AI tools. Your feedback helps other professionals make informed decisions and contributes to our growing community of AI enthusiasts."
},
id: "4", title: "Can I write a review for a tool?", content: "Yes, registered users can write detailed reviews sharing their experience with AI tools. Your feedback helps other professionals make informed decisions and contributes to our growing community of AI enthusiasts."},
{
id: "5", title: "How do you select featured tools?", content: "Featured tools are selected based on user engagement, ratings, recency, innovation factor, and community feedback. We highlight tools that are solving real problems and gaining significant adoption in the AI community."
},
id: "5", title: "How do you select featured tools?", content: "Featured tools are selected based on user engagement, ratings, recency, innovation factor, and community feedback. We highlight tools that are solving real problems and gaining significant adoption in the AI community."},
{
id: "6", title: "Do you offer tool comparisons?", content: "Yes, you can compare multiple AI tools side-by-side to analyze features, pricing, and user ratings. This helps you make data-driven decisions about which tools best fit your specific use cases and budget."
}
id: "6", title: "Do you offer tool comparisons?", content: "Yes, you can compare multiple AI tools side-by-side to analyze features, pricing, and user ratings. This helps you make data-driven decisions about which tools best fit your specific use cases and budget."},
]}
containerClassName="py-16 md:py-24 px-6 md:px-12"
accordionClassName="rounded-theme border border-accent/20 mb-4 overflow-hidden"
@@ -302,33 +264,33 @@ export default function LandingPage() {
{ label: "Home", href: "/" },
{ label: "Explore Tools", href: "#tools" },
{ label: "Categories", href: "#features" },
{ label: "About Us", href: "#about" }
]
{ label: "About Us", href: "#about" },
],
},
{
title: "Resources", items: [
{ label: "Submit a Tool", href: "#contact" },
{ label: "Blog", href: "#" },
{ label: "Help Center", href: "#faq" },
{ label: "API Docs", href: "#" }
]
{ label: "API Docs", href: "#" },
],
},
{
title: "Community", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "GitHub", href: "https://github.com" },
{ label: "Discord", href: "#" }
]
{ label: "Discord", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
{ label: "Contact", href: "#contact" },
],
},
]}
bottomLeftText="© 2025 AI Tools Dictionary. All rights reserved."
bottomRightText="Made with 💚 for AI Enthusiasts"
@@ -343,4 +305,13 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}
const Sparkles = ZapIcon;
function ZapIcon() {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
);
}