Merge version_1 into main #2
@@ -29,53 +29,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KlingGen"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Turn Text Into Viral Videos Instantly"
|
||||
description="KlingGen uses advanced AI to synthesize high-quality, professional video content from simple text prompts. Create your next viral video in seconds."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen"},
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_52683-30024.jpg", alt: "Gen" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Generating", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Start Generating", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Ultra-fast rendering"},
|
||||
{
|
||||
type: "text", text: "4K Quality Output"},
|
||||
{
|
||||
type: "text", text: "Commercial Licensing"},
|
||||
{
|
||||
type: "text", text: "Automated Scripting"},
|
||||
{
|
||||
type: "text", text: "Platform Ready"},
|
||||
{ type: "text", text: "Ultra-fast rendering" },
|
||||
{ type: "text", text: "4K Quality Output" },
|
||||
{ type: "text", text: "Commercial Licensing" },
|
||||
{ type: "text", text: "Automated Scripting" },
|
||||
{ type: "text", text: "Platform Ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,15 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Text-to-Video", description: "Type a prompt and watch the AI bring your vision to life instantly.", imageSrc: "http://img.b2bpic.net/free-vector/particle-background_23-2148064925.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Auto Scene Splitting", description: "Our model intelligently divides your script into the perfect scene structure.", imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg", buttonIcon: LayoutGrid,
|
||||
},
|
||||
{
|
||||
title: "High-Quality Rendering", description: "Professional-grade MP4 output ready for social media upload.", imageSrc: "http://img.b2bpic.net/free-photo/black-individual-edits-footage-laptop_482257-76559.jpg", buttonIcon: Video,
|
||||
},
|
||||
{ title: "Text-to-Video", description: "Type a prompt and watch the AI bring your vision to life instantly.", imageSrc: "http://img.b2bpic.net/free-vector/particle-background_23-2148064925.jpg", buttonIcon: Zap },
|
||||
{ title: "Auto Scene Splitting", description: "Our model intelligently divides your script into the perfect scene structure.", imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg", buttonIcon: LayoutGrid },
|
||||
{ title: "High-Quality Rendering", description: "Professional-grade MP4 output ready for social media upload.", imageSrc: "http://img.b2bpic.net/free-photo/black-individual-edits-footage-laptop_482257-76559.jpg", buttonIcon: Video },
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Powerful, simple, and lightning-fast AI video generation pipeline."
|
||||
@@ -105,12 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is it free to use?", content: "Yes, we offer a generous free tier for all new users to get started."},
|
||||
{
|
||||
id: "f2", title: "What format are the videos?", content: "We export high-quality MP4 files compatible with all platforms."},
|
||||
{
|
||||
id: "f3", title: "Can I use this commercially?", content: "Our pro plan includes full commercial rights for your generated content."},
|
||||
{ id: "f1", title: "Is it free to use?", content: "Yes, we offer a generous free tier for all new users to get started." },
|
||||
{ id: "f2", title: "What format are the videos?", content: "We export high-quality MP4 files compatible with all platforms." },
|
||||
{ id: "f3", title: "Can I use this commercially?", content: "Our pro plan includes full commercial rights for your generated content." },
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Find everything you need to know about KlingGen AI."
|
||||
@@ -125,11 +98,11 @@ export default function LandingPage() {
|
||||
title="Testimonials"
|
||||
description="What our users say about KlingGen AI."
|
||||
testimonials={[
|
||||
{ name: "Alice", role: "Creator", content: "Amazing tool!", rating: 5 },
|
||||
{ name: "Bob", role: "Marketer", content: "Game changer.", rating: 5 },
|
||||
{ name: "Charlie", role: "Editor", content: "So fast.", rating: 5 },
|
||||
{ name: "David", role: "Studio Owner", content: "Professional grade.", rating: 5 },
|
||||
{ name: "Eve", role: "Vlogger", content: "Highly recommend!", rating: 5 }
|
||||
{ id: "t1", title: "Awesome!", quote: "Amazing tool!", name: "Alice", role: "Creator" },
|
||||
{ id: "t2", title: "Game changer", quote: "Game changer.", name: "Bob", role: "Marketer" },
|
||||
{ id: "t3", title: "So fast", quote: "So fast.", name: "Charlie", role: "Editor" },
|
||||
{ id: "t4", title: "Professional", quote: "Professional grade.", name: "David", role: "Studio Owner" },
|
||||
{ id: "t5", title: "Recommended", quote: "Highly recommend!", name: "Eve", role: "Vlogger" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,16 +113,10 @@ export default function LandingPage() {
|
||||
title="Ready to Start?"
|
||||
description="Get early access and start generating your viral videos today."
|
||||
inputs={[
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Enter your email", required: true,
|
||||
},
|
||||
{
|
||||
name: "prompt", type: "text", placeholder: "What kind of video do you need?", required: true,
|
||||
},
|
||||
{ name: "email", type: "email", placeholder: "Enter your email", required: true },
|
||||
{ name: "prompt", type: "text", placeholder: "What kind of video do you need?", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Additional notes...", rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Additional notes...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7573.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -158,10 +125,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="KlingGen 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>
|
||||
|
||||
Reference in New Issue
Block a user