Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="VidAI"
|
||||
/>
|
||||
@@ -51,65 +42,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
title="Create Professional AI Videos in Seconds"
|
||||
description="The next generation of AI video generation. Transform text into cinematic masterpieces with our cutting-edge AI engine."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employee-talking-with-coworker-ai-silicon-valley-workplace_482257-119028.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453477.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/employee-talking-with-coworker-ai-silicon-valley-workplace_482257-119028.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453477.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Features", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Rendering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Cinematic Resolution",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Rights Included",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Neural Engine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Workflow Integration",
|
||||
},
|
||||
{ type: "text", text: "Ultra-Fast Rendering" },
|
||||
{ type: "text", text: "4K Cinematic Resolution" },
|
||||
{ type: "text", text: "Commercial Rights Included" },
|
||||
{ type: "text", text: "Advanced Neural Engine" },
|
||||
{ type: "text", text: "Seamless Workflow Integration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,18 +74,9 @@ export default function LandingPage() {
|
||||
title="Precision AI Power"
|
||||
description="Our custom-trained neural architecture delivers unmatched clarity and cinematic quality, putting professional video production at your fingertips."
|
||||
metrics={[
|
||||
{
|
||||
value: "10x",
|
||||
title: "Faster Generation",
|
||||
},
|
||||
{
|
||||
value: "4K",
|
||||
title: "Cinematic Quality",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
},
|
||||
{ value: "10x", title: "Faster Generation" },
|
||||
{ value: "4K", title: "Cinematic Quality" },
|
||||
{ value: "99.9%", title: "Uptime Reliability" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -146,26 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "AI Motion",
|
||||
title: "Advanced Motion Capture",
|
||||
subtitle: "Realistic movement",
|
||||
description: "Seamlessly translate text into lifelike character movements and complex animation sequences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-glowing-dots-with-motion-effect_1048-11158.jpg",
|
||||
},
|
||||
tag: "AI Motion", title: "Advanced Motion Capture", subtitle: "Realistic movement", description: "Seamlessly translate text into lifelike character movements and complex animation sequences.", imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-glowing-dots-with-motion-effect_1048-11158.jpg"},
|
||||
{
|
||||
tag: "Generative",
|
||||
title: "Text-to-Video Engine",
|
||||
subtitle: "From prompt to reality",
|
||||
description: "Generate high-definition clips simply by entering your creative prompts in natural language.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light_181624-21142.jpg",
|
||||
},
|
||||
tag: "Generative", title: "Text-to-Video Engine", subtitle: "From prompt to reality", description: "Generate high-definition clips simply by entering your creative prompts in natural language.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light_181624-21142.jpg"},
|
||||
{
|
||||
tag: "Pro Edit",
|
||||
title: "Automated Rendering",
|
||||
subtitle: "Edit smarter, not harder",
|
||||
description: "Our automated pipeline handles color correction, lighting adjustments, and rendering in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg",
|
||||
},
|
||||
tag: "Pro Edit", title: "Automated Rendering", subtitle: "Edit smarter, not harder", description: "Our automated pipeline handles color correction, lighting adjustments, and rendering in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg"},
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Unlock infinite possibilities with our robust suite of AI-driven editing and generation tools."
|
||||
@@ -177,14 +107,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Netflix",
|
||||
"Google",
|
||||
"Adobe",
|
||||
"Meta",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Disney",
|
||||
]}
|
||||
"Netflix", "Google", "Adobe", "Meta", "Amazon", "Apple", "Disney"]}
|
||||
title="Trusted by Industry Giants"
|
||||
description="Leading studios and creators worldwide choose us to power their content generation workflow."
|
||||
/>
|
||||
@@ -194,48 +117,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split-description"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "Creative Director",
|
||||
company: "RivStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", role: "Creative Director", company: "RivStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Film Producer",
|
||||
company: "Cinemax",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-browsing-tablet_23-2148452626.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Film Producer", company: "Cinemax", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-browsing-tablet_23-2148452626.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Digital Artist",
|
||||
company: "ThorneArts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Thorne", role: "Digital Artist", company: "ThorneArts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
role: "Media Executive",
|
||||
company: "VisionMedia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-specialist-filming-sponsored-content-unboxing-newly-released-vr-glasses_482257-119852.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Rossi", role: "Media Executive", company: "VisionMedia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-specialist-filming-sponsored-content-unboxing-newly-released-vr-glasses_482257-119852.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jamie Lee",
|
||||
role: "Content Lead",
|
||||
company: "FlowSocial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120872.jpg",
|
||||
},
|
||||
id: "5", name: "Jamie Lee", role: "Content Lead", company: "FlowSocial", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120872.jpg"},
|
||||
]}
|
||||
title="Hear From Our Creators"
|
||||
description="See why top video professionals and creators rely on VidAI for their daily production pipeline."
|
||||
@@ -249,55 +148,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for freelancers",
|
||||
features: [
|
||||
"100 mins generation",
|
||||
"720p resolution",
|
||||
"Standard support",
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$29/mo", subtitle: "Perfect for freelancers", features: [
|
||||
"100 mins generation", "720p resolution", "Standard support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Starter",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Starter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$99/mo",
|
||||
subtitle: "Power for pros",
|
||||
features: [
|
||||
"500 mins generation",
|
||||
"4K resolution",
|
||||
"Priority support",
|
||||
"Watermark-free",
|
||||
],
|
||||
id: "pro", badge: "Recommended", price: "$99/mo", subtitle: "Power for pros", features: [
|
||||
"500 mins generation", "4K resolution", "Priority support", "Watermark-free"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Choose Pro", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "studio",
|
||||
badge: "Scale",
|
||||
price: "$299/mo",
|
||||
subtitle: "For large production teams",
|
||||
features: [
|
||||
"Unlimited generation",
|
||||
"Enterprise API access",
|
||||
"Dedicated manager",
|
||||
],
|
||||
id: "studio", badge: "Scale", price: "$299/mo", subtitle: "For large production teams", features: [
|
||||
"Unlimited generation", "Enterprise API access", "Dedicated manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Studio",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Studio", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -312,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is rendering?",
|
||||
content: "Our pipeline processes videos in real-time, delivering 4K cinematic quality in minutes.",
|
||||
},
|
||||
id: "q1", title: "How fast is rendering?", content: "Our pipeline processes videos in real-time, delivering 4K cinematic quality in minutes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use for commercial?",
|
||||
content: "Yes, all Pro and Studio plans grant full commercial ownership and usage rights.",
|
||||
},
|
||||
id: "q2", title: "Can I use for commercial?", content: "Yes, all Pro and Studio plans grant full commercial ownership and usage rights."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our priority. All your project files and prompts are encrypted and private.",
|
||||
},
|
||||
id: "q3", title: "Is my data secure?", content: "Security is our priority. All your project files and prompts are encrypted and private."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139280.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -342,22 +204,14 @@ export default function LandingPage() {
|
||||
description="Ready to transform your production workflow? Contact our team for a personalized demo or enterprise solution."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your project..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797755.jpg"
|
||||
buttonText="Send Request"
|
||||
imageAlt="tech company office modern"
|
||||
@@ -369,54 +223,33 @@ export default function LandingPage() {
|
||||
logoText="VidAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
label: "API", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user