Merge version_2 into main #2
303
src/app/page.tsx
303
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="VidAI"
|
||||
/>
|
||||
@@ -57,75 +49,42 @@ export default function LandingPage() {
|
||||
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={[
|
||||
{
|
||||
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,
|
||||
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: "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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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: "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: "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",
|
||||
},
|
||||
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={[
|
||||
{
|
||||
text: "Start Converting Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Converting Free", href: "#"},
|
||||
]}
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
videoAriaLabel="AI Video Format Converter Preview"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg?_wi=2"
|
||||
imageAlt="AI Video Format Converter Interface"
|
||||
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/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/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/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/portrait-friendly-waitress-work_329181-2068.jpg", alt: "Small business owner"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ creators"
|
||||
/>
|
||||
@@ -138,20 +97,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by Pros"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Videos Processed",
|
||||
},
|
||||
id: "m1", value: "10M+", description: "Videos Processed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Format Compatibility",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Format Compatibility"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15s",
|
||||
description: "Average Batch Time",
|
||||
},
|
||||
id: "m3", value: "15s", description: "Average Batch Time"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -164,20 +114,11 @@ export default function LandingPage() {
|
||||
description="Unlock advanced video reformatting with tools designed for speed, quality, and effortless scaling."
|
||||
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: "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: "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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -193,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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"
|
||||
description="Choose the right tool for every specific social media requirement."
|
||||
@@ -241,67 +158,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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={[
|
||||
{
|
||||
value: "500K+",
|
||||
label: "Exports Weekly",
|
||||
},
|
||||
value: "500K+", label: "Exports Weekly"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Cloud Support",
|
||||
},
|
||||
value: "24/7", label: "Cloud Support"},
|
||||
]}
|
||||
title="Loved by Creators Globally"
|
||||
description="See why content production teams trust VidAI to manage their multi-platform video presence."
|
||||
@@ -314,25 +195,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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.",
|
||||
},
|
||||
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"
|
||||
description="Find quick answers about our AI technology and processing workflows."
|
||||
@@ -347,27 +216,16 @@ export default function LandingPage() {
|
||||
description="Get started with our AI tools today. Contact us for custom enterprise solutions."
|
||||
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: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
},
|
||||
name: "company", type: "text", placeholder: "Company Name"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
@@ -378,50 +236,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -432,4 +271,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user