bender/4feb0d7b-57b6-4b50-9962-8fc5e68e64f1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
ac7ec501c5 Update src/app/page.tsx 2026-05-09 10:50:40 +00:00
bender
0e6adb8ca2 Merge version_2 into main 
Merge version_2 into main
 2026-05-09 10:48:51 +00:00
bender
eeb45fcff6 Update src/app/page.tsx 2026-05-09 10:48:48 +00:00
bender
68d7a1df2a Merge version_1 into main 
Merge version_1 into main
 2026-05-09 10:46:58 +00:00
bender
13918ef092 Merge version_1 into main 
Merge version_1 into main
 2026-05-09 10:46:30 +00:00
1 changed files with 48 additions and 123 deletions
Expand all files Collapse all files

171
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
export default function LandingPage() {
@@ -28,16 +28,12 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleApple
navItems={[
{
name: "Features", id: "features"},
{
name: "Benefits", id: "metrics"},
{
name: "Testimonials", id: "testimonials"},
{
name: "FAQ", id: "faq"},
{ name: "Features", id: "features" },
{ name: "Benefits", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="VidAI Repurpose"
/>
@@ -50,57 +46,36 @@ export default function LandingPage() {
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", 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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: "AI SUBTITLES"},
{
type: "text", text: "MULTI-LANGUAGE"},
{
type: "text", text: "NO WATERMARKS"},
{
type: "text", text: "HIGH DEFINITION"},
{ type: "text", text: "INSTANT CLIPPING" },
{ type: "text", text: "AI SUBTITLES" },
{ type: "text", text: "MULTI-LANGUAGE" },
{ type: "text", text: "NO WATERMARKS" },
{ type: "text", text: "HIGH DEFINITION" },
]}
/>
</div>
@@ -109,10 +84,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
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: "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" },
]}
/>
</div>
@@ -123,24 +96,9 @@ export default function LandingPage() {
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"},
phoneTwo: {
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"},
phoneTwo: {
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"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-home-office-using-editing-tools-pc-cut-movie-project-footage_482257-122559.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" } },
{ 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" } },
{ 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" } },
]}
showStepNumbers={true}
title="Powerful Features"
@@ -154,18 +112,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
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: "m3", value: "0", title: "Manual Effort", items: [
"Fully automated pipeline", "Seamless background processing", "Zero editing skills"],
},
{ 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: "m3", value: "0", title: "Manual Effort", items: ["Fully automated pipeline", "Seamless background processing", "Zero editing skills"] },
]}
title="Achieve Greater Reach"
description="Unlock viral potential with our AI-powered editing tools."
@@ -176,16 +125,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
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"},
{
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: "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: "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: "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: "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"
@@ -198,12 +142,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
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: "f3", title: "Which languages are supported?", content: "We currently support English, Hindi, and Telugu."},
{ 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: "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."
@@ -214,14 +155,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ 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", onClick: () => console.log("Navigating to app...") },
]}
/>
</div>
@@ -229,22 +168,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Features", href: "#features"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ items: [{ label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="VidAI Repurpose"
/>
@@ -252,4 +177,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}