Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 17:52:29 +00:00

View File

@@ -29,391 +29,165 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "FAQ",
id: "#faq",
},
]}
brandName="AutoVid"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "FAQ", id: "#faq" },
]}
brandName="AutoVid"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
title="Publish Videos on Autopilot"
description="Transform topics into professional, ready-to-post videos in seconds using our AI-powered engine."
tag="Revolutionize Your Content"
buttons={[
{
text: "Get Started",
href: "#",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg?_wi=1",
imageAlt: "saas dashboard interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
imageAlt: "saas dashboard interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",
imageAlt: "saas dashboard interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074307.jpg",
imageAlt: "saas dashboard interface",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
imageAlt: "saas dashboard interface",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="Publish Videos on Autopilot"
description="Transform topics into professional, ready-to-post videos in seconds using our AI-powered engine."
tag="Revolutionize Your Content"
buttons={[{ text: "Get Started", href: "#" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg", imageAlt: "saas dashboard interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", imageAlt: "saas dashboard interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg", imageAlt: "saas dashboard interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074307.jpg", imageAlt: "saas dashboard interface" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg", imageAlt: "saas dashboard interface" },
]}
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Mission"
title="Minimal Effort, Maximum Impact"
description="AutoVid Publisher is built for the next generation of content creators who want to scale their presence without the manual grind."
subdescription="From topic generation to video assembly, we handle the technical lifting so you can focus on your creative vision."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg?_wi=1"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Mission"
title="Minimal Effort, Maximum Impact"
description="AutoVid Publisher is built for the next generation of content creators who want to scale their presence without the manual grind."
subdescription="From topic generation to video assembly, we handle the technical lifting so you can focus on your creative vision."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "AI-Powered Scripting",
description: "Generate high-engagement scripts tailored to any tone or niche in seconds.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg",
imageAlt: "automation flow chart tech",
},
items: [
{
icon: Pen,
text: "Multi-tone support",
},
{
icon: Clock,
text: "Short & Long form",
},
{
icon: TrendingUp,
text: "SEO-optimized",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg?_wi=2",
imageAlt: "automation flow chart tech",
},
{
title: "Automated Assembly",
description: "Combine voice, stock clips, and music into high-quality MP4 exports.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/focus-notebook-used-by-engineers-server-hub-blurry-background_482257-115436.jpg",
imageAlt: "ai software interface code",
},
items: [
{
icon: Video,
text: "Automated editing",
},
{
icon: Music,
text: "Music library",
},
{
icon: Check,
text: "Ready to post",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg?_wi=2",
imageAlt: "automation flow chart tech",
},
{
title: "Intelligent Scheduling",
description: "Queue your content and manage your entire calendar from one unified dashboard.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg",
imageAlt: "digital video editor interface",
},
items: [
{
icon: Calendar,
text: "Daily scheduling",
},
{
icon: BarChart,
text: "Queue management",
},
{
icon: Zap,
text: "One-click export",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg?_wi=1",
imageAlt: "automation flow chart tech",
},
]}
title="Everything You Need to Scale"
description="A comprehensive suite of tools built for speed, consistency, and quality in content production."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "AI-Powered Scripting", description: "Generate high-engagement scripts tailored to any tone or niche in seconds.", media: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg", imageAlt: "automation flow chart tech" },
items: [{ icon: Pen, text: "Multi-tone support" }, { icon: Clock, text: "Short & Long form" }, { icon: TrendingUp, text: "SEO-optimized" }],
reverse: false
},
{
title: "Automated Assembly", description: "Combine voice, stock clips, and music into high-quality MP4 exports.", media: { imageSrc: "http://img.b2bpic.net/free-photo/focus-notebook-used-by-engineers-server-hub-blurry-background_482257-115436.jpg", imageAlt: "ai software interface code" },
items: [{ icon: Video, text: "Automated editing" }, { icon: Music, text: "Music library" }, { icon: Check, text: "Ready to post" }],
reverse: true
},
{
title: "Intelligent Scheduling", description: "Queue your content and manage your entire calendar from one unified dashboard.", media: { imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg", imageAlt: "digital video editor interface" },
items: [{ icon: Calendar, text: "Daily scheduling" }, { icon: BarChart, text: "Queue management" }, { icon: Zap, text: "One-click export" }],
reverse: false
},
]}
title="Everything You Need to Scale"
description="A comprehensive suite of tools built for speed, consistency, and quality in content production."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Impact by the Numbers"
tag="Proven Results"
metrics={[
{
id: "m1",
value: "10x",
description: "Faster Production",
},
{
id: "m2",
value: "95%",
description: "Manual Time Saved",
},
{
id: "m3",
value: "500+",
description: "Creators Assisted",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Impact by the Numbers"
tag="Proven Results"
metrics={[
{ id: "m1", value: "10x", description: "Faster Production" },
{ id: "m2", value: "95%", description: "Manual Time Saved" },
{ id: "m3", value: "500+", description: "Creators Assisted" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Entry",
price: "$0",
subtitle: "Perfect for side hustlers",
features: [
"10 videos/mo",
"Basic AI scripting",
"Standard stock library",
],
},
{
id: "pro",
badge: "Recommended",
price: "$29",
subtitle: "Best for professional growth",
features: [
"100 videos/mo",
"Advanced AI scripting",
"Premium stock media",
"Bulk export",
],
},
{
id: "elite",
badge: "Pro Level",
price: "$99",
subtitle: "For content agencies",
features: [
"Unlimited videos",
"Full API automation",
"Priority support",
"Custom branding",
],
},
]}
title="Simple, Scalable Pricing"
description="Choose the plan that fits your growth goals."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "starter", badge: "Entry", price: "$0", subtitle: "Perfect for side hustlers", features: ["10 videos/mo", "Basic AI scripting", "Standard stock library"],
},
{
id: "pro", badge: "Recommended", price: "$29", subtitle: "Best for professional growth", features: ["100 videos/mo", "Advanced AI scripting", "Premium stock media", "Bulk export"],
},
{
id: "elite", badge: "Pro Level", price: "$99", subtitle: "For content agencies", features: ["Unlimited videos", "Full API automation", "Priority support", "Custom branding"],
},
]}
title="Simple, Scalable Pricing"
description="Choose the plan that fits your growth goals."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Game Changer",
quote: "My engagement skyrocketed once I switched to automated publishing.",
name: "Sarah Miller",
role: "Faceless Page Owner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg?_wi=2",
},
{
id: "2",
title: "Effortless",
quote: "I spend 90% less time editing. This is exactly what I needed.",
name: "Mark Chen",
role: "Tech Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg",
},
{
id: "3",
title: "Highly Recommended",
quote: "The AI scripts are actually good. Truly efficient.",
name: "Elena Rodriguez",
role: "Educational Creator",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg",
},
{
id: "4",
title: "Growth Engine",
quote: "Scaling my video output has never been easier.",
name: "David Kim",
role: "Startup founder",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19669.jpg",
},
{
id: "5",
title: "Incredible Tool",
quote: "AutoVid saves me hours every day. Essential for growth.",
name: "Lisa Wang",
role: "YouTube Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg",
},
]}
title="Join Successful Creators"
description="Hear what our users have to say about the AutoVid workflow."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Game Changer", quote: "My engagement skyrocketed once I switched to automated publishing.", name: "Sarah Miller", role: "Faceless Page Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg" },
{ id: "2", title: "Effortless", quote: "I spend 90% less time editing. This is exactly what I needed.", name: "Mark Chen", role: "Tech Influencer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg" },
{ id: "3", title: "Highly Recommended", quote: "The AI scripts are actually good. Truly efficient.", name: "Elena Rodriguez", role: "Educational Creator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg" },
{ id: "4", title: "Growth Engine", quote: "Scaling my video output has never been easier.", name: "David Kim", role: "Startup founder", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19669.jpg" },
{ id: "5", title: "Incredible Tool", quote: "AutoVid saves me hours every day. Essential for growth.", name: "Lisa Wang", role: "YouTube Strategist", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" },
]}
title="Join Successful Creators"
description="Hear what our users have to say about the AutoVid workflow."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is full automation included?",
content: "The MVP focuses on generation. Full auto-posting is coming soon via API integrations.",
},
{
id: "q2",
title: "Can I use my own footage?",
content: "Yes, our engine allows you to upload custom clips to mix with stock media.",
},
{
id: "q3",
title: "Is it really free to start?",
content: "Our starter tier provides sufficient credits to experiment with video publishing.",
},
{
id: "q4",
title: "Are there platform restrictions?",
content: "We follow standard platform API guidelines to keep your accounts safe.",
},
{
id: "q5",
title: "How is my data handled?",
content: "We prioritize privacy and use standard encryption for all user generated content.",
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about getting started."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Is full automation included?", content: "The MVP focuses on generation. Full auto-posting is coming soon via API integrations." },
{ id: "q2", title: "Can I use my own footage?", content: "Yes, our engine allows you to upload custom clips to mix with stock media." },
{ id: "q3", title: "Is it really free to start?", content: "Our starter tier provides sufficient credits to experiment with video publishing." },
{ id: "q4", title: "Are there platform restrictions?", content: "We follow standard platform API guidelines to keep your accounts safe." },
{ id: "q5", title: "How is my data handled?", content: "We prioritize privacy and use standard encryption for all user generated content." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about getting started."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Join the Beta"
title="Start Publishing Today"
description="Don't get left behind. Subscribe to get early access to our full automation features."
imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103687.jpg"
mediaPosition="left"
buttonText="Subscribe"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Join the Beta"
title="Start Publishing Today"
description="Don't get left behind. Subscribe to get early access to our full automation features."
imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103687.jpg"
mediaPosition="left"
buttonText="Subscribe"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Roadmap",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="AutoVid Publisher"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Roadmap", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="AutoVid Publisher"
/>
</div>
</ReactLenis>
</ThemeProvider>
);