bender/3f24d0de-3edd-4ac3-bae3-b09a6091d7f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 09:51:31 +00:00
parent 81bffe39fd
commit 2f9d9bb66d
1 changed files with 48 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/app/page.tsx
View File

@@ -30,17 +30,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Dashboard",
id: "dashboard",
},
name: "Dashboard", id: "dashboard"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
]}
brandName="Faceless AutoPilot"
/>
@@ -49,19 +43,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
logoText="Faceless AutoPilot"
description="Scale your brand with AI-powered video automation. Generate, edit, and upload viral content to TikTok, Reels, and Shorts on autopilot."
buttons={[
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
]}
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/a-futuristic-software-dashboard-showing--1774864247097-8d8c33dc.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/a-futuristic-software-dashboard-showing--1774864247097-8d8c33dc.png"
mediaAnimation="blur-reveal"
/>
</div>
@@ -73,67 +64,43 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "AI Content Engine",
description: "Generate viral scripts and translate them to high-quality audio automatically.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/ai-script-generation-interface-showing-t-1774864243245-67ad7216.png?_wi=1",
},
id: "f1", title: "AI Content Engine", description: "Generate viral scripts and translate them to high-quality audio automatically.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/ai-script-generation-interface-showing-t-1774864243245-67ad7216.png", imageAlt: "A futuristic software dashboard showing AI video generation progress, dark theme with cyan and blue "},
items: [
{
icon: Sparkles,
text: "GPT-4 Scripting",
},
text: "GPT-4 Scripting"},
{
icon: Mic,
text: "ElevenLabs TTS",
},
text: "ElevenLabs TTS"},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/a-futuristic-software-dashboard-showing--1774864247097-8d8c33dc.png?_wi=2",
imageAlt: "A futuristic software dashboard showing AI video generation progress, dark theme with cyan and blue ",
},
{
id: "f2",
title: "Auto-Upload System",
description: "Multi-platform distribution with intelligent scheduling and auto-retry logic.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/auto-upload-system-showing-multiple-soci-1774864243287-4e2b46cf.png?_wi=1",
},
id: "f2", title: "Auto-Upload System", description: "Multi-platform distribution with intelligent scheduling and auto-retry logic.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/auto-upload-system-showing-multiple-soci-1774864243287-4e2b46cf.png", imageAlt: "AI script generation interface showing text and emojis, futuristic cyan glow."},
items: [
{
icon: Upload,
text: "TikTok, Reels, Shorts",
},
text: "TikTok, Reels, Shorts"},
{
icon: Calendar,
text: "Smart Scheduling",
},
text: "Smart Scheduling"},
],
reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/ai-script-generation-interface-showing-t-1774864243245-67ad7216.png?_wi=2",
imageAlt: "AI script generation interface showing text and emojis, futuristic cyan glow.",
},
{
id: "f3",
title: "Viral Video Edits",
description: "Automated clipping, subtitle overlays, and trending music synchronization.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/voice-synthesis-dashboard-visualization--1774864243477-230b7dea.png?_wi=1",
},
id: "f3", title: "Viral Video Edits", description: "Automated clipping, subtitle overlays, and trending music synchronization.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/voice-synthesis-dashboard-visualization--1774864243477-230b7dea.png", imageAlt: "Auto upload system showing multiple social media platforms, sleek dark glassmorphism design."},
items: [
{
icon: Video,
text: "Auto-Editing",
},
text: "Auto-Editing"},
{
icon: Type,
text: "Captions Generator",
},
text: "Captions Generator"},
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/auto-upload-system-showing-multiple-soci-1774864243287-4e2b46cf.png?_wi=2",
imageAlt: "Auto upload system showing multiple social media platforms, sleek dark glassmorphism design.",
},
]}
title="Built for Growth"
@@ -148,52 +115,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "free",
title: "Free",
price: "$0",
period: "/mo",
features: [
"5 Videos",
"Watermarked",
],
id: "free", title: "Free", price: "$0", period: "/mo", features: [
"5 Videos", "Watermarked"],
button: {
text: "Get Started",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/voice-synthesis-dashboard-visualization--1774864243477-230b7dea.png?_wi=2",
imageAlt: "Voice synthesis dashboard visualization, professional sleek UI, cyan accents.",
},
text: "Get Started"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/voice-synthesis-dashboard-visualization--1774864243477-230b7dea.png", imageAlt: "Voice synthesis dashboard visualization, professional sleek UI, cyan accents."},
{
id: "pro",
title: "Pro",
price: "$49",
period: "/mo",
features: [
"200 Videos",
"No Watermark",
"Auto Upload",
],
id: "pro", title: "Pro", price: "$49", period: "/mo", features: [
"200 Videos", "No Watermark", "Auto Upload"],
button: {
text: "Upgrade",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png?_wi=1",
imageAlt: "Professional portrait of a tech entrepreneur, dark background, cinematic lighting.",
},
text: "Upgrade"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png", imageAlt: "Professional portrait of a tech entrepreneur, dark background, cinematic lighting."},
{
id: "premium",
title: "Premium",
price: "$99",
period: "/mo",
features: [
"Unlimited",
"Priority Support",
"Bulk Upload",
],
id: "premium", title: "Premium", price: "$99", period: "/mo", features: [
"Unlimited", "Priority Support", "Bulk Upload"],
button: {
text: "Upgrade",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-content-creat-1774864242651-3099f746.png?_wi=1",
imageAlt: "Professional portrait of a content creator, neon blue ambient lighting.",
},
text: "Upgrade"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-content-creat-1774864242651-3099f746.png", imageAlt: "Professional portrait of a content creator, neon blue ambient lighting."},
]}
title="Simple Pricing"
description="Scale your content production effortlessly."
@@ -207,59 +145,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "CEO",
company: "MediaOps",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png?_wi=2",
},
id: "1", name: "Sarah J.", role: "CEO", company: "MediaOps", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png"},
{
id: "2",
name: "Mark D.",
role: "Creator",
company: "GrowthX",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-content-creat-1774864242651-3099f746.png?_wi=2",
},
id: "2", name: "Mark D.", role: "Creator", company: "GrowthX", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-content-creat-1774864242651-3099f746.png"},
{
id: "3",
name: "Elena K.",
role: "Founder",
company: "TrendSet",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-saas-founder--1774864242842-201218d4.png",
},
id: "3", name: "Elena K.", role: "Founder", company: "TrendSet", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-saas-founder--1774864242842-201218d4.png"},
{
id: "4",
name: "David V.",
role: "Agency Head",
company: "ViralAgency",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-digital-agenc-1774864242824-a08e1265.png",
},
id: "4", name: "David V.", role: "Agency Head", company: "ViralAgency", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-digital-agenc-1774864242824-a08e1265.png"},
{
id: "5",
name: "Jessica L.",
role: "Marketer",
company: "BrandBoost",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png?_wi=3",
},
id: "5", name: "Jessica L.", role: "Marketer", company: "BrandBoost", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/professional-portrait-of-a-tech-entrepre-1774864242923-28e2020b.png"},
]}
kpiItems={[
{
value: "1M+",
label: "Videos Generated",
},
value: "1M+", label: "Videos Generated"},
{
value: "500k",
label: "Hours Saved",
},
value: "500k", label: "Hours Saved"},
{
value: "99.9%",
label: "Uptime",
},
value: "99.9%", label: "Uptime"},
]}
title="Trusted by Creators"
description="Join thousands of creators scaling with us."
@@ -272,20 +179,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does AI automation work?",
content: "Our engine uses sophisticated workflows to generate content and distribute it.",
},
id: "q1", title: "How does AI automation work?", content: "Our engine uses sophisticated workflows to generate content and distribute it."},
{
id: "q2",
title: "Can I use my own API keys?",
content: "Yes, we allow BYOK (Bring Your Own Key) for advanced users.",
},
id: "q2", title: "Can I use my own API keys?", content: "Yes, we allow BYOK (Bring Your Own Key) for advanced users."},
{
id: "q3",
title: "Which platforms support auto-upload?",
content: "TikTok, Instagram Reels, and YouTube Shorts.",
},
id: "q3", title: "Which platforms support auto-upload?", content: "TikTok, Instagram Reels, and YouTube Shorts."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez5zFzCRY9Ve3ckC9GFNrRMmx/help-center-dashboard-interface-modern-c-1774864245502-658e322d.jpg"
title="Frequently Asked"
@@ -298,13 +196,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Faceless AutoPilot"
leftLink={{
text: "Terms",
href: "#",
}}
text: "Terms", href: "#"}}
rightLink={{
text: "Privacy",
href: "#",
}}
text: "Privacy", href: "#"}}
/>
</div>
</ReactLenis>