Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -28,18 +28,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Monetization",
|
||||
id: "monetization",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Monetization", id: "monetization" },
|
||||
]}
|
||||
brandName="ContentFlow AI"
|
||||
/>
|
||||
@@ -47,82 +38,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Turn Any Product Into Viral Content"
|
||||
description="Generate posts, images, and videos using AI in seconds. Supercharge your social media with the ContentFlow AI Engine."
|
||||
kpis={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Engagement Rate",
|
||||
},
|
||||
{
|
||||
value: "10x",
|
||||
label: "Faster Production",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Creators Empowered",
|
||||
},
|
||||
{ value: "95%", label: "Engagement Rate" },
|
||||
{ value: "10x", label: "Faster Production" },
|
||||
{ value: "5M+", label: "Creators Empowered" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Generate Content",
|
||||
href: "#generator",
|
||||
},
|
||||
{ text: "Start Creating", href: "#" },
|
||||
{ text: "Generate Content", href: "#generator" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/a-futuristic-ai-content-dashboard-ui-on--1775619019213-50e3acee.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/a-futuristic-ai-content-dashboard-ui-on--1775619019213-50e3acee.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-modern-professional-soft-d-1775619020305-7ee2b7e6.png",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-creative-agency-owner-shar-1775619019729-9b324a8d.png",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-social-media-manager-sleek-1775619019653-12123b99.png",
|
||||
alt: "Alex Riviera",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-tech-analyst-professional--1775619019547-ed54fa4e.png",
|
||||
alt: "David Kim",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-digital-marketer-clean-sty-1775619021413-a8977f48.png",
|
||||
alt: "Elena V.",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-modern-professional-soft-d-1775619020305-7ee2b7e6.png", alt: "Sarah J." },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-creative-agency-owner-shar-1775619019729-9b324a8d.png", alt: "Michael Chen" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-social-media-manager-sleek-1775619019653-12123b99.png", alt: "Alex Riviera" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-tech-analyst-professional--1775619019547-ed54fa4e.png", alt: "David Kim" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-digital-marketer-clean-sty-1775619021413-a8977f48.png", alt: "Elena V." },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Viral Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated SEO",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Content",
|
||||
},
|
||||
{ type: "text", text: "AI Powered" },
|
||||
{ type: "text", text: "Viral Analytics" },
|
||||
{ type: "text", text: "Automated SEO" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Instant Content" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,32 +78,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Viral Content Engine",
|
||||
tags: [
|
||||
"ChatGPT API",
|
||||
"Structured Data",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/clean-3d-icon-representing-viral-content-1775619019942-4cbe6e5a.png",
|
||||
},
|
||||
id: "f1", title: "Viral Content Engine", tags: ["ChatGPT API", "Structured Data"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/clean-3d-icon-representing-viral-content-1775619019942-4cbe6e5a.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium AI Images",
|
||||
tags: [
|
||||
"Google Labs",
|
||||
"Flow",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/abstract-ai-image-generation-symbol-high-1775619022600-1ff54d40.png",
|
||||
},
|
||||
id: "f2", title: "Premium AI Images", tags: ["Google Labs", "Flow"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/abstract-ai-image-generation-symbol-high-1775619022600-1ff54d40.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Planning",
|
||||
tags: [
|
||||
"7-Day Plan",
|
||||
"Viral Timing",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/interactive-7-day-content-planning-dashb-1775619019847-7d44ca10.png",
|
||||
},
|
||||
id: "f3", title: "Smart Planning", tags: ["7-Day Plan", "Viral Timing"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/interactive-7-day-content-planning-dashb-1775619019847-7d44ca10.png"},
|
||||
]}
|
||||
title="Built for Modern Creators"
|
||||
description="Powerful tools to transform your workflow into a viral engine."
|
||||
@@ -168,58 +94,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="monetization" data-section="monetization">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for starters",
|
||||
features: [
|
||||
"Viral text engine",
|
||||
"50 prompts/mo",
|
||||
"Basic analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Making Money",
|
||||
},
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$29/mo", subtitle: "Perfect for starters", features: ["Viral text engine", "50 prompts/mo", "Basic analytics"],
|
||||
buttons: [{ text: "Start Making Money" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$79/mo",
|
||||
subtitle: "For serious creators",
|
||||
features: [
|
||||
"Viral text engine",
|
||||
"Unlimited prompts",
|
||||
"AI Video creation",
|
||||
"Affiliate dashboard",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Making Money",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$79/mo", subtitle: "For serious creators", features: ["Viral text engine", "Unlimited prompts", "AI Video creation", "Affiliate dashboard"],
|
||||
buttons: [{ text: "Start Making Money" }],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Scaling",
|
||||
price: "$199/mo",
|
||||
subtitle: "For agencies & teams",
|
||||
features: [
|
||||
"All pro features",
|
||||
"API access",
|
||||
"White label reports",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Making Money",
|
||||
},
|
||||
],
|
||||
id: "enterprise", badge: "Scaling", price: "$199/mo", subtitle: "For agencies & teams", features: ["All pro features", "API access", "White label reports", "Priority support"],
|
||||
buttons: [{ text: "Start Making Money" }],
|
||||
},
|
||||
]}
|
||||
title="Turn Content Into Income"
|
||||
@@ -231,31 +120,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-modern-professional-soft-d-1775619020305-7ee2b7e6.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-creative-agency-owner-shar-1775619019729-9b324a8d.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex Riviera",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-social-media-manager-sleek-1775619019653-12123b99.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-tech-analyst-professional--1775619019547-ed54fa4e.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-digital-marketer-clean-sty-1775619021413-a8977f48.png",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-modern-professional-soft-d-1775619020305-7ee2b7e6.png" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-creative-agency-owner-shar-1775619019729-9b324a8d.png" },
|
||||
{ id: "3", name: "Alex Riviera", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-social-media-manager-sleek-1775619019653-12123b99.png" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-tech-analyst-professional--1775619019547-ed54fa4e.png" },
|
||||
{ id: "5", name: "Elena V.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/portrait-of-a-digital-marketer-clean-sty-1775619021413-a8977f48.png" },
|
||||
]}
|
||||
cardTitle="Loved by Creators"
|
||||
cardTag="Social Proof"
|
||||
@@ -269,16 +138,10 @@ export default function LandingPage() {
|
||||
title="Data-Driven Content Strategy"
|
||||
description="ContentFlow AI provides the granular insights you need to understand exactly what resonates with your audience, enabling iterative growth and sustained viral success."
|
||||
metrics={[
|
||||
{
|
||||
value: "120%",
|
||||
title: "Avg Reach Growth",
|
||||
},
|
||||
{
|
||||
value: "45ms",
|
||||
title: "Generation Speed",
|
||||
},
|
||||
{ value: "120%", title: "Avg Reach Growth" },
|
||||
{ value: "45ms", title: "Generation Speed" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/a-futuristic-ai-content-dashboard-ui-on--1775619019213-50e3acee.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2ulsvcll1VfbSSaL3xtCeF9oy/a-futuristic-ai-content-dashboard-ui-on--1775619019213-50e3acee.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user