Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-30 18:15:32 +00:00

View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="VidGen AI"
/>
@@ -53,104 +45,40 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Create Professional AI Videos for Free"
description="Generate, edit, and export stunning videos with our powerful AI-driven cloud platform. No technical skills required, just pure creativity."
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-ai-video-dashboard-with-glo-1774894481401-dda7449e.png?_wi=1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/floating-digital-assets-icons-3d-rendere-1774894481647-e4d8c345.png?_wi=1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-person-working-on-a-laptop-with-hologr-1774894480945-dae6ae5b.png?_wi=1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/minimalist-abstract-sound-wave-visuals-i-1774894481592-2766526d.png?_wi=1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-video-export-animation-show-1774894481068-30054e04.png?_wi=1",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/an-ai-powered-video-generator-interface--1774894482648-c46e3a41.png?_wi=1",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-ai-video-dashboard-with-glo-1774894481401-dda7449e.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/floating-digital-assets-icons-3d-rendere-1774894481647-e4d8c345.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-person-working-on-a-laptop-with-hologr-1774894480945-dae6ae5b.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/minimalist-abstract-sound-wave-visuals-i-1774894481592-2766526d.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-video-export-animation-show-1774894481068-30054e04.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/an-ai-powered-video-generator-interface--1774894482648-c46e3a41.png" }
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/an-ai-powered-video-generator-interface--1774894482648-c46e3a41.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-video-export-animation-show-1774894481068-30054e04.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/minimalist-abstract-sound-wave-visuals-i-1774894481592-2766526d.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-person-working-on-a-laptop-with-hologr-1774894480945-dae6ae5b.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/floating-digital-assets-icons-3d-rendere-1774894481647-e4d8c345.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-ai-video-dashboard-with-glo-1774894481401-dda7449e.png?_wi=2",
},
]}
buttons={[
{
text: "Start Creating",
href: "#",
},
{
text: "Learn More",
href: "#",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/an-ai-powered-video-generator-interface--1774894482648-c46e3a41.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-video-export-animation-show-1774894481068-30054e04.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/minimalist-abstract-sound-wave-visuals-i-1774894481592-2766526d.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-person-working-on-a-laptop-with-hologr-1774894480945-dae6ae5b.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/floating-digital-assets-icons-3d-rendere-1774894481647-e4d8c345.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-ai-video-dashboard-with-glo-1774894481401-dda7449e.png" }
]}
buttons={[{ text: "Start Creating", href: "#" }, { text: "Learn More", href: "#" }]}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png",
alt: "Sarah",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-social-media-manager-profe-1774894482188-68a6cd4e.png",
alt: "James",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-film-student-working-in-a--1774894482795-231c70e6.png",
alt: "Emily",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-marketing-specialist-worki-1774894482034-57c376b5.png",
alt: "David",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png",
alt: "Alex",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png", alt: "Sarah" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-social-media-manager-profe-1774894482188-68a6cd4e.png", alt: "James" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-film-student-working-in-a--1774894482795-231c70e6.png", alt: "Emily" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-marketing-specialist-worki-1774894482034-57c376b5.png", alt: "David" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png", alt: "Alex" }
]}
avatarText="Join 5,000+ creators"
marqueeItems={[
{
type: "text",
text: "AI Powered",
},
{
type: "text",
text: "Cloud Export",
},
{
type: "text",
text: "4K Ready",
},
{
type: "text",
text: "Simple UI",
},
{
type: "text",
text: "Free Forever",
},
{ type: "text", text: "AI Powered" },
{ type: "text", text: "Cloud Export" },
{ type: "text", text: "4K Ready" },
{ type: "text", text: "Simple UI" },
{ type: "text", text: "Free Forever" }
]}
/>
</div>
@@ -163,43 +91,19 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "AI Video Generation",
description: "Transform text to cinematic clips.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png?_wi=1",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png?_wi=1",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-futuristic-ai-video-dashboard-with-glo-1774894481401-dda7449e.png?_wi=3",
imageAlt: "A futuristic AI video dashboard with glowing blue nodes and timeline interface. High resolution, gla",
title: "AI Video Generation", description: "Transform text to cinematic clips.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png" }
},
{
id: 2,
title: "Smart Audio Editing",
description: "Natural voiceovers in seconds.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png?_wi=2",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png?_wi=2",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/floating-digital-assets-icons-3d-rendere-1774894481647-e4d8c345.png?_wi=3",
imageAlt: "Floating digital assets icons, 3d rendered icons for video, audio, and text in a dark technological ",
title: "Smart Audio Editing", description: "Natural voiceovers in seconds.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png" }
},
{
id: 3,
title: "Drag-and-Drop Editor",
description: "Intuitive timeline for pro results.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png?_wi=3",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png?_wi=3",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-person-working-on-a-laptop-with-hologr-1774894480945-dae6ae5b.png?_wi=3",
imageAlt: "A person working on a laptop with holographic video editing timeline projected above. Professional, ",
},
title: "Drag-and-Drop Editor", description: "Intuitive timeline for pro results.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/modern-video-editing-timeline-with-drag--1774894481325-a9364f8e.png" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-speech-synthesis-module-showing-text--1774894481117-055c7966.png" }
}
]}
showStepNumbers={true}
title="Powerful Features, Zero Cost"
@@ -214,24 +118,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Pro Export Tool",
price: "Free",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/high-quality-video-export-setting-ui-sho-1774894481279-991ad4f5.png",
},
{
id: "p2",
name: "Project Storage",
price: "Free",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-dashboard-overview-showing-cloud-stora-1774894482265-d5b6a119.png",
},
{
id: "p3",
name: "Video Templates",
price: "Free",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-video-template-selection-screen-showi-1774894481453-645ad630.png",
},
{ id: "p1", name: "Pro Export Tool", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/high-quality-video-export-setting-ui-sho-1774894481279-991ad4f5.png" },
{ id: "p2", name: "Project Storage", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/a-dashboard-overview-showing-cloud-stora-1774894482265-d5b6a119.png" },
{ id: "p3", name: "Video Templates", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/ai-video-template-selection-screen-showi-1774894481453-645ad630.png" }
]}
title="Explore Our Toolset"
description="Everything you need to create professional content in one powerful free dashboard."
@@ -244,41 +133,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Creative Director",
testimonial: "The best AI tool I've used.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png?_wi=1",
},
{
id: "2",
name: "James Lee",
role: "Film Student",
testimonial: "Incredible features for a free platform.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-social-media-manager-profe-1774894482188-68a6cd4e.png",
},
{
id: "3",
name: "Emily Chen",
role: "Marketing Specialist",
testimonial: "Fast rendering, intuitive interface.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-film-student-working-in-a--1774894482795-231c70e6.png",
},
{
id: "4",
name: "David Smith",
role: "Content Creator",
testimonial: "Everything I need in one place.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-marketing-specialist-worki-1774894482034-57c376b5.png",
},
{
id: "5",
name: "Alex Rivera",
role: "Independent Filmmaker",
testimonial: "A total game changer for my workflow.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png?_wi=2",
},
{ id: "1", name: "Sarah Miller", role: "Creative Director", testimonial: "The best AI tool I've used.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png" },
{ id: "2", name: "James Lee", role: "Film Student", testimonial: "Incredible features for a free platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-social-media-manager-profe-1774894482188-68a6cd4e.png" },
{ id: "3", name: "Emily Chen", role: "Marketing Specialist", testimonial: "Fast rendering, intuitive interface.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-film-student-working-in-a--1774894482795-231c70e6.png" },
{ id: "4", name: "David Smith", role: "Content Creator", testimonial: "Everything I need in one place.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-marketing-specialist-worki-1774894482034-57c376b5.png" },
{ id: "5", name: "Alex Rivera", role: "Independent Filmmaker", testimonial: "A total game changer for my workflow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfyUN9Ld7Eu8MzT6MJH5PcdloE/portrait-of-a-creative-content-creator-s-1774894481262-698c747e.png" }
]}
title="Loved by Creators"
description="Join thousands of satisfied users generating professional content."
@@ -289,21 +148,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is it really free?",
content: "Yes, we are committed to keeping core editing features free.",
},
{
id: "f2",
title: "Where are files processed?",
content: "All processing happens in the cloud.",
},
{
id: "f3",
title: "Can I export in 4K?",
content: "Yes, we support high resolution exports.",
},
{ id: "f1", title: "Is it really free?", content: "Yes, we are committed to keeping core editing features free." },
{ id: "f2", title: "Where are files processed?", content: "All processing happens in the cloud." },
{ id: "f3", title: "Can I export in 4K?", content: "Yes, we support high resolution exports." }
]}
sideTitle="Questions? We have answers."
faqsAnimation="slide-up"
@@ -313,32 +160,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Ready to get started?"
title="Start Creating Today"
description="Unlock your creativity and produce stunning videos today."
buttons={[
{
text: "Launch Editor",
href: "#",
},
]}
buttons={[{ text: "Launch Editor", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="VidGen AI"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>