Merge version_1 into main #1
308
src/app/page.tsx
308
src/app/page.tsx
@@ -34,34 +34,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#about",
|
||||
},
|
||||
name: "How It Works", id: "#about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started Free",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started Free", href: "#contact"}}
|
||||
brandName="AI Video Pro"
|
||||
/>
|
||||
</div>
|
||||
@@ -69,87 +55,56 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Transform Long Videos into Viral Shorts with AI"
|
||||
description="Our AI-powered platform automatically identifies key moments, crops, and optimizes your YouTube videos into engaging shorts, plus generates new AI videos from text prompts."
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Creators Empowered",
|
||||
},
|
||||
value: "100K+", label: "Creators Empowered"},
|
||||
{
|
||||
value: "2M+",
|
||||
label: "Shorts Created",
|
||||
},
|
||||
value: "2M+", label: "Shorts Created"},
|
||||
{
|
||||
value: "500%",
|
||||
label: "Engagement Boost",
|
||||
},
|
||||
value: "500%", label: "Engagement Boost"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Free Trial", href: "#pricing"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Watch Demo", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
alt: "AI Video Pro User",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "AI Video Pro User"},
|
||||
]}
|
||||
avatarText="Join 1000s of creators!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg"
|
||||
imageAlt="AI Video Editing Dashboard"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless Workflow",
|
||||
icon: Cog,
|
||||
type: "text-icon", text: "Seamless Workflow", icon: Cog,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Boost Engagement",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Boost Engagement", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI-Powered Creativity",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "AI-Powered Creativity", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Save Time",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Save Time", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Reach",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Reach", icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -173,19 +128,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Crop,
|
||||
title: "AI-Powered Smart Cropping",
|
||||
description: "Automatically detect and crop the most engaging parts of your long videos into perfect shorts for social media, maintaining viewer focus.",
|
||||
},
|
||||
title: "AI-Powered Smart Cropping", description: "Automatically detect and crop the most engaging parts of your long videos into perfect shorts for social media, maintaining viewer focus."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Intelligent Content Highlights",
|
||||
description: "Our AI identifies key moments, emotional peaks, and trending topics within your videos, suggesting optimal cuts for maximum impact.",
|
||||
},
|
||||
title: "Intelligent Content Highlights", description: "Our AI identifies key moments, emotional peaks, and trending topics within your videos, suggesting optimal cuts for maximum impact."},
|
||||
{
|
||||
icon: Video,
|
||||
title: "Text-to-Video Generation",
|
||||
description: "Turn your text scripts or blog posts into fully-produced AI videos with realistic voiceovers, visuals, and animations in minutes.",
|
||||
},
|
||||
title: "Text-to-Video Generation", description: "Turn your text scripts or blog posts into fully-produced AI videos with realistic voiceovers, visuals, and animations in minutes."},
|
||||
]}
|
||||
title="Key Features That Propel Your Content"
|
||||
description="Discover how our AI tools streamline your video production, enhance engagement, and unlock new creative possibilities."
|
||||
@@ -200,53 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "shorts-pack-1",
|
||||
name: "Dynamic Social Shorts",
|
||||
price: "Free Tier",
|
||||
variant: "Up to 5/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-smartphone_23-2149834252.jpg",
|
||||
imageAlt: "Dynamic social shorts",
|
||||
},
|
||||
id: "shorts-pack-1", name: "Dynamic Social Shorts", price: "Free Tier", variant: "Up to 5/month", imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-smartphone_23-2149834252.jpg", imageAlt: "Dynamic social shorts"},
|
||||
{
|
||||
id: "shorts-pack-2",
|
||||
name: "Educational Snippets",
|
||||
price: "Pro Tier",
|
||||
variant: "Unlimited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-blue-background_58702-6562.jpg",
|
||||
imageAlt: "Educational snippets",
|
||||
},
|
||||
id: "shorts-pack-2", name: "Educational Snippets", price: "Pro Tier", variant: "Unlimited", imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-blue-background_58702-6562.jpg", imageAlt: "Educational snippets"},
|
||||
{
|
||||
id: "ai-video-story",
|
||||
name: "AI Generated Story Videos",
|
||||
price: "Premium Tier",
|
||||
variant: "Custom Lengths",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantasy-scene-with-abstract-costume_23-2151159169.jpg",
|
||||
imageAlt: "AI generated story video",
|
||||
},
|
||||
id: "ai-video-story", name: "AI Generated Story Videos", price: "Premium Tier", variant: "Custom Lengths", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantasy-scene-with-abstract-costume_23-2151159169.jpg", imageAlt: "AI generated story video"},
|
||||
{
|
||||
id: "ai-video-explainer",
|
||||
name: "AI Explainer Videos",
|
||||
price: "Pro Tier",
|
||||
variant: "Up to 10/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-filming-content-discussing-about-software-used-perform-image-editing_482257-82250.jpg",
|
||||
imageAlt: "AI explainer video",
|
||||
},
|
||||
id: "ai-video-explainer", name: "AI Explainer Videos", price: "Pro Tier", variant: "Up to 10/month", imageSrc: "http://img.b2bpic.net/free-photo/photographer-filming-content-discussing-about-software-used-perform-image-editing_482257-82250.jpg", imageAlt: "AI explainer video"},
|
||||
{
|
||||
id: "product-explainer",
|
||||
name: "Product Demos",
|
||||
price: "Free Tier",
|
||||
variant: "Up to 3/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-forming-frame_23-2147775801.jpg",
|
||||
imageAlt: "Product explainer",
|
||||
},
|
||||
id: "product-explainer", name: "Product Demos", price: "Free Tier", variant: "Up to 3/month", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-forming-frame_23-2147775801.jpg", imageAlt: "Product explainer"},
|
||||
{
|
||||
id: "tutorial-series",
|
||||
name: "AI Tutorial Series",
|
||||
price: "Premium Tier",
|
||||
variant: "Full Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-discussing-with-client-online_482257-120354.jpg",
|
||||
imageAlt: "AI tutorial series",
|
||||
},
|
||||
id: "tutorial-series", name: "AI Tutorial Series", price: "Premium Tier", variant: "Full Series", imageSrc: "http://img.b2bpic.net/free-photo/woman-discussing-with-client-online_482257-120354.jpg", imageAlt: "AI tutorial series"},
|
||||
]}
|
||||
title="Showcase Your AI-Generated Content"
|
||||
description="Explore the diverse range of video content our AI platform can create, from dynamic shorts to full-length AI-generated narratives for any platform."
|
||||
@@ -260,60 +173,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Starter",
|
||||
tagIcon: Sparkles,
|
||||
price: "$0",
|
||||
period: "per month",
|
||||
description: "Perfect for new creators experimenting with AI video.",
|
||||
button: {
|
||||
text: "Get Started Free",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"5 AI Shorts per month",
|
||||
"Basic AI Cropping",
|
||||
"Standard AI Voices",
|
||||
"Watermarked Content",
|
||||
],
|
||||
id: "starter", tag: "Starter", tagIcon: Sparkles,
|
||||
price: "$0", period: "per month", description: "Perfect for new creators experimenting with AI video.", button: {
|
||||
text: "Get Started Free"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"5 AI Shorts per month", "Basic AI Cropping", "Standard AI Voices", "Watermarked Content"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
tagIcon: Zap,
|
||||
price: "$49",
|
||||
period: "per month",
|
||||
description: "Ideal for growing channels and consistent content creation.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Starter, plus:",
|
||||
features: [
|
||||
"Unlimited AI Shorts",
|
||||
"Advanced AI Cropping",
|
||||
"Premium AI Voices",
|
||||
"No Watermark",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", tag: "Pro", tagIcon: Zap,
|
||||
price: "$49", period: "per month", description: "Ideal for growing channels and consistent content creation.", button: {
|
||||
text: "Go Pro"},
|
||||
featuresTitle: "Everything in Starter, plus:", features: [
|
||||
"Unlimited AI Shorts", "Advanced AI Cropping", "Premium AI Voices", "No Watermark", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise",
|
||||
tagIcon: Award,
|
||||
price: "Custom",
|
||||
period: "per month",
|
||||
description: "Tailored solutions for large brands and media agencies.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Dedicated Account Manager",
|
||||
"Custom AI Models",
|
||||
"API Access",
|
||||
"Team Collaboration",
|
||||
"On-demand Training",
|
||||
],
|
||||
id: "enterprise", tag: "Enterprise", tagIcon: Award,
|
||||
price: "Custom", period: "per month", description: "Tailored solutions for large brands and media agencies.", button: {
|
||||
text: "Contact Sales"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Dedicated Account Manager", "Custom AI Models", "API Access", "Team Collaboration", "On-demand Training"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Every Creator"
|
||||
@@ -329,53 +207,24 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Content Creator",
|
||||
company: "ViralVisions Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Content Creator", company: "ViralVisions Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthSpark Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Marketing Director", company: "GrowthSpark Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Startup Founder",
|
||||
company: "InnovateStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Startup Founder", company: "InnovateStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3777.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "YouTube Influencer",
|
||||
company: "DigitalEcho Channel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling_1170-889.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "YouTube Influencer", company: "DigitalEcho Channel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling_1170-889.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Digital Strategist",
|
||||
company: "NexGen Media",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Digital Strategist", company: "NexGen Media", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Creators Say About AI Video Pro"
|
||||
description="Hear from content creators and marketers who have transformed their video strategy and engagement using our AI platform."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -384,14 +233,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateStream",
|
||||
"CreativeFlow Agency",
|
||||
"PixelCraft Studios",
|
||||
"TrendWave Media",
|
||||
"Visionary Content Hub",
|
||||
"DataMotion Labs",
|
||||
"StoryForge AI",
|
||||
]}
|
||||
"InnovateStream", "CreativeFlow Agency", "PixelCraft Studios", "TrendWave Media", "Visionary Content Hub", "DataMotion Labs", "StoryForge AI"]}
|
||||
title="Trusted by Leading Content Creators"
|
||||
description="Our AI video platform is the preferred choice for forward-thinking creators and businesses pushing the boundaries of digital content."
|
||||
showCard={true}
|
||||
@@ -404,20 +246,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How does AI Video Pro crop videos for shorts?",
|
||||
content: "Our advanced AI analyzes your long video, identifying key moments, speaker focus, and dynamic actions to automatically generate perfectly cropped, engaging short-form content optimized for platforms like YouTube Shorts and TikTok.",
|
||||
},
|
||||
id: "faq-1", title: "How does AI Video Pro crop videos for shorts?", content: "Our advanced AI analyzes your long video, identifying key moments, speaker focus, and dynamic actions to automatically generate perfectly cropped, engaging short-form content optimized for platforms like YouTube Shorts and TikTok."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Can I generate AI videos from any text content?",
|
||||
content: "Yes, simply input your script, blog post, or any text, and our AI will transform it into a full video with relevant visuals, voiceovers, and animations. You can even customize styles and moods.",
|
||||
},
|
||||
id: "faq-2", title: "Can I generate AI videos from any text content?", content: "Yes, simply input your script, blog post, or any text, and our AI will transform it into a full video with relevant visuals, voiceovers, and animations. You can even customize styles and moods."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What types of AI voices are available?",
|
||||
content: "We offer a diverse library of realistic AI voices in various languages and accents, from standard to premium options, ensuring your generated videos sound natural and professional.",
|
||||
},
|
||||
id: "faq-3", title: "What types of AI voices are available?", content: "We offer a diverse library of realistic AI voices in various languages and accents, from standard to premium options, ensuring your generated videos sound natural and professional."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about AI Video Pro, its features, pricing, and how it can supercharge your video strategy."
|
||||
@@ -429,16 +262,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Automate Your Video Creation?"
|
||||
description="Reach out to us to learn more, schedule a demo, or discuss custom solutions for your content needs. Our team is ready to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "mailto:sales@aivideopro.com",
|
||||
},
|
||||
text: "Contact Sales", href: "mailto:sales@aivideopro.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -447,13 +277,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="AI Video Pro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user