Update src/app/page.tsx

Merge version_2 into main
2026-05-23 12:31:14 +00:00 · 2026-05-23 12:25:24 +00:00 · 2026-05-23 12:25:21 +00:00 · 2026-05-23 12:23:00 +00:00
1 changed files with 60 additions and 286 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "products" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" }
      ]}
      brandName="VidAI"
    />
@@ -56,76 +44,27 @@ export default function LandingPage() {
      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."
      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: "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: "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: "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: "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={[
-        {
-          text: "Start Converting Free",
-          href: "#",
-        },
+        { text: "Start Converting Free", href: "#features" },
      ]}
+      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/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/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/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/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"
    />
@@ -137,21 +76,9 @@ export default function LandingPage() {
      title="Performance at a Glance"
      tag="Trusted by Pros"
      metrics={[
-        {
-          id: "m1",
-          value: "10M+",
-          description: "Videos Processed",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          description: "Format Compatibility",
-        },
-        {
-          id: "m3",
-          value: "15s",
-          description: "Average Batch Time",
-        },
+        { id: "m1", value: "10M+", description: "Videos Processed" },
+        { id: "m2", value: "99.9%", description: "Format Compatibility" },
+        { id: "m3", value: "15s", description: "Average Batch Time" },
      ]}
      metricsAnimation="slide-up"
    />
@@ -163,21 +90,9 @@ export default function LandingPage() {
      title="AI Power That Works for You"
      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: "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: "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." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg?_wi=2"
      mediaAnimation="slide-up"
@@ -192,42 +107,12 @@ export default function LandingPage() {
      gridVariant="asymmetric-60-wide-40-narrow"
      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: "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: "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",
-        },
+        { 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: "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"
      description="Choose the right tool for every specific social media requirement."
@@ -240,68 +125,17 @@ export default function LandingPage() {
      textboxLayout="default"
      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: "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: "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",
-        },
+        { 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: "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={[
-        {
-          value: "500K+",
-          label: "Exports Weekly",
-        },
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "24/7",
-          label: "Cloud Support",
-        },
+        { value: "500K+", label: "Exports Weekly" },
+        { value: "4.9/5", label: "Avg Rating" },
+        { 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."
@@ -313,26 +147,10 @@ export default function LandingPage() {
      textboxLayout="default"
      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: "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: "q4",
-          title: "Is my data secure?",
-          content: "We use end-to-end encryption for all uploaded video files, ensuring your content remains private.",
-        },
+        { 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: "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."
@@ -346,29 +164,12 @@ export default function LandingPage() {
      title="Ready to Transform Your Workflow?"
      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: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Company Name",
-        },
+        { 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" },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-        rows: 4,
-        required: true,
+        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 +179,23 @@ export default function LandingPage() {
      <FooterSimple
      columns={[
        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
+          title: "Product", items: [
+            { label: "Features", href: "#features" },
+            { label: "Pricing", href: "#products" },
+            { label: "FAQ", href: "#faq" },
          ],
        },
        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company", items: [
+            { label: "About Us", href: "#" },
+            { label: "Careers", href: "#" },
+            { label: "Contact", href: "#contact" },
          ],
        },
        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal", items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
          ],
        },
      ]}
@@ -432,4 +206,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	53c86897d7	Update src/app/page.tsx	2026-05-23 12:31:14 +00:00
bender	70389e7c37	Merge version_2 into main Merge version_2 into main	2026-05-23 12:25:24 +00:00
bender	c064e53d42	Update src/app/page.tsx	2026-05-23 12:25:21 +00:00
bender	7ee593a7ae	Merge version_1 into main Merge version_1 into main	2026-05-23 12:23:00 +00:00