Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 53c86897d7 | |||
| 70389e7c37 |
175
src/app/page.tsx
175
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Features", id: "features" },
|
||||||
name: "Features", id: "features"},
|
{ name: "Pricing", id: "products" },
|
||||||
{
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
name: "Pricing", id: "pricing"},
|
{ name: "FAQ", id: "faq" }
|
||||||
{
|
|
||||||
name: "Testimonials", id: "testimonials"},
|
|
||||||
{
|
|
||||||
name: "FAQ", id: "faq"},
|
|
||||||
]}
|
]}
|
||||||
brandName="VidAI"
|
brandName="VidAI"
|
||||||
/>
|
/>
|
||||||
@@ -48,25 +44,14 @@ export default function LandingPage() {
|
|||||||
title="Convert 4K Videos Between Formats Instantly"
|
title="Convert 4K Videos Between Formats Instantly"
|
||||||
description="Transform your videos from 16:9 to 9:16 or vice versa with AI-powered scaling. Perfect for YouTube, TikTok, Instagram, and more—no manual cropping needed."
|
description="Transform your videos from 16:9 to 9:16 or vice versa with AI-powered scaling. Perfect for YouTube, TikTok, Instagram, and more—no manual cropping needed."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Sarah Chen", handle: "@sarahfilms", testimonial: "This tool saved me hours on editing my Reels collection. Pure magic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=1", imageAlt: "video converter ui dark mode" },
|
||||||
name: "Sarah Chen", handle: "@sarahfilms", testimonial: "This tool saved me hours on editing my Reels collection. Pure magic.", rating: 5,
|
{ name: "Mark Roberts", handle: "@mark_prod", testimonial: "Batch processing is a total game-changer for our agency's output.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-still-life_23-2149417036.jpg", imageAlt: "video converter ui dark mode" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=1", imageAlt: "video converter ui dark mode"},
|
{ name: "Elena Martinez", handle: "@elena_edits", testimonial: "Scaling 4K content without quality loss is finally possible. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg?_wi=1", imageAlt: "video converter ui dark mode" },
|
||||||
{
|
{ name: "David Kim", handle: "@dk_media", testimonial: "Super efficient workflow. The AI scaling logic is top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/realistic-vector-icon-illustration-green-progress-bar-element-games-soptware-updates-l_134830-2213.jpg", imageAlt: "video converter ui dark mode" },
|
||||||
name: "Mark Roberts", handle: "@mark_prod", testimonial: "Batch processing is a total game-changer for our agency's output.", rating: 5,
|
{ name: "Jordan P.", handle: "@jordy_shorts", testimonial: "Perfect integration for my YouTube to TikTok repurposing workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-right-side-with-white-background_187299-39888.jpg?_wi=1", imageAlt: "video converter ui dark mode" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-still-life_23-2149417036.jpg", imageAlt: "video converter ui dark mode"},
|
|
||||||
{
|
|
||||||
name: "Elena Martinez", handle: "@elena_edits", testimonial: "Scaling 4K content without quality loss is finally possible. Highly recommend.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg?_wi=1", imageAlt: "video converter ui dark mode"},
|
|
||||||
{
|
|
||||||
name: "David Kim", handle: "@dk_media", testimonial: "Super efficient workflow. The AI scaling logic is top-tier.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-vector-icon-illustration-green-progress-bar-element-games-soptware-updates-l_134830-2213.jpg", imageAlt: "video converter ui dark mode"},
|
|
||||||
{
|
|
||||||
name: "Jordan P.", handle: "@jordy_shorts", testimonial: "Perfect integration for my YouTube to TikTok repurposing workflow.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-right-side-with-white-background_187299-39888.jpg?_wi=1", imageAlt: "video converter ui dark mode"},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Start Converting Free", href: "#features" },
|
||||||
text: "Start Converting Free", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||||
videoAriaLabel="AI Video Format Converter Preview"
|
videoAriaLabel="AI Video Format Converter Preview"
|
||||||
@@ -75,16 +60,11 @@ export default function LandingPage() {
|
|||||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=2"
|
||||||
imageAlt="AI Video Format Converter Interface"
|
imageAlt="AI Video Format Converter Interface"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg", alt: "Creative professional portrait" },
|
||||||
src: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg", alt: "Creative professional portrait"},
|
{ src: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg", alt: "Tech lead professional" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/smiley-man-holding-camera_23-2148503570.jpg", alt: "Media producer portrait" },
|
||||||
src: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg", alt: "Tech lead professional"},
|
{ src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058857.jpg", alt: "Video editor studio" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/portrait-friendly-waitress-work_329181-2068.jpg", alt: "Small business owner" },
|
||||||
src: "http://img.b2bpic.net/free-photo/smiley-man-holding-camera_23-2148503570.jpg", alt: "Media producer portrait"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058857.jpg", alt: "Video editor studio"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-friendly-waitress-work_329181-2068.jpg", alt: "Small business owner"},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 10,000+ creators"
|
avatarText="Trusted by 10,000+ creators"
|
||||||
/>
|
/>
|
||||||
@@ -96,12 +76,9 @@ export default function LandingPage() {
|
|||||||
title="Performance at a Glance"
|
title="Performance at a Glance"
|
||||||
tag="Trusted by Pros"
|
tag="Trusted by Pros"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "10M+", description: "Videos Processed" },
|
||||||
id: "m1", value: "10M+", description: "Videos Processed"},
|
{ id: "m2", value: "99.9%", description: "Format Compatibility" },
|
||||||
{
|
{ id: "m3", value: "15s", description: "Average Batch Time" },
|
||||||
id: "m2", value: "99.9%", description: "Format Compatibility"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "15s", description: "Average Batch Time"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -113,12 +90,9 @@ export default function LandingPage() {
|
|||||||
title="AI Power That Works for You"
|
title="AI Power That Works for You"
|
||||||
description="Unlock advanced video reformatting with tools designed for speed, quality, and effortless scaling."
|
description="Unlock advanced video reformatting with tools designed for speed, quality, and effortless scaling."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{ id: "f1", title: "AI Intelligent Scaling", content: "Our proprietary AI detects action in your frames, ensuring subjects remain centered during format shifts without manual effort." },
|
||||||
id: "f1", title: "AI Intelligent Scaling", content: "Our proprietary AI detects action in your frames, ensuring subjects remain centered during format shifts without manual effort."},
|
{ id: "f2", title: "Batch Processing", content: "Process hundreds of videos in minutes. Simply upload your folder and choose your target destination platform." },
|
||||||
{
|
{ id: "f3", title: "Quality Preservation", content: "Maintains 4K resolution and high bitrates even when zooming or shifting aspect ratios." },
|
||||||
id: "f2", title: "Batch Processing", content: "Process hundreds of videos in minutes. Simply upload your folder and choose your target destination platform."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Quality Preservation", content: "Maintains 4K resolution and high bitrates even when zooming or shifting aspect ratios."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg?_wi=2"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -133,18 +107,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="asymmetric-60-wide-40-narrow"
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Landscape Converter", price: "$10/mo", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-right-side-with-white-background_187299-39888.jpg?_wi=2" },
|
||||||
id: "p1", name: "Landscape Converter", price: "$10/mo", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-right-side-with-white-background_187299-39888.jpg?_wi=2"},
|
{ id: "p2", name: "Portrait Optimizer", price: "$12/mo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg" },
|
||||||
{
|
{ id: "p3", name: "Pro Batch Sync", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/software-site-application-symbol-digital-multimedia_1421-360.jpg" },
|
||||||
id: "p2", name: "Portrait Optimizer", price: "$12/mo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pc-monitors-desk-used-monitoring-data-center-devices-energy_482257-118092.jpg"},
|
{ id: "p4", name: "Social Media Export", price: "$15/mo", imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-design_460848-9853.jpg" },
|
||||||
{
|
{ id: "p5", name: "Cloud Storage Sync", price: "$8/mo", imageSrc: "http://img.b2bpic.net/free-photo/media_53876-120108.jpg" },
|
||||||
id: "p3", name: "Pro Batch Sync", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/software-site-application-symbol-digital-multimedia_1421-360.jpg"},
|
{ id: "p6", name: "AI Auto-Crop", price: "$20/mo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg" },
|
||||||
{
|
|
||||||
id: "p4", name: "Social Media Export", price: "$15/mo", imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-design_460848-9853.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", name: "Cloud Storage Sync", price: "$8/mo", imageSrc: "http://img.b2bpic.net/free-photo/media_53876-120108.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", name: "AI Auto-Crop", price: "$20/mo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Explore Our Processing Modules"
|
title="Explore Our Processing Modules"
|
||||||
description="Choose the right tool for every specific social media requirement."
|
description="Choose the right tool for every specific social media requirement."
|
||||||
@@ -157,32 +125,17 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Chen", role: "CEO", company: "CreativeOps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg" },
|
||||||
id: "t1", name: "Sarah Chen", role: "CEO", company: "CreativeOps", rating: 5,
|
{ id: "t2", name: "Mark Roberts", role: "Tech Lead", company: "MediaLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg"},
|
{ id: "t3", name: "Elena Martinez", role: "Producer", company: "StudioOne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-camera_23-2148503570.jpg" },
|
||||||
{
|
{ id: "t4", name: "David Kim", role: "Editor", company: "FilmFast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058857.jpg" },
|
||||||
id: "t2", name: "Mark Roberts", role: "Tech Lead", company: "MediaLab", rating: 5,
|
{ id: "t5", name: "Jordan P.", role: "Owner", company: "JordanShorts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-friendly-waitress-work_329181-2068.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg"},
|
{ id: "t6", name: "Alex Smith", role: "Director", company: "VisualMedia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-influencer-while-recording-his-vlog-living-room-famous-creative-man_482257-24868.jpg" },
|
||||||
{
|
|
||||||
id: "t3", name: "Elena Martinez", role: "Producer", company: "StudioOne", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-camera_23-2148503570.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "David Kim", role: "Editor", company: "FilmFast", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058857.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Jordan P.", role: "Owner", company: "JordanShorts", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-friendly-waitress-work_329181-2068.jpg"},
|
|
||||||
{
|
|
||||||
id: "t6", name: "Alex Smith", role: "Director", company: "VisualMedia", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-influencer-while-recording-his-vlog-living-room-famous-creative-man_482257-24868.jpg"},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "500K+", label: "Exports Weekly" },
|
||||||
value: "500K+", label: "Exports Weekly"},
|
{ value: "4.9/5", label: "Avg Rating" },
|
||||||
{
|
{ value: "24/7", label: "Cloud Support" },
|
||||||
value: "4.9/5", label: "Avg Rating"},
|
|
||||||
{
|
|
||||||
value: "24/7", label: "Cloud Support"},
|
|
||||||
]}
|
]}
|
||||||
title="Loved by Creators Globally"
|
title="Loved by Creators Globally"
|
||||||
description="See why content production teams trust VidAI to manage their multi-platform video presence."
|
description="See why content production teams trust VidAI to manage their multi-platform video presence."
|
||||||
@@ -194,14 +147,10 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Does this work on 4K files?", content: "Yes, we handle full 4K resolution files without compromising on output quality." },
|
||||||
id: "q1", title: "Does this work on 4K files?", content: "Yes, we handle full 4K resolution files without compromising on output quality."},
|
{ id: "q2", title: "Can I process batch uploads?", content: "Yes, our platform supports batch uploads via cloud sync or drag-and-drop." },
|
||||||
{
|
{ id: "q3", title: "Do I need technical skills?", content: "No, our intuitive UI is designed for non-technical users to process videos effortlessly." },
|
||||||
id: "q2", title: "Can I process batch uploads?", content: "Yes, our platform supports batch uploads via cloud sync or drag-and-drop."},
|
{ id: "q4", title: "Is my data secure?", content: "We use end-to-end encryption for all uploaded video files, ensuring your content remains private." },
|
||||||
{
|
|
||||||
id: "q3", title: "Do I need technical skills?", content: "No, our intuitive UI is designed for non-technical users to process videos effortlessly."},
|
|
||||||
{
|
|
||||||
id: "q4", title: "Is my data secure?", content: "We use end-to-end encryption for all uploaded video files, ensuring your content remains private."},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Find quick answers about our AI technology and processing workflows."
|
description="Find quick answers about our AI technology and processing workflows."
|
||||||
@@ -215,18 +164,12 @@ export default function LandingPage() {
|
|||||||
title="Ready to Transform Your Workflow?"
|
title="Ready to Transform Your Workflow?"
|
||||||
description="Get started with our AI tools today. Contact us for custom enterprise solutions."
|
description="Get started with our AI tools today. Contact us for custom enterprise solutions."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||||
},
|
{ name: "company", type: "text", placeholder: "Company Name" },
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "company", type: "text", placeholder: "Company Name"},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
name: "message", placeholder: "Tell us about your project...", rows: 4, required: true
|
||||||
required: true,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -236,31 +179,23 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Product", items: [
|
title: "Product", items: [
|
||||||
{
|
{ label: "Features", href: "#features" },
|
||||||
label: "Features", href: "#features"},
|
{ label: "Pricing", href: "#products" },
|
||||||
{
|
{ label: "FAQ", href: "#faq" },
|
||||||
label: "Pricing", href: "#pricing"},
|
|
||||||
{
|
|
||||||
label: "FAQ", href: "#faq"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{
|
{ label: "About Us", href: "#" },
|
||||||
label: "About Us", href: "#"},
|
{ label: "Careers", href: "#" },
|
||||||
{
|
{ label: "Contact", href: "#contact" },
|
||||||
label: "Careers", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal", items: [
|
title: "Legal", 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