Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Benefits", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="VidAI Repurpose"
|
||||
/>
|
||||
@@ -54,104 +46,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Turn Long Videos into Viral Shorts Instantly"
|
||||
description="Repurpose your YouTube content into perfectly edited TikToks, Reels, and Shorts using advanced AI. Automatic captioning, multi-language support, and zero watermarks."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=1",
|
||||
imageAlt: "AI Editor UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "AI Editor UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg",
|
||||
imageAlt: "AI Editor UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg", imageAlt: "AI Editor UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-with-headphones-adjusting-white-balance-mockup-screen_482257-121831.jpg",
|
||||
imageAlt: "AI Editor UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-with-headphones-adjusting-white-balance-mockup-screen_482257-121831.jpg", imageAlt: "AI Editor UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063084.jpg",
|
||||
imageAlt: "AI Editor UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063084.jpg", imageAlt: "AI Editor UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-showing-program-converting-text-prompts-into-photos_482257-125010.jpg",
|
||||
imageAlt: "AI Editor UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-showing-program-converting-text-prompts-into-photos_482257-125010.jpg", imageAlt: "AI Editor UI"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137507.jpg",
|
||||
imageAlt: "Video Repurposing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137507.jpg", imageAlt: "Video Repurposing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-employee-talking-videoconference-call-with-supervisor-showing-graphs_482257-118519.jpg",
|
||||
imageAlt: "Video Repurposing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-employee-talking-videoconference-call-with-supervisor-showing-graphs_482257-118519.jpg", imageAlt: "Video Repurposing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
||||
imageAlt: "Video Repurposing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg", imageAlt: "Video Repurposing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg",
|
||||
imageAlt: "Video Repurposing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Video Repurposing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg",
|
||||
imageAlt: "Video Repurposing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg", imageAlt: "Video Repurposing"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-124152.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-filmmaker-working-media-post-production-from-agency-office_482257-124152.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-editor-uses-ai-powered-text-video-generator-create-content_482257-126920.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/digital-editor-uses-ai-powered-text-video-generator-create-content_482257-126920.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-machine-learning-tech-build-text-image-ai-generative-models_482257-123049.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-machine-learning-tech-build-text-image-ai-generative-models_482257-123049.jpg", alt: "User avatar"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTANT CLIPPING",
|
||||
},
|
||||
type: "text", text: "INSTANT CLIPPING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI SUBTITLES",
|
||||
},
|
||||
type: "text", text: "AI SUBTITLES"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MULTI-LANGUAGE",
|
||||
},
|
||||
type: "text", text: "MULTI-LANGUAGE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NO WATERMARKS",
|
||||
},
|
||||
type: "text", text: "NO WATERMARKS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "HIGH DEFINITION",
|
||||
},
|
||||
type: "text", text: "HIGH DEFINITION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,58 +110,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of Content Repurposing",
|
||||
},
|
||||
type: "text", content: "The Future of Content Repurposing"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
alt: "AI Processing",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", alt: "AI Processing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Clipping",
|
||||
description: "AI automatically selects the most engaging segments from your long-form videos.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
|
||||
},
|
||||
title: "Smart Clipping", description: "AI automatically selects the most engaging segments from your long-form videos.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-worker-holds-phone-with-greenscreen_482257-76303.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=2",
|
||||
imageAlt: "smartphone app ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-worker-holds-phone-with-greenscreen_482257-76303.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Multi-Language Captions",
|
||||
description: "Generate accurate, stylish subtitles in English, Hindi, and Telugu.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/german-stock-exchange-frankfurt-germany_1268-20930.jpg",
|
||||
},
|
||||
title: "Multi-Language Captions", description: "Generate accurate, stylish subtitles in English, Hindi, and Telugu.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/german-stock-exchange-frankfurt-germany_1268-20930.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-note-pens_23-2147830012.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
imageAlt: "smartphone app ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-note-pens_23-2147830012.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Audio Enhancement",
|
||||
description: "Clear voice audio with background noise removal for professional sound.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-laptop_23-2151953449.jpg",
|
||||
},
|
||||
title: "Audio Enhancement", description: "Clear voice audio with background noise removal for professional sound.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-production-laptop_23-2151953449.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-editing-tools-pc-cut-movie-project-footage_482257-122559.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-makes-selfie-poses-making-photo-dressed-sportswear-listens-music-via-stereo-headphones-stands-outside_273609-55468.jpg?_wi=1",
|
||||
imageAlt: "smartphone app ui design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-editing-tools-pc-cut-movie-project-footage_482257-122559.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -228,34 +155,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10x",
|
||||
title: "Faster Workflow",
|
||||
items: [
|
||||
"Save hours on editing",
|
||||
"Automated clipping",
|
||||
"Instant export",
|
||||
],
|
||||
id: "m1", value: "10x", title: "Faster Workflow", items: [
|
||||
"Save hours on editing", "Automated clipping", "Instant export"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
title: "Engagement Boost",
|
||||
items: [
|
||||
"Viral hooks added",
|
||||
"Optimized pacing",
|
||||
"Impactful subtitles",
|
||||
],
|
||||
id: "m2", value: "200%", title: "Engagement Boost", items: [
|
||||
"Viral hooks added", "Optimized pacing", "Impactful subtitles"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
title: "Manual Effort",
|
||||
items: [
|
||||
"Fully automated pipeline",
|
||||
"Seamless background processing",
|
||||
"Zero editing skills",
|
||||
],
|
||||
id: "m3", value: "0", title: "Manual Effort", items: [
|
||||
"Fully automated pipeline", "Seamless background processing", "Zero editing skills"],
|
||||
},
|
||||
]}
|
||||
title="Achieve Greater Reach"
|
||||
@@ -268,30 +177,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-makes-selfie-poses-making-photo-dressed-sportswear-listens-music-via-stereo-headphones-stands-outside_273609-55468.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-makes-selfie-poses-making-photo-dressed-sportswear-listens-music-via-stereo-headphones-stands-outside_273609-55468.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-glass_1157-674.jpg",
|
||||
},
|
||||
id: "t3", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-glass_1157-674.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Leo K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
id: "t4", name: "Leo K.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Zoe M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "t5", name: "Zoe M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
]}
|
||||
cardTitle="Success Stories"
|
||||
cardAnimation="slide-up"
|
||||
@@ -305,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there a watermark?",
|
||||
content: "No, our output contains absolutely zero watermarks.",
|
||||
},
|
||||
id: "f1", title: "Is there a watermark?", content: "No, our output contains absolutely zero watermarks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I use this for free?",
|
||||
content: "Yes, our core AI processing engine is free to use.",
|
||||
},
|
||||
id: "f2", title: "Can I use this for free?", content: "Yes, our core AI processing engine is free to use."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Which languages are supported?",
|
||||
content: "We currently support English, Hindi, and Telugu.",
|
||||
},
|
||||
id: "f3", title: "Which languages are supported?", content: "We currently support English, Hindi, and Telugu."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common answers to keep you going."
|
||||
@@ -330,16 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to go viral?"
|
||||
description="Join thousands of creators who trust VidAI to repurpose their content."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Clipping Now",
|
||||
href: "#hero",
|
||||
},
|
||||
text: "Start Clipping Now", href: "#hero"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,25 +232,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user