Merge version_1 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -48,27 +48,17 @@ export default function HomePage() {
|
||||
description="Generate AI content effortlessly. Prompt, image, video, and chat in one powerful platform."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "signup",
|
||||
},
|
||||
text: "Start Creating", href: "signup"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Watch Demo", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-sleek-futuristic-ai-dashboard-interfac-1773110131843-f8114700.png?_wi=1",
|
||||
imageAlt: "AI Dashboard Interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-sleek-futuristic-ai-dashboard-interfac-1773110131843-f8114700.png", imageAlt: "AI Dashboard Interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-modern-ai-prompt-generator-interface-s-1773110131618-1f68f59e.png?_wi=1",
|
||||
imageAlt: "Prompt Generator Interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-modern-ai-prompt-generator-interface-s-1773110131618-1f68f59e.png", imageAlt: "Prompt Generator Interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-stunning-ai-image-generation-interface-1773110136397-bb9a957a.png?_wi=1",
|
||||
imageAlt: "Image Generator Interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-stunning-ai-image-generation-interface-1773110136397-bb9a957a.png", imageAlt: "Image Generator Interface"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -87,49 +77,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Generation",
|
||||
title: "Prompt Generator",
|
||||
subtitle: "Create perfect AI prompts instantly",
|
||||
description: "Generate optimized prompts for any AI task. Our intelligent prompt builder analyzes your needs and creates targeted prompts that deliver better results every time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-modern-ai-prompt-generator-interface-s-1773110131618-1f68f59e.png?_wi=2",
|
||||
imageAlt: "Prompt Generator",
|
||||
},
|
||||
tag: "Generation", title: "Prompt Generator", subtitle: "Create perfect AI prompts instantly", description: "Generate optimized prompts for any AI task. Our intelligent prompt builder analyzes your needs and creates targeted prompts that deliver better results every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-modern-ai-prompt-generator-interface-s-1773110131618-1f68f59e.png", imageAlt: "Prompt Generator"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Visual",
|
||||
title: "Image Generator",
|
||||
subtitle: "Create stunning visuals from text",
|
||||
description: "Transform text descriptions into beautiful images. Use advanced models to generate high-quality images for your projects, marketing, and creative needs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-stunning-ai-image-generation-interface-1773110136397-bb9a957a.png?_wi=2",
|
||||
imageAlt: "Image Generator",
|
||||
},
|
||||
tag: "Visual", title: "Image Generator", subtitle: "Create stunning visuals from text", description: "Transform text descriptions into beautiful images. Use advanced models to generate high-quality images for your projects, marketing, and creative needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-stunning-ai-image-generation-interface-1773110136397-bb9a957a.png", imageAlt: "Image Generator"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Media",
|
||||
title: "Video Generator",
|
||||
subtitle: "Turn ideas into videos",
|
||||
description: "Create engaging videos from scripts or images. Generate videos for social media, marketing campaigns, and creative projects with AI-powered automation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-cinematic-ai-video-generation-interfac-1773110131882-2519d745.png?_wi=1",
|
||||
imageAlt: "Video Generator",
|
||||
},
|
||||
tag: "Media", title: "Video Generator", subtitle: "Turn ideas into videos", description: "Create engaging videos from scripts or images. Generate videos for social media, marketing campaigns, and creative projects with AI-powered automation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-cinematic-ai-video-generation-interfac-1773110131882-2519d745.png", imageAlt: "Video Generator"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Communication",
|
||||
title: "AI Chat Assistant",
|
||||
subtitle: "Intelligent conversation partner",
|
||||
description: "Get instant answers and creative assistance. Our advanced chat model helps with writing, brainstorming, coding, analysis, and much more.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/an-intelligent-ai-chat-assistant-interfa-1773110131904-bd778e1b.png?_wi=1",
|
||||
imageAlt: "Chat Assistant",
|
||||
},
|
||||
tag: "Communication", title: "AI Chat Assistant", subtitle: "Intelligent conversation partner", description: "Get instant answers and creative assistance. Our advanced chat model helps with writing, brainstorming, coding, analysis, and much more.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/an-intelligent-ai-chat-assistant-interfa-1773110131904-bd778e1b.png", imageAlt: "Chat Assistant"},
|
||||
{
|
||||
id: 5,
|
||||
tag: "Community",
|
||||
title: "Prompt Marketplace",
|
||||
subtitle: "Discover and share prompts",
|
||||
description: "Browse curated prompts from the community. Share your best prompts, earn credits, and discover new ways to maximize your AI potential.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-vibrant-ai-prompt-marketplace-interfac-1773110131930-a221c491.png?_wi=1",
|
||||
imageAlt: "Prompt Marketplace",
|
||||
},
|
||||
tag: "Community", title: "Prompt Marketplace", subtitle: "Discover and share prompts", description: "Browse curated prompts from the community. Share your best prompts, earn credits, and discover new ways to maximize your AI potential.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/a-vibrant-ai-prompt-marketplace-interfac-1773110131930-a221c491.png", imageAlt: "Prompt Marketplace"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,29 +105,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Active Users", value: "50,000+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Zap,
|
||||
title: "Content Created",
|
||||
value: "2.5M+",
|
||||
},
|
||||
id: "2", icon: Zap,
|
||||
title: "Content Created", value: "2.5M+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: TrendingUp,
|
||||
title: "Growth Rate",
|
||||
value: "300%",
|
||||
},
|
||||
id: "3", icon: TrendingUp,
|
||||
title: "Growth Rate", value: "300%"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Award,
|
||||
title: "Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
id: "4", icon: Award,
|
||||
title: "Satisfaction", value: "98%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,29 +131,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-young-woman-t-1773110131268-30893af9.png",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-young-woman-t-1773110131268-30893af9.png", alt: "Sarah Chen"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-middle-aged-m-1773110131018-54b24109.png",
|
||||
alt: "James Wilson",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-middle-aged-m-1773110131018-54b24109.png", alt: "James Wilson"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-young-asian-w-1773110131461-0a38041b.png",
|
||||
alt: "Maria Rodriguez",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-young-asian-w-1773110131461-0a38041b.png", alt: "Maria Rodriguez"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-black-man-pro-1773110131413-c76b5ad4.png",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-black-man-pro-1773110131413-c76b5ad4.png", alt: "David Kim"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-woman-with-re-1773110130912-014a91e7.png",
|
||||
alt: "Emma Thompson",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-woman-with-re-1773110130912-014a91e7.png", alt: "Emma Thompson"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-latino-man-pr-1773110131590-2d35f3de.png",
|
||||
alt: "Lucas Martinez",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjdiaFKG4f49T1UXq8pCd1NLPH/professional-headshot-of-a-latino-man-pr-1773110131590-2d35f3de.png", alt: "Lucas Martinez"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,65 +157,31 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Beginner",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$9/mo",
|
||||
subtitle: "Perfect for getting started",
|
||||
buttons={[
|
||||
id: "starter", badge: "Beginner", badgeIcon: Sparkles,
|
||||
price: "$9/mo", subtitle: "Perfect for getting started", buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
href: "signup",
|
||||
},
|
||||
]}
|
||||
features={[
|
||||
"100 prompts/month",
|
||||
"50 images/month",
|
||||
"Basic chat access",
|
||||
"Community marketplace",
|
||||
]}
|
||||
text: "Start Free", href: "signup"},
|
||||
],
|
||||
features: [
|
||||
"100 prompts/month", "50 images/month", "Basic chat access", "Community marketplace"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$29/mo",
|
||||
subtitle: "For serious creators",
|
||||
buttons={[
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$29/mo", subtitle: "For serious creators", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "signup",
|
||||
},
|
||||
]}
|
||||
features={[
|
||||
"1,000 prompts/month",
|
||||
"500 images/month",
|
||||
"Unlimited chat",
|
||||
"Video generation (10/mo)",
|
||||
"Priority support",
|
||||
"Custom models",
|
||||
]}
|
||||
text: "Get Started", href: "signup"},
|
||||
],
|
||||
features: [
|
||||
"1,000 prompts/month", "500 images/month", "Unlimited chat", "Video generation (10/mo)", "Priority support", "Custom models"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Professional",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Custom",
|
||||
subtitle: "For large teams",
|
||||
buttons={[
|
||||
id: "enterprise", badge: "Professional", badgeIcon: Sparkles,
|
||||
price: "Custom", subtitle: "For large teams", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "contact",
|
||||
},
|
||||
]}
|
||||
features={[
|
||||
"Unlimited everything",
|
||||
"Advanced video features",
|
||||
"API access",
|
||||
"Team collaboration",
|
||||
"Dedicated support",
|
||||
"Custom integrations",
|
||||
]}
|
||||
text: "Contact Sales", href: "contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited everything", "Advanced video features", "API access", "Team collaboration", "Dedicated support", "Custom integrations"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -309,24 +211,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/flowai",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/flowai", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/flowai",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/flowai", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/flowai",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/flowai", ariaLabel: "GitHub"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:hello@flowai.com",
|
||||
ariaLabel: "Email",
|
||||
},
|
||||
href: "mailto:hello@flowai.com", ariaLabel: "Email"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user