Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -33,100 +33,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="ClipGen AI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Turn Long Videos into Viral Clips in Seconds"
|
||||
description="Stop wasting hours cutting videos. Upload your long-form content, and our AI instantly extracts the most engaging moments for TikTok, Reels, and Shorts."
|
||||
kpis={[
|
||||
{
|
||||
value: "90%",
|
||||
label: "Time Saved",
|
||||
},
|
||||
value: "90%", label: "Time Saved"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Clips Generated",
|
||||
},
|
||||
value: "100+", label: "Clips Generated"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Automated AI",
|
||||
},
|
||||
value: "24/7", label: "Automated AI"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Generating",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Generating", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg",
|
||||
alt: "Portrait of young business woman standing outside office buildings",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg", alt: "Portrait of young business woman standing outside office buildings"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
alt: "Portrait of young confident woman startup manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "Portrait of young confident woman startup manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-with-arms-crossed_23-2147626300.jpg",
|
||||
alt: "Good looking business woman with arms crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-with-arms-crossed_23-2147626300.jpg", alt: "Good looking business woman with arms crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes_78826-2303.jpg",
|
||||
alt: "Young attractive emotional girl in business style clothes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes_78826-2303.jpg", alt: "Young attractive emotional girl in business style clothes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg",
|
||||
alt: "Man portrait posing in a loft modern space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5366.jpg", alt: "Man portrait posing in a loft modern space"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
type: "text", text: "AI-Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lightning Fast",
|
||||
},
|
||||
type: "text", text: "Lightning Fast"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multi-Platform",
|
||||
},
|
||||
type: "text", text: "Multi-Platform"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Engagement",
|
||||
},
|
||||
type: "text", text: "High Engagement"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creator Approved",
|
||||
},
|
||||
type: "text", text: "Creator Approved"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,19 +102,13 @@ export default function LandingPage() {
|
||||
description="We believe creators should spend their time creating, not editing. Our platform automates the tedious parts of content distribution so you can focus on your story."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Auto Clip Detection",
|
||||
description: "AI finds the funniest, loudest, and most engaging moments automatically.",
|
||||
},
|
||||
title: "Auto Clip Detection", description: "AI finds the funniest, loudest, and most engaging moments automatically."},
|
||||
{
|
||||
title: "Auto Captions",
|
||||
description: "Engage your viewers with perfectly synced subtitles for every clip.",
|
||||
},
|
||||
title: "Auto Captions", description: "Engage your viewers with perfectly synced subtitles for every clip."},
|
||||
{
|
||||
title: "Multi-Platform Export",
|
||||
description: "Automatically resize for TikTok, Reels, and Shorts in one click.",
|
||||
},
|
||||
title: "Multi-Platform Export", description: "Automatically resize for TikTok, Reels, and Shorts in one click."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/post-production-specialist-using-headphones-test-improve-audio-quality_482257-121838.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/post-production-specialist-using-headphones-test-improve-audio-quality_482257-121838.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -163,28 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Auto Highlights",
|
||||
description: "AI analyzes audio and video to find the best moments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-stationery-elements-fruit_23-2148851528.jpg",
|
||||
imageAlt: "tech company logo",
|
||||
title: "Auto Highlights", description: "AI analyzes audio and video to find the best moments.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Smart Captions",
|
||||
description: "Generated captions that actually stay on beat.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2",
|
||||
imageAlt: "tech company logo",
|
||||
title: "Smart Captions", description: "Generated captions that actually stay on beat.", bentoComponent: "reveal-icon", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
title: "Vertical Resizing",
|
||||
description: "Turn landscape into portrait perfectly every time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/post-production-specialist-using-headphones-test-improve-audio-quality_482257-121838.jpg?_wi=2",
|
||||
imageAlt: "tech company logo",
|
||||
title: "Vertical Resizing", description: "Turn landscape into portrait perfectly every time.", bentoComponent: "reveal-icon", icon: Smartphone,
|
||||
},
|
||||
]}
|
||||
title="Built for Creators Who Need More Reach"
|
||||
@@ -199,40 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Podcaster",
|
||||
testimonial: "I used to spend 5 hours editing. Now I do it in 5 minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195345.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Podcaster", testimonial: "I used to spend 5 hours editing. Now I do it in 5 minutes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195345.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "YouTuber",
|
||||
testimonial: "The AI detection is surprisingly smart at finding funny bits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "YouTuber", testimonial: "The AI detection is surprisingly smart at finding funny bits.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Streamer",
|
||||
testimonial: "Finally, an AI tool that actually gets the vertical framing right.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Streamer", testimonial: "Finally, an AI tool that actually gets the vertical framing right.", imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Marketer",
|
||||
testimonial: "My TikTok traffic has doubled since using these clips.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Marketer", testimonial: "My TikTok traffic has doubled since using these clips.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Lee",
|
||||
role: "Small Business Owner",
|
||||
testimonial: "Best investment for my social media marketing strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man-glasses-posing-city-with-gently-smile-gorgeous-brunette-black-guy-chilling-outdoor-big-headphones_197531-21898.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Lee", role: "Small Business Owner", testimonial: "Best investment for my social media marketing strategy.", imageSrc: "http://img.b2bpic.net/free-photo/african-man-glasses-posing-city-with-gently-smile-gorgeous-brunette-black-guy-chilling-outdoor-big-headphones_197531-21898.jpg"},
|
||||
]}
|
||||
title="Creators Who Save Hours Weekly"
|
||||
description="Join thousands of creators who have scaled their content output with our platform."
|
||||
@@ -244,14 +161,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"StreamLabs",
|
||||
"PodCastify",
|
||||
"CreatorSpace",
|
||||
"GrowthTube",
|
||||
"ClipMedia",
|
||||
"VideoLaunch",
|
||||
"ViralPath",
|
||||
]}
|
||||
"StreamLabs", "PodCastify", "CreatorSpace", "GrowthTube", "ClipMedia", "VideoLaunch", "ViralPath"]}
|
||||
title="Used by Leading Creators"
|
||||
description="Trusted by thousands of professionals in the creator economy."
|
||||
/>
|
||||
@@ -264,38 +174,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For getting started",
|
||||
features: [
|
||||
"5 clips per month",
|
||||
"Watermark on exports",
|
||||
"Standard support",
|
||||
],
|
||||
id: "basic", badge: "Free", price: "$0", subtitle: "For getting started", features: [
|
||||
"5 clips per month", "Watermark on exports", "Standard support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$29/mo",
|
||||
subtitle: "For pro creators",
|
||||
features: [
|
||||
"Unlimited clips",
|
||||
"HD Exports",
|
||||
"Faster processing",
|
||||
"Custom captions",
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$29/mo", subtitle: "For pro creators", features: [
|
||||
"Unlimited clips", "HD Exports", "Faster processing", "Custom captions"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Now", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -310,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is my video data private?",
|
||||
content: "Yes, we prioritize your privacy and data security.",
|
||||
},
|
||||
id: "1", title: "Is my video data private?", content: "Yes, we prioritize your privacy and data security."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I use this for Reels?",
|
||||
content: "Absolutely, it's perfect for Reels, TikTok, and YouTube Shorts.",
|
||||
},
|
||||
id: "2", title: "Can I use this for Reels?", content: "Absolutely, it's perfect for Reels, TikTok, and YouTube Shorts."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How fast is processing?",
|
||||
content: "Most clips are processed in under 60 seconds.",
|
||||
},
|
||||
id: "3", title: "How fast is processing?", content: "Most clips are processed in under 60 seconds."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have more questions? Check out our help docs."
|
||||
@@ -335,16 +217,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started Today"
|
||||
title="Ready to Scale Your Content?"
|
||||
description="Sign up now and start getting more engagement with AI-powered video clips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Free", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,42 +234,27 @@ export default function LandingPage() {
|
||||
logoText="ClipGen AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user