From 2f9d9bb66dec7fa779b0c8d646668b7a222f7883 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 30 Mar 2026 09:51:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 202 +++++++++++------------------------------------ 1 file changed, 48 insertions(+), 154 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bdef8ae..f7191ea 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,17 +30,11 @@ export default function LandingPage() { @@ -49,19 +43,16 @@ export default function LandingPage() {
@@ -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() { -- 2.49.1