Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
400
src/app/page.tsx
400
src/app/page.tsx
@@ -1,16 +1,16 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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";
|
||||
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 { Zap, Shield, Rocket, TrendingUp, Users, Award } from 'lucide-react';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
@@ -28,254 +28,227 @@ export default function Home() {
|
||||
>
|
||||
<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."
|
||||
logoText="WEBILD"
|
||||
description="Create stunning, responsive websites with our comprehensive component library"
|
||||
buttons={[
|
||||
{ text: "Explore All Tools", href: "#tools" },
|
||||
{ text: "Submit Your Tool", href: "#contact" },
|
||||
{ text: 'Get Started', href: 'https://github.com' },
|
||||
{ text: 'Learn More', href: '#features' }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
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"
|
||||
},
|
||||
{ imageSrc: '/placeholders/placeholder1.webp', imageAlt: 'Slide 1' },
|
||||
{ imageSrc: '/placeholders/placeholder2.webp', imageAlt: 'Slide 2' },
|
||||
{ imageSrc: '/placeholders/placeholder3.webp', imageAlt: 'Slide 3' }
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Hero section showcasing AI Tools Dictionary"
|
||||
className="relative overflow-hidden"
|
||||
containerClassName="relative h-screen flex flex-col justify-between"
|
||||
contentContainerClassName="flex flex-col justify-between h-full px-6 py-12 md:px-12 md:py-20"
|
||||
descriptionClassName="text-lg md:text-xl text-foreground/80 max-w-2xl font-medium leading-relaxed"
|
||||
buttonContainerClassName="flex flex-col md:flex-row gap-4 md:gap-6"
|
||||
buttonClassName="px-8 py-4 rounded-theme font-extrabold text-lg transition-all duration-300"
|
||||
logoContainerClassName="flex items-end justify-center pb-8"
|
||||
logoClassName="text-6xl md:text-8xl lg:text-9xl font-extrabold text-foreground tracking-tighter drop-shadow-lg"
|
||||
autoplayDelay={5000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tools" data-section="tools">
|
||||
<ProductCardTwo
|
||||
title="🔥 Trending AI Tools"
|
||||
description="Explore the most popular and innovative AI tools driving the industry forward. These trending solutions are transforming how professionals work and create."
|
||||
tag="Popular"
|
||||
tagAnimation="entrance-slide"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
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"
|
||||
id: '1',
|
||||
brand: 'TechCorp',
|
||||
name: 'Premium Component Kit',
|
||||
price: '$299.00',
|
||||
rating: 5,
|
||||
reviewCount: '1.2k',
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Premium Component Kit'
|
||||
},
|
||||
{
|
||||
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"
|
||||
id: '2',
|
||||
brand: 'DesignLab',
|
||||
name: 'UI Framework Pro',
|
||||
price: '$199.00',
|
||||
rating: 4,
|
||||
reviewCount: '856',
|
||||
imageSrc: '/placeholders/placeholder2.webp',
|
||||
imageAlt: 'UI Framework Pro'
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
id: '3',
|
||||
brand: 'WebStudio',
|
||||
name: 'Developer Tools Suite',
|
||||
price: '$399.00',
|
||||
rating: 5,
|
||||
reviewCount: '2.3k',
|
||||
imageSrc: '/placeholders/placeholder3.webp',
|
||||
imageAlt: 'Developer Tools Suite'
|
||||
}
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
containerClassName="py-16 md:py-24"
|
||||
cardClassName="rounded-theme shadow-lg hover:shadow-2xl transition-all duration-300 overflow-hidden"
|
||||
imageClassName="h-64 w-full object-cover hover:scale-105 transition-transform duration-500"
|
||||
title="Our Tools"
|
||||
description="High-quality development tools and components"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="How AI Tools Dict Works"
|
||||
description="Discover, compare, and launch the perfect AI tools for your needs with our comprehensive directory and smart recommendation engine."
|
||||
tag="Process"
|
||||
tagIcon={Zap}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Search & Discover", description: "Find AI tools by name, category, or specific use case with advanced filtering and intelligent search suggestions."
|
||||
icon: Zap,
|
||||
title: 'Lightning Fast',
|
||||
description: 'Optimized performance with minimal overhead and blazing fast load times'
|
||||
},
|
||||
{
|
||||
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."
|
||||
icon: Shield,
|
||||
title: 'Secure by Default',
|
||||
description: 'Built with security best practices and industry-leading standards'
|
||||
},
|
||||
{
|
||||
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."
|
||||
title: 'Easy Deployment',
|
||||
description: 'Deploy to production in seconds with built-in DevOps integration'
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: 'Award Winning',
|
||||
description: 'Recognized by industry experts for innovation and excellence'
|
||||
}
|
||||
]}
|
||||
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"
|
||||
iconClassName="w-8 h-8 text-primary-cta-text"
|
||||
title="Powerful Features"
|
||||
description="Everything you need to build modern web applications"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Our Impact"
|
||||
description="Join thousands of professionals, creators, and businesses discovering and leveraging AI tools through our platform."
|
||||
tag="Statistics"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ 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: '1',
|
||||
icon: TrendingUp,
|
||||
title: 'Performance',
|
||||
value: '99.9%'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: Users,
|
||||
title: 'Active Users',
|
||||
value: '50K+'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
icon: Award,
|
||||
title: 'Projects',
|
||||
value: '1000+'
|
||||
}
|
||||
]}
|
||||
containerClassName="py-16 md:py-24 px-6 md:px-12"
|
||||
cardClassName="rounded-theme p-8 bg-gradient-mesh border border-accent/20"
|
||||
iconContainerClassName="w-14 h-14 rounded-theme bg-primary-cta flex items-center justify-center"
|
||||
valueClassName="text-5xl md:text-6xl font-extrabold text-primary-cta mt-4"
|
||||
title="Key Metrics"
|
||||
description="See how we are making a difference"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={['Acme Corp', 'TechFlow', 'Innovate Inc', 'CloudSync', 'DataPro', 'WebScale']}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of professionals using AI Tools Dict to discover and implement AI solutions."
|
||||
tag="Partners"
|
||||
tagIcon={Zap}
|
||||
description="Join thousands of companies using our platform"
|
||||
textboxLayout="default"
|
||||
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"
|
||||
]}
|
||||
speed={50}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
containerClassName="py-16 md:py-24 px-6 md:px-12"
|
||||
logoItemClassName="flex items-center justify-center"
|
||||
logoImageClassName="h-12 w-auto object-contain"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Users Say"
|
||||
description="Hear from professionals who've transformed their workflow using AI Tools Dict to discover and implement powerful solutions."
|
||||
tag="Testimonials"
|
||||
tagAnimation="entrance-slide"
|
||||
testimonials={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Sarah Johnson',
|
||||
role: 'Product Manager',
|
||||
company: 'TechCorp',
|
||||
rating: 5,
|
||||
imageSrc: '/placeholders/placeholder1.webp',
|
||||
imageAlt: 'Sarah Johnson'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Mike Chen',
|
||||
role: 'Lead Developer',
|
||||
company: 'DesignLab',
|
||||
rating: 5,
|
||||
imageSrc: '/placeholders/placeholder2.webp',
|
||||
imageAlt: 'Mike Chen'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Emma Davis',
|
||||
role: 'Creative Director',
|
||||
company: 'WebStudio',
|
||||
rating: 5,
|
||||
imageSrc: '/placeholders/placeholder3.webp',
|
||||
imageAlt: 'Emma Davis'
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: '500+', label: 'Projects Completed' },
|
||||
{ value: '98%', label: 'Client Satisfaction' },
|
||||
{ value: '10+', label: 'Years Experience' }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from those who have experienced our work"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "User Satisfaction" },
|
||||
{ value: "500K+", label: "Tools Explored" },
|
||||
{ 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"
|
||||
overlayClassName="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-foreground/90 via-foreground/70 to-transparent p-6 rounded-theme"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about AI Tools Dict, how to use our platform, and discover the best tools for your needs."
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/helpful-customer-support-representative--1773145934022-42335aa6.png"
|
||||
imageAlt="Customer support representative providing helpful assistance"
|
||||
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: 'What is your return policy?',
|
||||
content: 'We offer a 30-day money-back guarantee on all products.'
|
||||
},
|
||||
{
|
||||
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: 'How long does shipping take?',
|
||||
content: 'Standard shipping typically takes 5-7 business days.'
|
||||
},
|
||||
{
|
||||
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: "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: '3',
|
||||
title: 'Do you offer technical support?',
|
||||
content: 'Yes, we provide 24/7 technical support via email and live chat.'
|
||||
}
|
||||
]}
|
||||
containerClassName="py-16 md:py-24 px-6 md:px-12"
|
||||
accordionClassName="rounded-theme border border-accent/20 mb-4 overflow-hidden"
|
||||
accordionTitleClassName="p-6 cursor-pointer flex justify-between items-center hover:bg-accent/5 transition-colors duration-200 font-semibold text-foreground"
|
||||
imageSrc="/placeholders/placeholder1.webp"
|
||||
imageAlt="FAQ Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
mediaAnimation="none"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with the Latest AI Tools"
|
||||
description="Subscribe to our weekly newsletter and get curated AI tools delivered to your inbox. Be the first to know about groundbreaking innovations and emerging solutions."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="entrance-slide"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Stay Updated"
|
||||
description="Subscribe to our newsletter for weekly updates and exclusive content."
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkoFaER2pJn9IIhIDy1JU6PwqC/modern-futuristic-ai-tools-dashboard-wit-1773145934310-88808f97.png"
|
||||
imageAlt="AI tools and innovation"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="/placeholders/placeholder1.webp"
|
||||
imageAlt="Contact"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. No spam, just curated AI tools."
|
||||
containerClassName="py-16 md:py-24 px-6 md:px-12"
|
||||
contentClassName="flex flex-col md:flex-row gap-12 md:gap-8 items-center"
|
||||
contactFormClassName="flex-1 max-w-md"
|
||||
formClassName="space-y-6 bg-card/50 backdrop-blur-md p-8 rounded-theme border border-accent/20"
|
||||
inputClassName="w-full px-6 py-4 rounded-theme border border-accent/30 bg-background/50 text-foreground placeholder-foreground/50 focus:border-primary-cta focus:outline-none transition-colors duration-300"
|
||||
buttonClassName="w-full px-6 py-4 bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text font-extrabold rounded-theme transition-all duration-300"
|
||||
termsClassName="text-sm text-foreground/60 text-center"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Sign Up"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -283,49 +256,34 @@ export default function Home() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Explore Tools", href: "#tools" },
|
||||
{ label: "Categories", href: "#features" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
],
|
||||
title: 'Product',
|
||||
items: [
|
||||
{ label: 'Features', href: '#features' },
|
||||
{ label: 'Pricing', href: '#' },
|
||||
{ label: 'Security', href: '#' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Submit a Tool", href: "#contact" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "API Docs", href: "#" },
|
||||
],
|
||||
title: 'Company',
|
||||
items: [
|
||||
{ label: 'About', href: '#' },
|
||||
{ label: 'Blog', href: '#' },
|
||||
{ label: 'Careers', 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: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
title: 'Legal',
|
||||
items: [
|
||||
{ label: 'Privacy', href: '#' },
|
||||
{ label: 'Terms', href: '#' },
|
||||
{ label: 'Contact', href: '#contact' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 AI Tools Dictionary. All rights reserved."
|
||||
bottomRightText="Made with 💚 for AI Enthusiasts"
|
||||
containerClassName="bg-gradient-to-br from-green-50 to-emerald-50 border-t border-accent/20"
|
||||
columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 py-12 px-6 md:px-12"
|
||||
columnTitleClassName="font-extrabold text-foreground mb-4 text-lg"
|
||||
columnItemClassName="text-foreground/70 hover:text-primary-cta transition-colors duration-200 font-medium"
|
||||
dividerClassName="border-t border-accent/20"
|
||||
bottomLeftTextClassName="text-foreground/60 text-sm font-medium"
|
||||
bottomRightTextClassName="text-foreground/60 text-sm font-medium"
|
||||
bottomLeftText="© 2025 WEBILD. All rights reserved."
|
||||
bottomRightText="Made with passion"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user