Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 00:52:28 +00:00

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="VideoGen AI"
/>
@@ -56,113 +44,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Create Professional AI Videos in Seconds"
description="Harness the power of CogVideoX and modern open-source models to turn text into stunning, high-quality video content without massive hardware overhead."
testimonials={[
{
name: "Alex Rivera",
handle: "@arivera",
testimonial: "The quality from this platform is unmatched. CogVideoX integration works flawlessly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
imageAlt: "ai technology interface",
},
{
name: "Jordan Chen",
handle: "@jchen_ai",
testimonial: "Finally, a simple way to access powerful video models. Saved me hours of manual rendering.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=1",
imageAlt: "ai technology interface",
},
{
name: "Sarah Miller",
handle: "@smiller_prod",
testimonial: "FastAPI backend integration is lightning fast. Highly recommended for devs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg?_wi=1",
imageAlt: "ai technology interface",
},
{
name: "Mike Henderson",
handle: "@mhenderson",
testimonial: "Game changer for my content workflow. AI-generated video is finally accessible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg?_wi=1",
imageAlt: "ai technology interface",
},
{
name: "Emma Watson",
handle: "@ewatson_studio",
testimonial: "I love how easy it is to swap between models for different aesthetic styles.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
imageAlt: "ai technology interface",
},
{ name: "Alex Rivera", handle: "@arivera", testimonial: "The quality from this platform is unmatched. CogVideoX integration works flawlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "ai technology interface" },
{ name: "Jordan Chen", handle: "@jchen_ai", testimonial: "Finally, a simple way to access powerful video models. Saved me hours of manual rendering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg", imageAlt: "ai technology interface" },
{ name: "Sarah Miller", handle: "@smiller_prod", testimonial: "FastAPI backend integration is lightning fast. Highly recommended for devs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg", imageAlt: "ai technology interface" },
{ name: "Mike Henderson", handle: "@mhenderson", testimonial: "Game changer for my content workflow. AI-generated video is finally accessible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg", imageAlt: "ai technology interface" },
{ name: "Emma Watson", handle: "@ewatson_studio", testimonial: "I love how easy it is to swap between models for different aesthetic styles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "ai technology interface" },
]}
buttons={[
{
text: "Start Generating",
href: "#contact",
},
{
text: "Learn More",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2"
buttons={[{ text: "Start Generating", href: "#contact" }, { text: "Learn More", href: "#features" }]}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
imageAlt="AI video generation interface showing fluid animation"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
alt: "Confident businessman",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
alt: "Positive executive",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "Smiling businesswoman",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
alt: "Young business man",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
alt: "Handsome man in suit",
},
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Confident businessman" },
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Positive executive" },
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Smiling businesswoman" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Young business man" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg", alt: "Handsome man in suit" },
]}
marqueeItems={[
{
type: "text-icon",
text: "FastAPI Optimized",
icon: Zap,
},
{
type: "text-icon",
text: "CogVideoX Engine",
icon: Database,
},
{
type: "text-icon",
text: "Scalable Infrastructure",
icon: Server,
},
{
type: "text-icon",
text: "Model Agnostic",
icon: Layers,
},
{
type: "text-icon",
text: "Developer First",
icon: Code,
},
{ type: "text-icon", text: "FastAPI Optimized", icon: Zap },
{ type: "text-icon", text: "CogVideoX Engine", icon: Database },
{ type: "text-icon", text: "Scalable Infrastructure", icon: Server },
{ type: "text-icon", text: "Model Agnostic", icon: Layers },
{ type: "text-icon", text: "Developer First", icon: Code },
]}
/>
</div>
@@ -172,21 +79,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Performance at Scale"
metrics={[
{
icon: Zap,
label: "Generation Speed",
value: "2x Faster",
},
{
icon: Shield,
label: "Model Integrity",
value: "100% Open",
},
{
icon: Database,
label: "GPU Optimization",
value: "24GB Cap",
},
{ icon: Zap, label: "Generation Speed", value: "2x Faster" },
{ icon: Shield, label: "Model Integrity", value: "100% Open" },
{ icon: Database, label: "GPU Optimization", value: "24GB Cap" },
]}
metricsAnimation="blur-reveal"
/>
@@ -198,30 +93,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "CogVideoX Engine",
description: "High-fidelity video synthesis powered by the latest open-source weight sets.",
bentoComponent: "reveal-icon",
icon: Database,
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
},
{
title: "FastAPI Backbone",
description: "A robust, scalable backend for rapid model serving and inference.",
bentoComponent: "reveal-icon",
icon: Server,
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=3",
imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
},
{
title: "Flexible Model Swap",
description: "Easily integrate Wan2.2, Mochi, or HunyuanVideo models into your stack.",
bentoComponent: "reveal-icon",
icon: Layers,
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=2",
imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
},
{ title: "CogVideoX Engine", description: "High-fidelity video synthesis powered by the latest open-source weight sets.", bentoComponent: "reveal-icon", icon: Database },
{ title: "FastAPI Backbone", description: "A robust, scalable backend for rapid model serving and inference.", bentoComponent: "reveal-icon", icon: Server },
{ title: "Flexible Model Swap", description: "Easily integrate Wan2.2, Mochi, or HunyuanVideo models into your stack.", bentoComponent: "reveal-icon", icon: Layers },
]}
title="Powerful Features for Creators"
description="Everything you need to generate high-quality AI videos in one unified, developer-friendly interface."
@@ -234,30 +108,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime",
description: "Always ready to render",
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=3",
imageAlt: "speed icon modern",
},
{
id: "m2",
value: "5ms",
title: "API Latency",
description: "Minimal delay on requests",
imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg?_wi=2",
imageAlt: "radar scan interface",
},
{
id: "m3",
value: "50+",
title: "Formats",
description: "Output in any resolution",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg?_wi=2",
imageAlt: "file format icons",
},
{ id: "m1", value: "99.9%", title: "Uptime", description: "Always ready to render", imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg" },
{ id: "m2", value: "5ms", title: "API Latency", description: "Minimal delay on requests", imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg" },
{ id: "m3", value: "50+", title: "Formats", description: "Output in any resolution", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg" },
]}
title="Built for Developers"
description="Our platform minimizes technical debt by providing a clean abstraction layer for complex AI tasks."
@@ -266,60 +119,13 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Entry",
price: "$0",
subtitle: "Perfect for testing models",
features: [
"Limited generations",
"CogVideoX Base",
"Community support",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
{
id: "p2",
badge: "Pro",
price: "$49",
subtitle: "For power users",
features: [
"Unlimited generations",
"All models included",
"Priority access",
],
buttons: [
{
text: "Upgrade Pro",
href: "#",
},
],
},
{
id: "p3",
badge: "Enterprise",
price: "$199",
subtitle: "Dedicated infrastructure",
features: [
"Dedicated GPUs",
"Custom fine-tuning",
"24/7 support",
],
buttons: [
{
text: "Contact Us",
href: "#",
},
],
},
{ id: "p1", badge: "Entry", price: "$0", subtitle: "Perfect for testing models", features: ["Limited generations", "CogVideoX Base", "Community support"], buttons: [{ text: "Get Started", href: "#" }] },
{ id: "p2", badge: "Pro", price: "$49", subtitle: "For power users", features: ["Unlimited generations", "All models included", "Priority access"], buttons: [{ text: "Upgrade Pro", href: "#" }] },
{ id: "p3", badge: "Enterprise", price: "$199", subtitle: "Dedicated infrastructure", features: ["Dedicated GPUs", "Custom fine-tuning", "24/7 support"], buttons: [{ text: "Contact Us", href: "#" }] },
]}
title="Transparent Pricing"
description="Select the plan that best fits your project's compute requirements."
@@ -331,56 +137,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
date: "Oct 2023",
title: "Lead Developer",
quote: "Finally, accessible GPU power for video.",
tag: "Dev",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-diy-flowing-texture-experimental-art_53876-108102.jpg",
},
{
id: "t2",
name: "Jordan C.",
date: "Nov 2023",
title: "Creative Dir",
quote: "My workflow is 3x faster now.",
tag: "Creative",
avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workspace-with-keyboard-pencils_23-2148210421.jpg",
},
{
id: "t3",
name: "Sarah M.",
date: "Dec 2023",
title: "Product Owner",
quote: "Simple, efficient, and robust.",
tag: "SaaS",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/lighting-corridor_1127-2020.jpg",
},
{
id: "t4",
name: "Mike H.",
date: "Jan 2024",
title: "Tech Lead",
quote: "The model swapping feature is genius.",
tag: "AI",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
},
{
id: "t5",
name: "Emma W.",
date: "Feb 2024",
title: "Studio Lead",
quote: "The best AI tool I've used this year.",
tag: "Studio",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg",
},
{ id: "t1", name: "Alex R.", date: "Oct 2023", title: "Lead Developer", quote: "Finally, accessible GPU power for video.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-diy-flowing-texture-experimental-art_53876-108102.jpg" },
{ id: "t2", name: "Jordan C.", date: "Nov 2023", title: "Creative Dir", quote: "My workflow is 3x faster now.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workspace-with-keyboard-pencils_23-2148210421.jpg" },
{ id: "t3", name: "Sarah M.", date: "Dec 2023", title: "Product Owner", quote: "Simple, efficient, and robust.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lighting-corridor_1127-2020.jpg" },
{ id: "t4", name: "Mike H.", date: "Jan 2024", title: "Tech Lead", quote: "The model swapping feature is genius.", tag: "AI", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg" },
{ id: "t5", name: "Emma W.", date: "Feb 2024", title: "Studio Lead", quote: "The best AI tool I've used this year.", tag: "Studio", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg" },
]}
title="Loved by Creators"
description="Hear what our early adopters say about the video synthesis platform."
@@ -391,21 +152,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is it free to use?",
content: "Yes, we offer a free tier for developers to test and prototype with our available models.",
},
{
id: "f2",
title: "What models are supported?",
content: "Currently CogVideoX, with support for Wan2.2, Mochi, and LTX-Video coming soon.",
},
{
id: "f3",
title: "Can I use my own hardware?",
content: "The system is built on open source tools, allowing local deployments on 24GB+ VRAM hardware.",
},
{ id: "f1", title: "Is it free to use?", content: "Yes, we offer a free tier for developers to test and prototype with our available models." },
{ id: "f2", title: "What models are supported?", content: "Currently CogVideoX, with support for Wan2.2, Mochi, and LTX-Video coming soon." },
{ id: "f3", title: "Can I use my own hardware?", content: "The system is built on open source tools, allowing local deployments on 24GB+ VRAM hardware." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about getting started."
@@ -416,9 +165,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get Started"
title="Ready to Start Generating?"
description="Sign up today to join the waitlist for early access to our model-swapping platform."
@@ -428,42 +175,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
items: [
{
label: "Documentation",
href: "#",
},
{
label: "API",
href: "#",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Documentation", href: "#" }, { label: "API", href: "#" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
]}
logoText="VideoGen AI"
/>