Merge version_2 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Film, ShieldCheck, Users } from "lucide-react";
|
||||
import { Film, ShieldCheck, Users, Zap, Maximize, Edit, Share } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="VidGen AI"
|
||||
/>
|
||||
@@ -55,70 +49,38 @@ export default function LandingPage() {
|
||||
description="Simply type your vision, and our advanced AI transforms your text into stunning, high-quality video content in seconds."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "This tool revolutionized our social media strategy. Simply amazing output quality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cpzown",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@schen", testimonial: "This tool revolutionized our social media strategy. Simply amazing output quality.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cpzown"},
|
||||
{
|
||||
name: "Mark V.",
|
||||
handle: "@markv",
|
||||
testimonial: "The text-to-video accuracy is unmatched by any other tool I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rylsiy",
|
||||
},
|
||||
name: "Mark V.", handle: "@markv", testimonial: "The text-to-video accuracy is unmatched by any other tool I've used.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rylsiy"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@erod",
|
||||
testimonial: "Saved our team weeks of production time. Absolute game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi2kt9",
|
||||
},
|
||||
name: "Emily R.", handle: "@erod", testimonial: "Saved our team weeks of production time. Absolute game changer.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi2kt9"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dwong",
|
||||
testimonial: "Perfect for short-form content. Very satisfied with the AI generation speed.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d9d95t",
|
||||
},
|
||||
name: "David W.", handle: "@dwong", testimonial: "Perfect for short-form content. Very satisfied with the AI generation speed.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d9d95t"},
|
||||
{
|
||||
name: "Julia P.",
|
||||
handle: "@jp",
|
||||
testimonial: "Stunning visuals from just a few simple lines of text. Truly next-level.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4903w",
|
||||
},
|
||||
name: "Julia P.", handle: "@jp", testimonial: "Stunning visuals from just a few simple lines of text. Truly next-level.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v4903w"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Generating",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Generating", href: "#"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xcbt91"
|
||||
imageAlt="ai video generator dashboard neon"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xcbt91",
|
||||
alt: "professional headshot creative designer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xcbt91", alt: "professional headshot creative designer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0w9k97",
|
||||
alt: "content creator smiling portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0w9k97", alt: "content creator smiling portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch3028",
|
||||
alt: "marketing manager confident portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch3028", alt: "marketing manager confident portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b8xtkf",
|
||||
alt: "animator designer modern headshot",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b8xtkf", alt: "animator designer modern headshot"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bth8s",
|
||||
alt: "filmmaker artistic studio portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bth8s", alt: "filmmaker artistic studio portrait"},
|
||||
]}
|
||||
avatarText="Join 50k+ creators"
|
||||
/>
|
||||
@@ -132,17 +94,11 @@ export default function LandingPage() {
|
||||
description="Our proprietary AI models interpret your concepts with deep nuance, generating visually complex video files that match your creative intent perfectly."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Neural Prompting",
|
||||
description: "Highly responsive to complex, descriptive prompts.",
|
||||
},
|
||||
title: "Neural Prompting", description: "Highly responsive to complex, descriptive prompts."},
|
||||
{
|
||||
title: "Instant Rendering",
|
||||
description: "High-definition output with minimal wait times.",
|
||||
},
|
||||
title: "Instant Rendering", description: "High-definition output with minimal wait times."},
|
||||
{
|
||||
title: "Style Control",
|
||||
description: "Choose artistic, realistic, or cinematic styles.",
|
||||
},
|
||||
title: "Style Control", description: "Choose artistic, realistic, or cinematic styles."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0w9k97"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -156,28 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Prompt-to-Video",
|
||||
description: "Enter text and watch your video emerge instantly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch3028",
|
||||
buttonIcon: "Zap",
|
||||
title: "Fast Prompt-to-Video", description: "Enter text and watch your video emerge instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ch3028", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Smart Scaling",
|
||||
description: "Seamless resolution switching without loss of detail.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b8xtkf",
|
||||
buttonIcon: "Maximize",
|
||||
title: "Smart Scaling", description: "Seamless resolution switching without loss of detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b8xtkf", buttonIcon: Maximize,
|
||||
},
|
||||
{
|
||||
title: "Dynamic Style Editor",
|
||||
description: "Fine-tune aesthetic controls for perfect output.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bth8s",
|
||||
buttonIcon: "Edit",
|
||||
title: "Dynamic Style Editor", description: "Fine-tune aesthetic controls for perfect output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bth8s", buttonIcon: Edit,
|
||||
},
|
||||
{
|
||||
title: "Cross-Platform Export",
|
||||
description: "Ready-to-use formats for all major social channels.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qlr88y",
|
||||
buttonIcon: "Share",
|
||||
title: "Cross-Platform Export", description: "Ready-to-use formats for all major social channels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qlr88y", buttonIcon: Share,
|
||||
},
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
@@ -192,57 +136,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "For individual creators",
|
||||
buttons: [
|
||||
id: "starter", badge: "Essential", price: "$19/mo", subtitle: "For individual creators", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"100 Video Credits",
|
||||
"1080p Resolution",
|
||||
"Standard Support",
|
||||
],
|
||||
"100 Video Credits", "1080p Resolution", "Standard Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$49/mo",
|
||||
subtitle: "For power creators",
|
||||
buttons: [
|
||||
id: "pro", badge: "Most Popular", price: "$49/mo", subtitle: "For power creators", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Videos",
|
||||
"4K Resolution",
|
||||
"Priority Rendering",
|
||||
"Commercial Rights",
|
||||
],
|
||||
"Unlimited Videos", "4K Resolution", "Priority Rendering", "Commercial Rights"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "$199/mo",
|
||||
subtitle: "For teams & studios",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Custom", price: "$199/mo", subtitle: "For teams & studios", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Team Management",
|
||||
"Custom AI Models",
|
||||
"Dedicated Manager",
|
||||
"Priority API Access",
|
||||
],
|
||||
"Team Management", "Custom AI Models", "Dedicated Manager", "Priority API Access"],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
@@ -258,25 +173,15 @@ export default function LandingPage() {
|
||||
author="Sarah J. - Lead Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kfsfw2",
|
||||
alt: "professional headshot creative designer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kfsfw2", alt: "professional headshot creative designer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9zpmr",
|
||||
alt: "content creator smiling portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9zpmr", alt: "content creator smiling portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c4ujz",
|
||||
alt: "marketing manager confident portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c4ujz", alt: "marketing manager confident portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bedq7z",
|
||||
alt: "animator designer modern headshot",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bedq7z", alt: "animator designer modern headshot"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cpzown",
|
||||
alt: "professional headshot creative designer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cpzown", alt: "professional headshot creative designer"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -291,25 +196,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Videos Generated",
|
||||
description: "Total content created so far",
|
||||
icon: Film,
|
||||
id: "m1", value: "1.2M+", title: "Videos Generated", description: "Total content created so far", icon: Film,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
title: "Monthly Users",
|
||||
description: "Active creative professionals",
|
||||
icon: Users,
|
||||
id: "m2", value: "50K+", title: "Monthly Users", description: "Active creative professionals", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable global infrastructure",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable global infrastructure", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
@@ -323,20 +216,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our proprietary algorithms translate text prompts into stable video frames.",
|
||||
},
|
||||
id: "q1", title: "How does the AI work?", content: "Our proprietary algorithms translate text prompts into stable video frames."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use videos commercially?",
|
||||
content: "Yes, with our Pro and Enterprise plans, you retain full commercial rights.",
|
||||
},
|
||||
id: "q2", title: "Can I use videos commercially?", content: "Yes, with our Pro and Enterprise plans, you retain full commercial rights."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data private?",
|
||||
content: "We take data security seriously; your prompts and generated content are private.",
|
||||
},
|
||||
id: "q3", title: "Is my data private?", content: "We take data security seriously; your prompts and generated content are private."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers about our AI technology."
|
||||
@@ -348,14 +232,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to bring your ideas to life? Start your creative journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,29 +247,19 @@ export default function LandingPage() {
|
||||
logoText="VidGen AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user