PageSourceSearch

https://vid.ai/

html vid.ai collected 2026-10-04 06:53:42 UTC 324,607 bytes, 58 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><link rel="icon" href="/favicon-blue.ico" class="jsx-4074163344"/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="title" content="Vid.AI | AI-Powered Video Generation for Short &amp; Long-Form Content"/><meta name="description" content="Turn any idea into a ready-to-post AI video. Vid.AI writes, voices and edits faceless YouTube videos, Shorts, TikToks and Reels, with animated AI avatars."/><meta name="keywords" content="AI Video Generator, Faceless Videos, Long-form Videos, YouTube Videos, AI Shorts, Shorts Generator, Video to Shorts, TikTok Shorts, Instagram Reels, YouTube Automation, Faceless YouTube Channel, AI Voice Over, Video Creation, Content Creator Tools"/><meta name="author" content="VidAI LLC"/><title>Vid.AI | AI-Powered Video Generation for Short &amp; Long-Form Content</title><link rel="canonical" href="https://vid.ai/"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Vid.AI"/><meta property="og:url" content="https://vid.ai/"/><meta property="og:title" content="Vid.AI | AI-Powered Video Generation for Short &amp; Long-Form Content"/><meta property="og:description" content="Turn any idea into a ready-to-post AI video. Vid.AI writes, voices and edits faceless YouTube videos, Shorts, TikToks and Reels, with animated AI avatars."/><meta property="og:image" content="https://vid.ai/og/home.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Vid.AI: turn any idea into a ready-to-post AI video"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@VidAIOfficial"/><meta name="twitter:title" content="Vid.AI | AI-Powered Video Generation for Short &amp; Long-Form Content"/><meta name="twitter:description" content="Turn any idea into a ready-to-post AI video. Vid.AI writes, voices and edits faceless YouTube videos, Shorts, TikToks and Reels, with animated AI avatars."/><meta name="twitter:image" content="https://vid.ai/og/home.jpg"/><meta name="twitter:image:alt" content="Vid.AI: turn any idea into a ready-to-post AI video"/><link rel="icon" type="image/x-icon" href="/favicon-blue.ico"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=3840&amp;q=75 3840w" imageSizes="(min-width: 1280px) 500px, (min-width: 1024px) 38vw, 82vw" fetchpriority="high"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=3840&amp;q=75 3840w" imageSizes="(min-width: 1280px) 300px, (min-width: 1024px) 23vw, 50vw" fetchpriority="high"/><meta name="next-head-count" content="27"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"/><link rel="manifest" href="/site.webmanifest"/><meta name="theme-color" content="#000000"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/e39bcc4e39b98ac9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e39bcc4e39b98ac9.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
1<script src="/_next/static/chunks/webpack-c154913132d364b0.js" defer=""></script>
1<script src="/_next/static/chunks/framework-6f773ab18b666892.js" defer=""></script>
1<script src="/_next/static/chunks/main-115f16eedb49808b.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-04bd59c05f207211.js" defer=""></script>
1<script src="/_next/static/chunks/5089-e4f0b86dc9bd77dc.js" defer=""></script>
1<script src="/_next/static/chunks/9702-4c6a0d0049fcb6c6.js" defer=""></script>
1<script src="/_next/static/chunks/1691-77b18cb6b4e10195.js" defer=""></script>
1<script src="/_next/static/chunks/3-b8301f9da26ce2c4.js" defer=""></script>
1<script src="/_next/static/chunks/4989-811ff4d31517a83d.js" defer=""></script>
1<script src="/_next/static/chunks/4218-994a34deaf5fd480.js" defer=""></script>
1<script src="/_next/static/chunks/5909-1d4e621dd715c757.js" defer=""></script>
1<script src="/_next/static/chunks/8333-1f4be3fc654bfa2e.js" defer=""></script>
1<script src="/_next/static/chunks/1729-b7f27edc3419f499.js" defer=""></script>
1<script src="/_next/static/chunks/5851-d6aeb9d748bd6954.js" defer=""></script>
1<script src="/_next/static/chunks/984-0e11cfe975597332.js" defer=""></script>
1<script src="/_next/static/chunks/pages/index-1c52b761e4892660.js" defer=""></script>
1<script src="/_next/static/cDDhvtz0kON2nXz-XpiDb/_buildManifest.js" defer=""></script>
1<script src="/_next/static/cDDhvtz0kON2nXz-XpiDb/_ssgManifest.js" defer=""></script>
1<style id="__jsx-4074163344">:root{--font-plus-jakarta-sans:'__Plus_Jakarta_Sans_646807', '__Plus_Jakarta_Sans_Fallback_646807'}html,body{font-family:var(--font-plus-jakarta-sans)}</style><style id="__jsx-a02d8a907e57b9e">.avatar-word{-webkit-animation:avatar-word 2.5s linear infinite;-moz-animation:avatar-word 2.5s linear infinite;-o-animation:avatar-word 2.5s linear infinite;animation:avatar-word 2.5s linear infinite}.avatar-wave{-webkit-animation:avatar-wave.9s ease-in-out infinite;-moz-animation:avatar-wave.9s ease-in-out infinite;-o-animation:avatar-wave.9s ease-in-out infinite;animation:avatar-wave.9s ease-in-out infinite}@-webkit-keyframes avatar-word{0%,17%{color:#facc15}20%,100%{color:#fff}}@-moz-keyframes avatar-word{0%,17%{color:#facc15}20%,100%{color:#fff}}@-o-keyframes avatar-word{0%,17%{color:#facc15}20%,100%{color:#fff}}@keyframes avatar-word{0%,17%{color:#facc15}20%,100%{color:#fff}}@-webkit-keyframes avatar-wave{0%,100%{-webkit-transform:scaley(.35);transform:scaley(.35)}50%{-webkit-transform:scaley(1);transform:scaley(1)}}@-moz-keyframes avatar-wave{0%,100%{-moz-transform:scaley(.35);transform:scaley(.35)}50%{-moz-transform:scaley(1);transform:scaley(1)}}@-o-keyframes avatar-wave{0%,100%{-o-transform:scaley(.35);transform:scaley(.35)}50%{-o-transform:scaley(1);transform:scaley(1)}}@keyframes avatar-wave{0%,100%{-webkit-transform:scaley(.35);-moz-transform:scaley(.35);-o-transform:scaley(.35);transform:scaley(.35)}50%{-webkit-transform:scaley(1);-moz-transform:scaley(1);-o-transform:scaley(1);transform:scaley(1)}}@-webkit-keyframes avatar-reveal{from{opacity:0;-webkit-transform:translatey(28px);transform:translatey(28px)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes avatar-reveal{from{opacity:0;-moz-transform:translatey(28px);transform:translatey(28px)}to{opacity:1;-moz-transform:none;transform:none}}@-o-keyframes avatar-reveal{from{opacity:0;-o-transform:translatey(28px);transform:translatey(28px)}to{opacity:1;-o-transform:none;transform:none}}@keyframes avatar-reveal{from{opacity:0;-webkit-transform:translatey(28px);-moz-transform:translatey(28px);-o-transform:translatey(28px);transform:translatey(28px)}to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.avatar-reveal{-webkit-animation:avatar-reveal linear both;-moz-animation:avatar-reveal linear both;-o-animation:avatar-reveal linear both;animation:avatar-reveal linear both;animation-timeline:view();animation-range:entry 0%cover 22%}}}@media(prefers-reduced-motion:reduce){.avatar-word,.avatar-wave{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.avatar-word--still{color:#facc15}}</style><style id="__jsx-a547c3e259b7a695">@media(prefers-reduced-motion:no-preference){.home-spin{-webkit-animation:home-spin 7s linear infinite;-moz-animation:home-spin 7s linear infinite;-o-animation:home-spin 7s linear infinite;animation:home-spin 7s linear infinite}.home-float{-webkit-animation:home-float 6s ease-in-out infinite;-moz-animation:home-float 6s ease-in-out infinite;-o-animation:home-float 6s ease-in-out infinite;animation:home-float 6s ease-in-out infinite}.home-swap{-webkit-animation:home-swap.45s ease-out both;-moz-animation:home-swap.45s ease-out both;-o-animation:home-swap.45s ease-out both;animation:home-swap.45s ease-out both}.home-tab-progress{-webkit-animation:home-tab-progress var(--home-tab-duration,4.5s)linear both;-moz-animation:home-tab-progress var(--home-tab-duration,4.5s)linear both;-o-animation:home-tab-progress var(--home-tab-duration,4.5s)linear both;animation:home-tab-progress var(--home-tab-duration,4.5s)linear both}.home-marquee-track{-webkit-animation:home-marquee var(--home-marquee-duration,60s)linear infinite;-moz-animation:home-marquee var(--home-marquee-duration,60s)linear infinite;-o-animation:home-marquee var(--home-marquee-duration,60s)linear infinite;animation:home-marquee var(--home-marquee-duration,60s)linear infinite}.home-marquee-track[data-reverse]{animation-direction:reverse}.home-marquee:hover .home-marquee-track,.home-marquee:focus-within .home-marquee-track,.home-marquee:has([aria-pressed="true"]) .home-marquee-track,.home-marquee[data-offscreen] .home-marquee-track{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;
1-o-animation-play-state:paused;animation-play-state:paused}.home-chat-1{-webkit-animation:home-chat-1 14s ease-out infinite;-moz-animation:home-chat-1 14s ease-out infinite;-o-animation:home-chat-1 14s ease-out infinite;animation:home-chat-1 14s ease-out infinite}.home-chat-2{-webkit-animation:home-chat-2 14s ease-out infinite;-moz-animation:home-chat-2 14s ease-out infinite;-o-animation:home-chat-2 14s ease-out infinite;animation:home-chat-2 14s ease-out infinite}.home-chat-3{-webkit-animation:home-chat-3 14s ease-out infinite;-moz-animation:home-chat-3 14s ease-out infinite;-o-animation:home-chat-3 14s ease-out infinite;animation:home-chat-3 14s ease-out infinite}.home-chat-4{-webkit-animation:home-chat-4 14s ease-out infinite;-moz-animation:home-chat-4 14s ease-out infinite;-o-animation:home-chat-4 14s ease-out infinite;animation:home-chat-4 14s ease-out infinite}.home-chat-5{-webkit-animation:home-chat-5 14s ease-out infinite;-moz-animation:home-chat-5 14s ease-out infinite;-o-animation:home-chat-5 14s ease-out infinite;animation:home-chat-5 14s ease-out infinite}.home-chat[data-offscreen] [class*="home-chat-"]{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.home-chat:focus-within [class*="home-chat-"]{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}}@media(prefers-reduced-motion:reduce){.home-marquee[class]{overflow-x:auto}.home-marquee-copy{display:none}}@-webkit-keyframes home-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes home-spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes home-spin{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes home-spin{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes home-float{0%,100%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-8px);transform:translatey(-8px)}}@-moz-keyframes home-float{0%,100%{-moz-transform:translatey(0);transform:translatey(0)}50%{-moz-transform:translatey(-8px);transform:translatey(-8px)}}@-o-keyframes home-float{0%,100%{-o-transform:translatey(0);transform:translatey(0)}50%{-o-transform:translatey(-8px);transform:translatey(-8px)}}@keyframes home-float{0%,100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-8px);-moz-transform:translatey(-8px);-o-transform:translatey(-8px);transform:translatey(-8px)}}@-webkit-keyframes home-swap{from{opacity:0;-webkit-transform:scale(.985);transform:scale(.985)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes home-swap{from{opacity:0;-moz-transform:scale(.985);transform:scale(.985)}to{opacity:1;-moz-transform:none;transform:none}}@-o-keyframes home-swap{from{opacity:0;-o-transform:scale(.985);transform:scale(.985)}to{opacity:1;-o-transform:none;transform:none}}@keyframes home-swap{from{opacity:0;-webkit-transform:scale(.985);-moz-transform:scale(.985);-o-transform:scale(.985);transform:scale(.985)}to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes home-tab-progress{from{-webkit-transform:scalex(0);transform:scalex(0)}to{-webkit-transform:scalex(1);transform:scalex(1)}}@-moz-keyframes home-tab-progress{from{-moz-transform:scalex(0);transform:scalex(0)}to{-moz-transform:scalex(1);transform:scalex(1)}}@-o-keyframes home-tab-progress{from{-o-transform:scalex(0);transform:scalex(0)}to{-o-transform:scalex(1);transform:scalex(1)}}@keyframes home-tab-progress{from{-webkit-transform:scalex(0);-moz-transform:scalex(0);-o-transform:scalex(0);transform:scalex(0)}to{-webkit-transform:scalex(1);-moz-transform:scalex(1);-o-transform:scalex(1);transform:scalex(1)}}@-webkit-keyframes home-marquee{to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes home-marquee{to{-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-o-keyframes home-marquee{to{transform:translate3d(-50%,0,0)}}@keyframes home-marquee{to{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes home-chat-1{0%,2.86%{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}5.71%,92.86%{opacity:1;-webkit-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;transform:none}}@-moz-keyframes home-chat-1{0%,2.86%{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}5.71%,92.86%{opacity:1;-moz-transform:none;transform:none}97.14%,100%{opacity:0;-moz-transform:none;transform:none}}@-o-keyframes home-chat-1{0%,2.86%{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}5.71%,92.86%{opacity:1;-o-transform:none;transform:none}97.14%,100%{opacity:0;-o-transform:none;transform:none}}@keyframes home-chat-1{0%,2.86%{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}5.71%,92.86%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes home-chat-2{0%,12.86%{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}15.71%,92.86%{opacity:1;-webkit-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;transform:none}}@-moz-keyframes home-chat-2{0%,12.86%{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}15.71%,92.86%{opacity:1;-moz-transform:none;transform:none}97.14%,100%{opacity:0;-moz-transform:none;transform:none}}@-o-keyframes home-chat-2{0%,12.86%{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}15.71%,92.86%{opacity:1;-o-transform:none;transform:none}97.14%,100%{opacity:0;-o-transform:none;transform:none}}@keyframes home-chat-2{0%,12.86%{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}15.71%,92.86%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes home-chat-3{0%,18.57%{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}21.43%,92.86%{opacity:1;-webkit-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;transform:none}}@-moz-keyframes home-chat-3{0%,18.57%{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}21.43%,92.86%{opacity:1;-moz-transform:none;transform:none}97.14%,100%{opacity:0;-moz-transform:none;transform:none}}@-o-keyframes home-chat-3{0%,18.57%{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}21.43%,92.86%{opacity:1;-o-transform:none;transform:none}97.14%,100%{opacity:0;-o-transform:none;transform:none}}@keyframes home-chat-3{0%,18.57%{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}21.43%,92.86%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes home-chat-4{0%,35.71%{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}38.57%,92.86%{opacity:1;-webkit-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;transform:none}}@-moz-keyframes home-chat-4{0%,35.71%{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}38.57%,92.86%{opacity:1;-moz-transform:none;transform:none}97.14%,100%{opacity:0;-moz-transform:none;transform:none}}@-o-keyframes home-chat-4{0%,35.71%{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}38.57%,92.86%{opacity:1;-o-transform:none;transform:none}97.14%,100%{opacity:0;-o-transform:none;transform:none}}@keyframes home-chat-4{0%,35.71%{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}38.57%,92.86%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes home-chat-5{0%,47.14%{opacity:0;-webkit-transform:translatey(10px)scale(.97);transform:translatey(10px)scale(.97)}50%,92.86%{opacity:1;-webkit-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;transform:none}}@-moz-keyframes home-chat-5{0%,47.14%{opacity:0;-moz-transform:translatey(10px)scale(.97);transform:translatey(10px)scale(.97)}50%,92.86%{opacity:1;-moz-transform:none;transform:none}97.14%,100%{opacity:0;-moz-transform:none;transform:none}}@-o-keyframes home-chat-5{0%,47.14%{opacity:0;-o-transform:translatey(10px)scale(.97);transform:translatey(10px)scale(.97)}50%,92.86%{opacity:1;-o-transform:none;transform:none}97.14%,100%{opacity:0;-o-transform:none;transform:none}}@keyframes home-chat-5{0%,47.14%{opacity:0;-webkit-transform:translatey(10px)scale(.97);-moz-transform:translatey(10px)scale(.97);-o-transform:translatey(10px)scale(.97);transform:translatey(10px)scale(.97)}50%,92.86%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}97.14%,100%{opacity:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}</style></head><body><div id="__next"><noscript class="jsx-4074163344"><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=957477856421649&amp;ev=PageView&amp;noscript=1" class="jsx-4074163344"/></noscript>
1<script>!function(){var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme = 'dark';c.add('dark')}()</script>
1<div class="jsx-4074163344 app-typography __variable_646807 __className_646807"><div class="min-h-screen overflow-x-clip bg-black text-zinc-100">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://vid.ai/#organization","name":"Vid.AI","alternateName":["VidAI","Vid AI","vid.ai"],"legalName":"VidAI LLC","url":"https://vid.ai","logo":"https://vid.ai/logo-512.png","email":"[email protected]","sameAs":["https://x.com/vidaiofficial","https://instagram.com/vidaiofficial","https://www.youtube.com/@VidAIOfficial","https://www.linkedin.com/company/vidai-llc/"]},{"@type":"WebSite","@id":"https://vid.ai/#website","name":"Vid.AI","alternateName":["VidAI","Vid AI","vid.ai"],"url":"https://vid.ai","publisher":{"@id":"https://vid.ai/#organization"}},{"@type":"SoftwareApplication","@id":"https://vid.ai/#software","name":"Vid.AI","url":"https://vid.ai","applicationCategory":"MultimediaApplication","operatingSystem":"Web","description":"AI video generator for faceless YouTube videos, Shorts, TikToks and Reels, with AI voiceovers, captions and animated avatars.","publisher":{"@id":"https://vid.ai/#organization"},"offers":[{"@type":"Offer","name":"Starter monthly","price":39,"priceCurrency":"USD","url":"https://vid.ai/pricing"},{"@type":"Offer","name":"Starter yearly","price":369,"priceCurrency":"USD","url":"https://vid.ai/pricing"},{"@type":"Offer","name":"Plus monthly","price":99,"priceCurrency":"USD","url":"https://vid.ai/pricing"},{"@type":"Offer","name":"Plus yearly","price":947,"priceCurrency":"USD","url":"https://vid.ai/pricing"},{"@type":"Offer","name":"Pro monthly","price":199,"priceCurrency":"USD","url":"https://vid.ai/pricing"},{"@type":"Offer","name":"Pro yearly","price":1919,"priceCurrency":"USD","url":"https://vid.ai/pricing"}]}]}</script>
1<div class="relative isolate"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-[1000px] bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,rgba(37,99,235,0.3),transparent_70%)]"></div><div aria-hidden="true" class="pointer-events-none absolute right-0 top-0 -z-10 h-[560px] w-[560px] bg-[radial-gradient(circle_at_80%_10%,rgba(147,51,234,0.16),transparent_60%)]"></div><div class="relative z-20"><nav class="w-full py-4"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between relative"><div class="flex items-center"><a class="flex items-center" href="/"><img alt="VidAi Logo" loading="lazy" width="50" height="30" decoding="async" data-nimg="1" class="hover:opacity-90" style="color:transparent;width:50px;height:auto" src="/assets/logos/VIDAI_Blue_Transparent.svg"/></a></div><div class="hidden md:flex items-center space-x-8 absolute left-1/2 transform -translate-x-1/2"><a class="text-gray-300 hover:text-white text-sm font-medium cursor-pointer transition-colors" href="/">Home</a><a class="text-gray-300 hover:text-white text-sm font-medium cursor-pointer transition-colors" href="/pricing">Pricing</a><a class="hidden lg:block hover:text-white text-sm font-medium transition-colors text-gray-300" href="/avatar">Avatars</a><a class="hidden lg:block hover:text-white text-sm font-medium transition-colors text-gray-300" href="/mcp">MCP</a><a class="hidden lg:block hover:text-white text-sm font-medium transition-colors text-gray-300" href="/changelog">Changelog</a><a class="text-gray-300 hover:text-white text-sm font-medium cursor-pointer transition-colors" href="/affiliate">Affiliates</a></div><div class="hidden md:flex items-center space-x-4"><a class="text-gray-300 hover:text-white text-sm font-medium transition-colors" href="/auth/login">Login / Sign Up</a><button class="dark:bg-blue-100 dark:hover:bg-blue-200 dark:text-black bg-black hover:bg-gray-800 text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors">Get Started</button></div><div class="md:hidden"><button aria-label="Open menu" aria-expanded="false" class="-m-2.5 p-2.5 text-gray-300 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></nav></div><section aria-labelledby="home-hero-title" class="relative"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-[760px] opacity-50 [background-image:radial-gradient(rgba(148,163,184,0.14)_1px,transparent_1px)] [background-size:22px_22px] [mask-image:radial-gradient(ellipse_70%_60%_at_50%_30%,black_20%,transparent_75%)]"></div><div class="mx-auto grid max-w-7xl items-center gap-x-12 gap-y-12 px-4 pb-12 pt-8 sm:px-6 sm:pt-12 lg:grid-cols-[minmax(0,1.12fr)_minmax(0,0.88fr)] lg:px-8 lg:pb-16 lg:pt-14 xl:gap-x-14"><div class="text-center lg:col-start-1 lg:row-start-1 lg:text-left"><a href="#cinematic" class="group inline-flex items-center gap-2 rounded-full border border-blue-400/25 bg-blue-500/[0.08] py-1 pl-1 pr-3 text-xs font-medium text-blue-100 hover:border-blue-400/45 hover:bg-blue-500/[0.14] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><span class="rounded-full bg-blue-600 px-2 py-0.5 text-[11px] font-semibold text-white">Vid.AI 2.0</span>Seedance cinematic intros<span class="max-sm:hidden">+ motion graphics and moving images</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 transition-transform duration-150 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><h1 id="home-hero-title" class="font-semibold text-blue-100 !leading-[1.04] !tracking-[-0.035em] mt-6 [text-wrap:balance] text-[2.6rem] sm:text-6xl xl:text-[4.1rem]">Start generating monetizable AI videos<!-- --> <span class="bg-gradient-to-r from-blue-400 to-blue-200 bg-clip-text text-transparent">in minutes</span></h1><p class="mx-auto mt-5 max-w-xl text-pretty text-base leading-7 text-zinc-400 sm:text-lg sm:leading-8 lg:mx-0">Type an idea. Vid.AI writes the script, adds a human-sounding voiceover, visual
1s, music and captions, and hands you a ready-to-post video.</p><form action="/auth/login" method="get" class="group/prompt relative mx-auto mt-8 max-w-2xl lg:mx-0"><div aria-hidden="true" class="pointer-events-none absolute -inset-3 rounded-[34px] bg-blue-600/20 opacity-70 blur-2xl transition-opacity duration-300 group-focus-within/prompt:opacity-100"></div><div class="relative overflow-hidden rounded-[26px] p-px shadow-[0_24px_70px_-20px_rgba(37,99,235,0.55)] transition-shadow duration-150 has-[textarea:focus-visible]:ring-2 has-[textarea:focus-visible]:ring-blue-300/80"><div aria-hidden="true" class="absolute inset-0 bg-gradient-to-b from-blue-400/50 via-blue-500/20 to-white/10"></div><div aria-hidden="true" class="home-spin absolute left-1/2 top-1/2 -ml-[500px] -mt-[500px] h-[1000px] w-[1000px] bg-[conic-gradient(from_0deg,transparent_0deg,transparent_250deg,rgba(147,197,253,0.95)_300deg,transparent_340deg)] opacity-80"></div><div class="relative rounded-[25px] bg-[#070b17] transition-colors duration-150 group-focus-within/prompt:bg-[#080d1d]"><label for="home-prompt" class="sr-only">Describe the video you want to make</label><textarea id="home-prompt" rows="3" maxLength="500" placeholder="A documentary-style video on how the pyramids were really built" aria-describedby="home-prompt-hint home-prompt-trust" class="block h-[7.25rem] w-full resize-none bg-transparent px-5 pb-1 pt-5 text-base leading-7 text-zinc-50 caret-blue-300 placeholder:text-zinc-400 focus:outline-none sm:h-[6.5rem] sm:text-[17px]"></textarea><div class="flex flex-wrap items-center gap-3 px-3 pb-3 pt-2 sm:pl-4"><div role="group" aria-label="Video format" class="flex flex-wrap gap-1"><button type="button" aria-pressed="true" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-blue-400/50 bg-blue-500/15 text-blue-100 shadow-[0_0_18px_rgba(59,130,246,0.25)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="2.18" ry="2.18"></rect><line x1="7" x2="7" y1="2" y2="22"></line><line x1="17" x2="17" y1="2" y2="22"></line><line x1="2" x2="22" y1="12" y2="12"></line><line x1="2" x2="7" y1="7" y2="7"></line><line x1="2" x2="7" y1="17" y2="17"></line><line x1="17" x2="22" y1="17" y2="17"></line><line x1="17" x2="22" y1="7" y2="7"></line></svg>Faceless video</button><button type="button" aria-pressed="false" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.03] text-zinc-400 hover:border-white/25 hover:bg-white/[0.06] hover:text-zinc-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Short</button><button type="button" aria-pressed="false" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.03] text-zinc-400 hover:border-white/25 hover:bg-white/[0.06] hover:text-zinc-100"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-5 w-5 ring-1 ring-white/10"><img src="/avatar/cast/side-part.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span>With an avatar</button></div><div class="flex flex-1 items-center justify-between gap-3 sm:ml-auto sm:flex-none sm:justify-end"><span aria-hidden="true" class="pl-1 text-xs tabular-nums transition-colors duration-150 text-zinc-400">0<!-- -->/<!-- -->500</span><button type="submit" class="group/generate inline-flex h-11 min-w-[9.5rem] items-center justify-center gap-2 rounded-xl border border-blue-400/60 bg-gradient-to-r from-blue-600 to-blue-700 px-5 text-[15px] sm:gap-1.5 sm:px-4 font-semibold text-white shadow-[0_0_28px_rgba(59,130,246,0.45)] hover:-translate-y-
1px hover:to-blue-600 hover:shadow-[0_0_44px_rgba(59,130,246,0.65)] disabled:cursor-wait disabled:opacity-90 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover/generate:rotate-12 group-hover/generate:scale-110 motion-reduce:transform-none" aria-hidden="true"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>Generate<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover/generate:translate-x-0.5 motion-reduce:transform-none sm:hidden" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><kbd aria-hidden="true" class="ml-1 hidden h-5 min-w-[2.5rem] items-center justify-center rounded-md bg-white/15 px-1.5 font-sans text-[11px] font-medium leading-none text-blue-50 sm:inline-flex"></kbd></button></div></div></div></div><p id="home-prompt-hint" class="sr-only">Opens sign-in, then the Vid.AI editor.<!-- --> Up to<!-- --> <!-- -->500<!-- --> characters. Press Control or Command plus Enter to generate.</p><p id="home-prompt-trust" class="relative mt-3 text-center text-xs text-zinc-400 lg:text-left">Cancel anytime · 30-day refund on unused credits</p></form><ul aria-label="Included in Vid.AI" class="mx-auto mt-4 flex max-w-2xl flex-wrap justify-center gap-2 lg:mx-0 lg:justify-start"><li class="inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/[0.04] px-2.5 py-1 text-xs text-zinc-300"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>Seedance cinematic intros</li><li class="inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/[0.04] px-2.5 py-1 text-xs text-zinc-300"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>Motion graphics</li><li class="inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/[0.04] px-2.5 py-1 text-xs text-zinc-300"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>ElevenLabs v4 voices</li><li class="inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/[0.04] px-2.5 py-1 text-xs text-zinc-300"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>HD and moving images</li><li class="inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/[0.04] px-2.5 py-1 text-xs text-zinc-300"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>Animated avatars</li></ul><div class="flex flex-col items-center gap-2 sm:flex-row sm:flex-wrap sm:justify-center sm:gap-x-4 sm:gap-y-2 mt-6 lg:justify-start"><div class="flex items-center gap-3"><ul aria-label="Creators using Vid.AI" class="flex -space-x-2"><li tabindex="0" aria-label="Matt Par · 1 Billion+ Views" class="group relative rounded-full hover:z-10 focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><img alt="Matt Par" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 rounded-full border-2 object-cover border-zinc-900" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=64&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute bottom-full left-0 z-30 mb-2 whitespace-nowrap rounded-md bg-zinc-950 px-2 py-1 text-xs text-zinc-100 opacity-0 ring-1 ring-white/10 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100">Matt Par · 1 Billion+ Views</span></li><li tabindex="0" aria-label="AI Guy · 215K Subs" class="group relative rounded-full hover:z-10 focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><img alt="AI Guy" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 rounded-full border-2 object-cover border-zinc-900" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute bottom-full left-0 z-30 mb-2 whitespace-nowrap rounded-md bg-zinc-950 px-2 py-1 text-xs text-zinc-100 opacity-0 ring-1 ring-white/10 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100">AI Guy · 215K Subs</span></li><li tabindex="0" aria-label="Algrow · 528K Subs" class="group relative rounded-full hover:z-10 focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><img alt="Algrow" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 rounded-full border-2 object-cover border-zinc-900" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute bottom-full left-0 z-30 mb-2 whitespace-nowrap rounded-md bg-zinc-950 px-2 py-1 text-xs text-zinc-100 opacity-0 ring-1 ring-white/10 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100">Algrow · 528K Subs</span></li><li tabindex="0" aria-label="Jamie Nyland · 10M+ Subs" class="group relative rounded-full hover:z-10 focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><img alt="Jamie Nyland" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 rounded-full border-2 object-cover border-blue-400/50 ring-2 ring-blue-400/20" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><span aria-hidden="true" class="absolute -bottom-1 -right-1 grid h-3 w-3 place-items-center rounded-full bg-gradient-to-br from-blue-400 to-blue-600 text-[6px] leading-none">💎</span><span aria-hidden="true" class="pointer-events-none absolute bottom-full left-0 z-30 mb-2 whitespace-nowrap rounded-md bg-zinc-950 px-2 py-1 text-xs text-zinc-100 opacity-0 ring-1 ring-white/10 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100">Jamie Nyland · 10M+ Subs</span></li></ul><div class="inline-flex items-center gap-x-3 whitespace-nowrap rounded-full border-zinc-800/60 text-zinc-400 border-0 bg-transparent p-0 text-sm backdrop-blur-none"><span class="flex items-center gap-1.5"><span aria-hidden="true" class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-blue-400 text-blue-400"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-blue-400 text-blue-400"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-blue-400 text-blue-400"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-blue-400 text-blue-400"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="relative h-3.5 w-3.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="absolute h-3.5 w-3.5 fill-blue-400/30 text-blue-400/30"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="absolute inset-y-0 left-0 w-[60%] overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-blue-400 text-blue-400"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></span></span><span class="font-semibold text-blue-100">4.8</span><span class="sr-only">out of 5 stars</span></span><span aria-hidden="true" class="h-3 w-px bg-zinc-700"></span><span>Trusted by <span class="font-semibold text-blue-400">100K+</span> creators</span></div></div><span aria-hidden="true" class="hidden h-5 w-px bg-white/10 sm:block lg:hidden xl:block"></span><a href="https://www.youtube.com/watch?v=TWpg1RmzAbc&amp;t=787s" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 rounded-md text-sm text-zinc-400 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300">
1As seen on<img src="/svgs/hbo.svg" alt="HBO" width="76" height="30" class="h-[18px] w-auto brightness-0 invert transition duration-150 group-hover:drop-shadow-[0_0_10px_rgba(255,255,255,0.4)]"/><span class="inline-flex items-center gap-1 font-medium text-blue-300 transition-colors duration-150 group-hover:text-blue-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg><span class="underline-offset-4 group-hover:underline">Watch</span><span class="sr-only">(opens in a new tab)</span></span></a></div></div><div class="lg:col-start-2 lg:row-start-1"><div class="relative mx-auto aspect-[4/3] w-full max-w-[600px]"><div aria-hidden="true" class="pointer-events-none absolute inset-[6%] -z-10 rounded-[48px] bg-[radial-gradient(ellipse_at_55%_45%,rgba(59,130,246,0.4),transparent_70%)] blur-2xl"></div><div class="absolute left-0 top-[3%] w-[86%]"><div class="home-float" style="animation-delay:-1.2s"><div class="relative rounded-[22px] border border-blue-300/25 bg-white/[0.06] p-1.5 shadow-[0_20px_60px_-12px_rgba(0,0,0,0.75),0_0_50px_rgba(59,130,246,0.22)] backdrop-blur-md"><div class="relative aspect-video overflow-hidden rounded-[16px] bg-black"><img alt="" fetchpriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1280px) 500px, (min-width: 1024px) 38vw, 82vw" srcSet="/_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=3840&amp;q=75"/><video src="/home/hero-wide.mp4" autoplay="" muted="" loop="" playsinline="" aria-label="Long-form faceless video about black holes, made with Vid.AI" class="absolute inset-0 h-full w-full object-cover motion-reduce:hidden"></video><button type="button" aria-label="Pause: Long-form faceless video about black holes, made with Vid.AI" class="absolute grid h-8 w-8 place-items-center rounded-full bg-black/60 text-white backdrop-blur hover:scale-105 hover:bg-black/80 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 bottom-2.5 left-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 fill-current" aria-hidden="true"><rect width="4" height="16" x="6" y="4"></rect><rect width="4" height="16" x="14" y="4"></rect></svg></button></div><span class="absolute -top-3 right-4 z-10 inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border border-blue-400/30 bg-zinc-950 px-2.5 py-1 text-[11px] font-medium text-blue-100 shadow-[0_8px_24px_rgba(0,0,0,0.5)] sm:text-xs"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>Made with Vid.AI</span></div></div></div><div class="absolute -right-[2%] -top-[3%] z-20 w-[46%] -rotate-2"><div class="home-float" style="animation-delay:-2.4s"><div class="relative rounded-[22px] border border-blue-300/25 bg-white/[0.06] p-1.5 shadow-[0_20px_60px_-12px_rgba(0,0,0,0.75),0_0_50px_rgba(59,130,246,0.22)] backdrop-blur-md"><div class="relative aspect-video overflow-hidden rounded-[16px] bg-black"><div tabindex="0" aria-label="Cinematic intro clips made with Seedance" class="h-full w-full cursor-zoom-in focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"><video class="h-full w-full object-cover" src="/home/showcase/hero-seedance-720.mp4" poster="/home/showcase/hero-seedance.jpg" muted="" playsinline="" autoplay="" preload="metadata" aria-label="Cinematic AI shots made with Seedance 2.5"></video></div></div><span class="absolute -top-3 right-4 z-10 inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border border-blue-400/30 bg-zinc-950 px-2.5 py-1 text-[11px] font-medium text-blue-100 shadow-[0_8px_24px_rgba(0,0,0,0.5)] sm:text-xs"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>New · Seedance cinematic intro</span></div></div></div><div class="absolute bottom-[2%] right-[1%] z-10 w-[52%] rotate-2"><div class="home-float" style="animation-delay:-3.6s"><div class="relative rounded-[22px] border border-blue-300/25 bg-white/[0.06] p-1.5 shadow-[0_20px_60px_-12px_rgba(0,0,0,0.75),0_0_50px_rgba(59,130,246,0.22)] backdrop-blur-md"><div class="relative aspect-video overflow-hidden rounded-[16px]"><div role="img" aria-label="Illustration: an animated avatar presenting the intro of a faceless history video about Stonehenge, with captions" class="relative isolate h-full w-full overflow-hidden bg-black"><img alt="" fetchpriority="high" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1280px) 300px, (min-width: 1024px) 23vw, 50vw" srcSet="/_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=3840&amp;q=75"/><video aria-hidden="true" tabindex="-1" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"></video><div aria-hidden="true" class="absolute inset-0 bg-black/[0.18]"></div><div aria-hidden="true" class="absolute inset-0 bg-[radial-gradient(55%_85%_at_50%_100%,rgba(0,0,0,0.42),transparent_72%)]"></div><p class="absolute inset-x-0 flex flex-wrap justify-center gap-x-[0.3em] px-4 font-extrabold uppercase italic tracking-wide text-white [-webkit-text-stroke:0.6px_rgba(0,0,0,0.55)] [text-shadow:0_2px_8px_rgba(0,0,0,0.75)] bottom-[8%] text-[9px] sm:text-[10px] lg:text-[11px]"><span class="avatar-word" style="animation-delay:0s">Welcome</span><span class="avatar-word" style="animation-delay:0.5s">back</span><span class="avatar-word avatar-word--still" style="animation-delay:1s">to</span><span class="avatar-word" style="animation-delay:1.5s">the</span><span class="avatar-word" style="animation-delay:2s">channel</span></p><img src="/avatar/cast/long-hair.svg" alt="" width="840" height="800" decoding="async" draggable="false" class="pointer-events-none absolute w-auto max-w-none select-none bottom-[-3%] right-[4%] h-[66%]"/></div></div><span class="absolute -top-3 right-4 z-10 inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border border-blue-400/30 bg-zinc-950 px-2.5 py-1 text-[11px] font-medium text-blue-100 shadow-[0_8px_24px_rgba(0,0,0,0.5)] sm:text-xs"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>New · Animated Avatars</span></div></div></div></div></div><div class="relative pt-10 lg:col-span-2 lg:row-start-2 lg:pt-14"><span aria-hidden="true" class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/15 to-transparent"></span><section id="cinematic" aria-label="What every Vid.AI video is built on" class="w-full scroll-mt-24"><div class="grid gap-4 md:grid-cols-3"><article class="flex min-w-0 flex-col overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/50 shadow-[0_20px_60px_-24px_rgba(0,0,0,0.8)]"><ul aria-label="Cinematic shots made with Seedance 2.5" class="grid aspect-video grid-cols-2 grid-rows-2 gap-1 bg-black p-1"><li class="min-h-0"><div tabindex="0" aria-label="A jet in flight, made with Seedance 2.5" class="relative aspect-video cursor-zoom-in overflow-hidden bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-md !aspect-auto h-full"><video src="/home/showcase/tile-jet.mp4" poster="/home/showcase/tile-jet.jpg" muted="" loop="" playsinline="" preload="none" aria-hidden="true" class="h-full w-full object-cover"></video></div></li><li class="min-h-0"><div tabindex="0" aria-label="A lighthouse, made with Seedance 2.5" class="relative aspect-video cursor-zoom-in overflow-hidden bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-md !aspect-auto h-full"><video src="/home/showcase/tile-lighthouse.mp4" poster="/home/showcase/tile-lighthouse.jpg" muted="" loop="" playsinline="" preload="none" aria-hidden="true" class="h-full w-full object-cover"></video></div></li><li class="min-h-0"><div tabindex="0" aria-label="A fjord, made with Seedance 2.5" class="relative aspect-video cursor-zoom-in overflow-hidden bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-md !aspect-auto h-full"><video src="/home/showcase/tile-fjord.mp4" poster="/home/showcase/tile-fjord.jpg" muted="" loop="" playsinline="" preload="none" aria-hidden="true" class="h-full w-full object-cover"></video></div></li><li class="min-h-0"><div tabindex="0" aria-label="Northern lights over a mountain cabin, made with Seedance 2.5" class="relative aspect-video cursor-zoom-in overflow-hidden bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 rounded-md !aspect-auto h-full"><video src="/home/showcase/tile-aurora.mp4" poster="/home/showcase/tile-aurora.jpg" muted="" loop="" playsinline="" preload="none" aria-hidden="true" class="h-full w-full object-cover"></video></div></li></ul><div class="flex flex-1 flex-col gap-2 p-5"><p class="text-xs font-semibold text-blue-300">Seedance 2.5</p><h3 class="text-lg font-semibold text-white [text-wrap:balance]">Cinematic intros</h3><p class="text-sm text-zinc-400">An AI video model films a 5 second opening shot from your topic, then fades into your first scene. Premium intros use Seedance 2.5 on Plus and Pro.</p></div></article><article class="flex min-w-0 flex-col overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/50 shadow-[0_20px_60px_-24px_rgba(0,0,0,0.8)]"><ul class="flex aspect-video flex-col justify-center gap-2 bg-[radial-gradient(ellipse_at_50%_0%,rgba(59,130,246,0.18),transparent_70%)] p-4"><li class="flex items-center gap-3 rounded-xl border border-white/10 bg-zinc-950/70 p-2 pr-3"><button type="button" aria-label="Play Matt" class="grid h-9 w-9 shrink-0 place-items-center rounded-full border transition-colors duration-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.05] text-zinc-100 hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-3.5 w-3.5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></button><span class="min-w-0 flex-1"><span class="block truncate text-sm font-medium text-zinc-100">Matt</span><span class="block truncate text-xs text-zinc-400">Natural · ElevenLabs v4</span></span><span aria-hidden="true" class="flex h-5 items-end gap-0.5 opacity-30"><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:20px;animation-delay:0.12s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:8px;animation-delay:0.24s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:16px;animation-delay:0.36s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0.48s"></span></span></li><li class="flex items-center gap-3 rounded-xl border border-white/10 bg-zinc-950/70 p-2 pr-3"><button type="button" aria-label="Play Rachel" class="grid h-9 w-9 shrink-0 place-items-center rounded-full border transition-colors duration-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.05] text-zinc-100 hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-3.5 w-3.5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></button><span class="min-w-0 flex-1"><span class="block truncate text-sm font-medium text-zinc-100">Rachel</span><span class="block truncate text-xs text-zinc-400">Natural · ElevenLabs v4</span></span><span aria-hidden="true" class="flex h-5 items-end gap-0.5 opacity-30"><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:20px;animation-delay:0.12s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:8px;animation-delay:0.24s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:16px;animation-delay:0.36s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0.48s"></span></span></li><li class="flex items-center gap-3 rounded-xl border border-white/10 bg-zinc-950/70 p-2 pr-3"><button type="button" aria-label="Play Brian" class="grid h-9 w-9 shrink-0 place-items-center rounded-full border transition-colors duration-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.05] text-zinc-100 hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-3.5 w-3.5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></button><span class="min-w-0 flex-1"><span class="block truncate text-sm font-medium text-zinc-100">Brian</span><span class="block truncate text-xs text-zinc-400">Custom voice from the Voice Library</span></span><span aria-hidden="true" class="flex h-5 items-end gap-0.5 opacity-30"><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:20px;animation-delay:0.12s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:8px;animation-delay:0.24s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:16px;animation-delay:0.36s"></span><span class="w-0.5 rounded-full bg-blue-400" style="height:12px;animation-delay:0.48s"></span></span></li></ul><div class="flex flex-1 flex-col gap-2 p-5"><p class="text-xs font-semibold text-violet-300">ElevenLabs v4</p><h3 class="text-lg font-semibold text-white [text-wrap:balance]">Voices that sound human</h3><p class="text-sm text-zinc-400">33 hand-picked narrators on ElevenLabs v4, their newest and most natural model, or v2. Or add any voice from their Voice Library.</p></div></article><article cla
1ss="flex min-w-0 flex-col overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/50 shadow-[0_20px_60px_-24px_rgba(0,0,0,0.8)]"><div class="flex aspect-video flex-col items-center justify-center gap-1 bg-[radial-gradient(ellipse_at_50%_0%,rgba(16,185,129,0.18),transparent_70%)]"><span class="bg-gradient-to-b from-white to-emerald-200 bg-clip-text text-6xl font-bold tracking-tight text-transparent">3M+</span><span class="text-sm text-zinc-400">stock videos in 4K and HD</span></div><div class="flex flex-1 flex-col gap-2 p-5"><p class="text-xs font-semibold text-emerald-300">Storyblocks</p><h3 class="text-lg font-semibold text-white [text-wrap:balance]">3M+ licensed stock videos</h3><p class="text-sm text-zinc-400">Real licensed footage from Storyblocks, matched to what your script says, with extra clips for long scenes.</p></div></article></div></section></div><div class="lg:col-span-2 lg:row-start-3"><div class="flex justify-center border-t border-white/[0.06] pt-8"><div class="flex min-h-10 items-center"><div class="flex flex-col items-center gap-2.5 sm:flex-row sm:gap-4"><span class="whitespace-nowrap text-[11px] font-medium uppercase tracking-[0.16em] text-zinc-400">Optimized for</span><span class="flex items-center gap-4 sm:gap-5"><img src="/svgs/yt-full.svg" alt="YouTube" width="99" height="22" class="h-[18px] w-auto sm:h-5"/><span class="flex items-center gap-1"><img src="/svgs/ig.svg" alt="" width="22" height="22" class="h-[18px] w-[18px] sm:h-5 sm:w-5"/><img src="/svgs/instagram-text.svg" alt="Instagram" width="88" height="25" class="mt-1 h-5 w-auto sm:h-[23px]"/></span><img src="/svgs/tik-tok-full.svg" alt="TikTok" width="91" height="22" class="h-[18px] w-auto sm:h-5"/></span></div></div></div></div></div></section><section aria-labelledby="home-outputs-title" class="relative py-16 sm:py-20"><div class="mx-auto max-w-2xl text-center px-4"><h2 id="home-outputs-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">Our users&#x27; videos get real views</h2><p class="mt-4 text-pretty text-base leading-7 text-zinc-400 sm:text-lg">Every video is uniquely generated with AI: no templates, no duplicates.</p></div><p class="mb-5 mt-3 text-center text-xs text-zinc-400">Hover or tap a video to play it.</p><div class="home-marquee overflow-hidden py-2 [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)]"><div class="home-marquee-track flex w-max" style="--home-marquee-duration:75s"><ul aria-label="Videos made with Vid.AI" class="flex shrink-0 items-center gap-4 pr-4"><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="Tropical fish swimming over a coral reef with the caption Marine life" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" class="h-3 w-3"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.34 6.34 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 
16.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"></path></svg>450K+<!-- --> views<span class="sr-only">on <!-- -->TikTok</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Marine life facts</span><button type="button" aria-pressed="false" aria-label="Play the marine life facts example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="A glowing black hole in deep space with the caption Under their own" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Space documentary</span><button type="button" aria-pressed="false" aria-label="Play the space documentary example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="A lantern glowing in a dusty attic with the caption Past" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" class="h-3 w-3"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.34 6.34 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 
16.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"></path></svg>1M+<!-- --> views<span class="sr-only">on <!-- -->TikTok</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Mystery story</span><button type="button" aria-pressed="false" aria-label="Play the mystery story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="A text message conversation over a sunset on the ocean" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Fake text story</span><button type="button" aria-pressed="false" aria-label="Play the fake text story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="Stonehenge under a blue sky with the caption To modern science" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">History explainer</span><button type="button" aria-pressed="false" aria-label="Play the history explainer example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="A text message conversation over Minecraft gameplay" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>700K+<!-- --> views<span class="sr-only">on <!-- -->Instagram</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Fake text story</span><button type="button" aria-pressed="false" aria-label="Play the fake text story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="Split-screen video with a car stunt on top and Minecraft parkour below" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Split-screen</span><button type="button" aria-pressed="false" aria-label="Play the split-screen example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="A glowing digital globe with the caption Job opportunities" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-vid
1eo-thumb%2F7.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Tech explainer</span><button type="button" aria-pressed="false" aria-label="Play the tech explainer example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="Split-screen video with a motorbike stunt on top and a racing track below" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>2M+<!-- --> views<span class="sr-only">on <!-- -->Instagram</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Split-screen</span><button type="button" aria-pressed="false" aria-label="Play the split-screen example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li></ul><ul aria-hidden="true" class="home-marquee-copy flex shrink-0 items-center gap-4 pr-4"><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" class="h-3 w-3"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.34 6.34 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 
16.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"></path></svg>450K+<!-- --> views<span class="sr-only">on <!-- -->TikTok</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Marine life facts</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the marine life facts example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F2.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Space documentary</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the space documentary example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F4.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" class="h-3 w-3"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.34 6.34 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 
16.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"></path></svg>1M+<!-- --> views<span class="sr-only">on <!-- -->TikTok</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Mystery story</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the mystery story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F3.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Fake text story</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the fake text story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F6.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">History explainer</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the history explainer example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F1.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>700K+<!-- --> views<span class="sr-only">on <!-- -->Instagram</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Fake text story</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the fake text story example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F9.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Split-screen</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the split-screen example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-video h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 534px, (min-width: 640px) 463px, 374px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?
1url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F7.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Tech explainer</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the tech explainer example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li><li class="group/card relative shrink-0 overflow-hidden rounded-2xl border border-white/10 bg-zinc-900 shadow-[0_12px_40px_-14px_rgba(0,0,0,0.9)] transition duration-150 hover:-translate-y-1 hover:border-blue-400/50 hover:shadow-[0_18px_50px_-12px_rgba(37,99,235,0.45)] motion-reduce:transform-none aspect-[9/16] h-[210px] sm:h-[260px] lg:h-[300px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 169px, (min-width: 640px) 147px, 119px" srcSet="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F8.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/75 to-transparent"></span><span class="pointer-events-none absolute left-2.5 top-2.5 inline-flex items-center gap-1 rounded-full bg-black/70 px-2 py-0.5 text-[11px] font-semibold text-white backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>2M+<!-- --> views<span class="sr-only">on <!-- -->Instagram</span></span><span class="pointer-events-none absolute bottom-2.5 left-2.5 max-w-[calc(100%-1.25rem)] truncate rounded-full bg-black/65 px-2 py-0.5 text-[11px] font-medium text-zinc-100 backdrop-blur">Split-screen</span><button type="button" tabindex="-1" aria-pressed="false" aria-label="Play the split-screen example" class="absolute inset-0 grid place-items-center rounded-2xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:-outline-offset-2"><span class="grid h-11 w-11 place-items-center rounded-full bg-white/90 text-blue-700 shadow-[0_8px_30px_rgba(0,0,0,0.5)] transition duration-150 group-hover/card:scale-110 group-active/card:scale-95 motion-reduce:transform-none opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-5 w-5 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></button></li></ul></div></div><div class="home-marquee overflow-hidden py-2 [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)] mt-3"><div class="home-marquee-track flex w-max" style="--home-marquee-duration:60s" data-reverse=""><ul aria-label="What Vid.AI does" class="flex shrink-0 items-center gap-4 pr-4"><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="2.18" ry="2.18"></rect><line x1="7" x2="7" y1="2" y2="22"></line><line x1="17" x2="17" y1="2" y2="22"></line><line x1="2" x2="22" y1="12" y2="12"></line><line x1="2" x2="7" y1="7" y2="7"></line><line x1="2" x2="7" y1="17" y2="17"></line><line x1="17" x2="22" y1="17" y2="17"></line><line x1="17" x2="22" y1="7" y2="7"></line></svg>Faceless YouTube videos</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Shorts, TikToks and Reels</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" x2="8" y1="13" y2="13"></line><line x1="16" x2="8" y1="17" y2="17"></line><line x1="10" x2="8" y1="9" y2="9"></line></svg>AI script writing</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>ElevenLabs voices, or your own</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path><path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path><path d="m6.6 4.99 3.38 4.2"></path><path d="m11.86 3.38 3.38 4.2"></path></svg>Cinematic intros</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>Motion graphics</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M7 13h4"></path><path d="M15 13h2"></path><path d="M7 9h2"></path><path d="M13 9h4"></path><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10Z"></path></svg>Automatic captions</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Storyblocks stock footage</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><circle cx="8" cy="18" r="4"></circle><path d="M12 18V2l7 4"></path></svg>
1Background music</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>Fake text stories</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3"></path><path d="M19 16v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3"></path><line x1="4" x2="20" y1="12" y2="12"></line></svg>Split-screen videos</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M18 20a6 6 0 0 0-12 0"></path><circle cx="12" cy="10" r="4"></circle><circle cx="12" cy="12" r="10"></circle></svg>Animated AI avatars</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="18" height="10" x="3" y="11" rx="2"></rect><circle cx="12" cy="5" r="2"></circle><path d="M12 7v4"></path><line x1="8" x2="8" y1="16" y2="16"></line><line x1="16" x2="16" y1="16" y2="16"></line></svg>Create from Claude or ChatGPT</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg>Timeline editing</li></ul><ul aria-hidden="true" class="home-marquee-copy flex shrink-0 items-center gap-4 pr-4"><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="2.18" ry="2.18"></rect><line x1="7" x2="7" y1="2" y2="22"></line><line x1="17" x2="17" y1="2" y2="22"></line><line x1="2" x2="22" y1="12" y2="12"></line><line x1="2" x2="7" y1="7" y2="7"></line><line x1="2" x2="7" y1="17" y2="17"></line><line x1="17" x2="22" y1="17" y2="17"></line><line x1="17" x2="22" y1="7" y2="7"></line></svg>Faceless YouTube videos</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Shorts, TikToks and Reels</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" x2="8" y1="13" y2="13"></line><line x1="16" x2="8" y1="17" y2="17"></line><line x1="10" x2="8" y1="9" y2="9"></line></svg>AI script writing</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>ElevenLabs voices, or your own</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path><path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path><path d="m6.6 4.99 3.38 4.2"></path><path d="m11.86 3.38 3.38 4.2"></path></svg>Cinematic intros</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>Motion graphics</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M7 13h4"></path><path d="M15 13h2"></path><path d="M7 9h2"></path><path d="M13 9h4"></path><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10Z"></path></svg>Automatic captions</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Storyblocks stock footage</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><circle cx="8" cy="18" r="4"></circle><path d="M12 18V2l7 4"></path></svg>
1Background music</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>Fake text stories</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3"></path><path d="M19 16v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3"></path><line x1="4" x2="20" y1="12" y2="12"></line></svg>Split-screen videos</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><path d="M18 20a6 6 0 0 0-12 0"></path><circle cx="12" cy="10" r="4"></circle><circle cx="12" cy="12" r="10"></circle></svg>Animated AI avatars</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><rect width="18" height="10" x="3" y="11" rx="2"></rect><circle cx="12" cy="5" r="2"></circle><path d="M12 7v4"></path><line x1="8" x2="8" y1="16" y2="16"></line><line x1="16" x2="16" y1="16" y2="16"></line></svg>Create from Claude or ChatGPT</li><li class="flex shrink-0 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 py-2 text-sm text-zinc-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-blue-300" aria-hidden="true"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg>Timeline editing</li></ul></div></div></section><section id="tutorial" aria-labelledby="home-tutorial-title" class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 scroll-mt-8 pb-8 pt-4 sm:pb-12"><div class="mx-auto max-w-5xl"><div class="flex flex-col items-center"><a href="https://www.youtube.com/@makemoneymatt" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2.5 rounded-full border border-white/10 bg-white/[0.04] py-1 pl-1 pr-3 text-xs text-zinc-300 hover:border-white/25 hover:bg-white/[0.08] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><img alt="" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FlxucLpR6ocPU7GO3n1Wfkl8ePo.jpg%3Fscale-down-to%3D144&amp;w=64&amp;q=75"/><span><span class="font-semibold text-zinc-100 underline-offset-4 group-hover:underline">Matt Par</span> • 1 Billion+ Views</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-zinc-400 transition-transform duration-150 group-hover:-translate-y-
1px group-hover:translate-x-px motion-reduce:transform-none" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg><span class="sr-only">(YouTube channel, opens in a new tab)</span></a><div class="mx-auto max-w-2xl text-center mt-5"><h2 id="home-tutorial-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">Watch Matt Par make a faceless video with Vid.AI</h2><p class="mt-4 text-pretty text-base leading-7 text-zinc-400 sm:text-lg">The full walkthrough, from a single prompt to a finished faceless video.</p></div><p class="mt-4 inline-flex items-center gap-1.5 rounded-full border border-blue-400/25 bg-blue-500/10 px-3 py-1 text-xs font-medium text-blue-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 text-blue-300" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg>Recorded a year ago, before Vid.AI 2.0</p></div><div class="relative mt-10"><div aria-hidden="true" class="absolute -inset-8 rounded-[48px] bg-blue-600/15 blur-3xl"></div><div class="relative rounded-[30px] border border-blue-400/25 bg-blue-400/[0.05] p-2 shadow-[0_0_80px_rgba(59,130,246,0.22)]"><div class="relative aspect-video overflow-hidden rounded-[22px] bg-black"><button type="button" aria-label="Play Matt Par&#x27;s Vid.AI tutorial (5:13)" class="group absolute inset-0 block h-full w-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-300 focus-visible:outline-offset-[-4px]"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.015] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1072px) 1008px, calc(100vw - 48px)" srcSet="/_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fmatt-tutorial-poster.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/15 to-black/10 transition-opacity duration-150 group-hover:opacity-80"></span><span aria-hidden="true" class="absolute inset-0 grid place-items-center"><span class="relative grid h-20 w-20 place-items-center rounded-full bg-white text-blue-700 shadow-[0_0_60px_rgba(59,130,246,0.65)] transition duration-150 group-hover:scale-105 group-active:scale-95 motion-reduce:transform-none sm:h-24 sm:w-24"><span class="absolute inset-0 rounded-full bg-white/50 motion-safe:animate-ping"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative ml-1 h-8 w-8 fill-current sm:h-10 sm:w-10"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span></span><span aria-hidden="true" class="absolute bottom-4 left-4 text-left text-sm font-semibold text-white sm:bottom-6 sm:left-6 sm:text-base">Full tutorial</span><span aria-hidden="true" class="absolute bottom-4 right-4 rounded-md bg-black/75 px-2 py-1 text-xs font-semibold tabular-nums text-white sm:bottom-6 sm:right-6">5:13</span></button></div></div></div></div></section><section id="avatars" aria-labelledby="home-avatars-title" class="relative scroll-mt-8 py-16 sm:py-24"><div aria-hidden="true" class="pointer-events-none absolute right-0 top-1/2 -z-10 h-[520px] w-[760px] -translate-y-1/2 roun
1ded-full bg-[radial-gradient(closest-side,rgba(37,99,235,0.16),transparent)]"></div><div class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 grid items-center gap-12 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] lg:gap-16"><div><h2 id="home-avatars-title" class="font-semibold text-blue-100 !tracking-[-0.035em] [text-wrap:balance] text-3xl !leading-[1.1] sm:text-4xl lg:text-[2.75rem]">Give your faceless videos a <span class="bg-gradient-to-r from-blue-400 to-blue-200 bg-clip-text text-transparent whitespace-nowrap">human touch</span></h2><p class="mt-5 max-w-xl text-pretty text-base leading-7 text-zinc-400 sm:text-lg sm:leading-8">Expressive animated avatars that speak, gesture and move with your script. Create one in your own style, then choose exactly where it appears.</p><ul class="mt-7 space-y-3"><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><circle cx="13.5" cy="6.5" r=".5"></circle><circle cx="17.5" cy="10.5" r=".5"></circle><circle cx="8.5" cy="7.5" r=".5"></circle><circle cx="6.5" cy="12.5" r=".5"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></span>Create an avatar in your own visual style</li><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"></path><path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"></path><path d="m6.6 4.99 3.38 4.2"></path><path d="m11.86 3.38 3.38 4.2"></path></svg></span>Choose exactly where it appears in your video</li><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg></span>Automatic lip sync and natural gestures</li></ul><div class="mt-9 flex flex-col items-start gap-4"><a class="inline-flex h-12 items-center justify-center gap-2 rounded-lg border border-blue-400/60 bg-gradient-to-r from-blue-600 to-blue-700 px-7 text-[15px] font-semibold text-white shadow-[0_0_32px_rgba(59,130,246,0.35)] transition duration-150 hover:-translate-y-0.5 hover:from-blue-600 hover:to-blue-600 hover:shadow-[0_0_48px_rgba(59,130,246,0.6)] active:translate-y-0 active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 group" href="/avatar">Explore Animated Avatars<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="text-sm text-zinc-400">Describe your avatar and add up to <!-- -->5<!-- --> reference images.</p></div></div><div class="relative"><div aria-hidden="true" class="absolute -inset-6 rounded-[40px] bg-blue-500/10 blur-3xl"></div><div class="relative rounded-[30px] border border-blue-400/25 bg-blue-400/[0.06] p-2 shadow-[0_0_60px_rgba(59,130,246,0.25)]"><div class="aspect-video overflow-hidden rounded-[22px] border border-white/5 bg-zinc-950"><div class="home-swap h-full w-full"><div role="img" aria-label="Illustration of the intro of a faceless video: an animated avatar over the scene footage, with captions" class="relative isolate h-full w-full overflow-hidden bg-black"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1280px) 680px, (min-width: 1024px) 54vw, calc(100vw - 48px)" srcSet="/_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Favatar%2Fscenes%2Fstonehenge.jpg&amp;w=3840&amp;q=75"/><video aria-hidden="true" tabindex="-1" muted="" loop="" playsinline="" preload="none" disablepictureinpicture="" class="absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0"></video><div aria-hidden="true" class="absolute inset-0 bg-black/[0.18]"></div><div aria-hidden="true" class="absolute inset-0 bg-[radial-gradient(55%_85%_at_50%_100%,rgba(0,0,0,0.42),transparent_72%)]"></div><img src="/avatar/cast/long-hair.svg" alt="" width="840" height="800" decoding="async" draggable="false" class="pointer-events-none absolute w-auto max-w-none select-none bottom-[-4%] left-1/2 h-[92%] -translate-x-1/2"/><p class="absolute inset-x-0 flex flex-wrap justify-center gap-x-[0.3em] px-4 font-extrabold uppercase italic tracking-wide text-white [-webkit-text-stroke:0.6px_rgba(0,0,0,0.55)] [text-shadow:0_2px_8px_rgba(0,0,0,0.75)] bottom-[
110%] text-sm sm:text-lg lg:text-xl"><span class="avatar-word" style="animation-delay:0s">Welcome</span><span class="avatar-word" style="animation-delay:0.5s">back</span><span class="avatar-word avatar-word--still" style="animation-delay:1s">to</span><span class="avatar-word" style="animation-delay:1.5s">the</span><span class="avatar-word" style="animation-delay:2s">channel</span></p></div></div></div></div><div role="group" aria-label="Where the avatar appears in your video" class="relative mt-4 flex gap-1 rounded-2xl border border-white/10 bg-zinc-950/80 p-1"><button type="button" aria-pressed="true" class="relative flex min-w-0 flex-col items-center gap-0.5 overflow-hidden rounded-xl px-2 py-2 text-[13px] font-medium sm:text-sm w-[26%] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 bg-blue-500/15 text-blue-100 ring-1 ring-inset ring-blue-400/30"><span class="max-w-full truncate">Intro</span><span class="text-[11px] font-normal tabular-nums text-zinc-400">8<!-- -->s</span></button><button type="button" aria-pressed="false" class="relative flex min-w-0 flex-col items-center gap-0.5 overflow-hidden rounded-xl px-2 py-2 text-[13px] font-medium sm:text-sm flex-1 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 text-zinc-400 hover:bg-white/[0.05] hover:text-zinc-100"><span class="max-w-full truncate">Highlight moments</span><span class="text-[11px] font-normal tabular-nums text-zinc-400">5<!-- -->s<!-- --> each</span></button><button type="button" aria-pressed="false" class="relative flex min-w-0 flex-col items-center gap-0.5 overflow-hidden rounded-xl px-2 py-2 text-[13px] font-medium sm:text-sm w-[26%] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 text-zinc-400 hover:bg-white/[0.05] hover:text-zinc-100"><span class="max-w-full truncate">Outro</span><span class="text-[11px] font-normal tabular-nums text-zinc-400">6<!-- -->s</span></button></div><p class="relative mt-3 text-center text-xs leading-5 text-zinc-400 lg:text-left">Highlight moments can cover <!-- -->10<!-- -->–<!-- -->30<!-- -->% of the video, or go exactly where you choose.</p><div class="relative mt-6 flex flex-col items-center gap-3 lg:items-start"><p class="text-sm text-zinc-400">Example styles you can create</p><div role="group" aria-label="Example avatar styles" class="grid grid-cols-4 gap-3 sm:flex sm:flex-wrap"><button type="button" aria-pressed="true" aria-label="Presenter with long blonde hair and a teal blazer" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 shadow-[0_0_22px_rgba(59,130,246,0.5)] ring-2 ring-blue-400"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/long-hair.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with short brown hair, stubble and a navy blazer" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/side-part.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with an afro and a mustard to
1p" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/afro.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with grey hair, a beard and glasses" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/glasses-gray.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter wearing a violet hijab" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/hijab.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with a top bun and a pink sweater" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/bun.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with short black hair and a blue tee" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/short-hair.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button><button type="button" aria-pressed="false" aria-label="Presenter with curly hair, a beard and a navy sweater" class="block rounded-full p-0.5 transition duration-150 hover:-translate-y-0.5 active:scale-95 motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 ring-1 ring-white/10 hover:ring-white/40"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-12 w-12 sm:h-14 sm:w-14"><img src="/avatar/cast/still/curly-beard.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span></button></div></div></div></div></section><section id="mcp" aria-labelledby="home-mcp-title" class="relative scroll-mt-8 py-16 sm:py-24"><div aria-hidden="true" class="pointer-events-none absolute left-0 top-1/2 -z-10 h-[520px] w-[760px] -translate-y-1/2 roun
1ded-full bg-[radial-gradient(closest-side,rgba(37,99,235,0.14),transparent)]"></div><div class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 grid items-center gap-12 lg:grid-cols-2 lg:gap-16"><div class="lg:order-2"><h2 id="home-mcp-title" class="font-semibold text-blue-100 !tracking-[-0.035em] [text-wrap:balance] text-3xl !leading-[1.1] sm:text-4xl lg:text-[2.75rem]">Make videos from<!-- --> <span class="bg-gradient-to-r from-blue-400 to-blue-200 bg-clip-text text-transparent whitespace-nowrap">Claude or ChatGPT</span></h2><p class="mt-5 max-w-xl text-pretty text-base leading-7 text-zinc-400 sm:text-lg sm:leading-8">Connect Vid.AI to your AI assistant and create complete Faceless Shorts and long-form videos from a conversation, from the first line of your script to the final render.</p><ul class="mt-7 space-y-3"><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg></span>One-click OAuth sign-in with Claude or ChatGPT</li><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></span>Refine your script and scenes before rendering</li><li class="flex items-center gap-3 text-sm text-zinc-300 sm:text-[15px]"><span class="grid h-9 w-9 shrink-0 place-items-center rounded-lg border border-blue-400/20 bg-blue-500/10 text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" x2="20" y1="19" y2="19"></line></svg></span>Or connect any AI agent over Streamable HTTP</li></ul><div class="mt-9 flex flex-wrap items-center gap-x-6 gap-y-4"><a class="inline-flex h-12 items-center justify-center gap-2 rounded-lg border border-blue-400/60 bg-gradient-to-r from-blue-600 to-blue-700 px-7 text-[15px] font-semibold text-white shadow-[0_0_32px_rgba(59,130,246,0.35)] transition duration-150 hover:-translate-y-0.5 hover:from-blue-600 hover:to-blue-600 hover:shadow-[0_0_48px_rgba(59,130,246,0.6)] active:translate-y-0 active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 group" href="/mcp">Connect your assistant<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group inline-flex items-center gap-1.5 rounded-md text-sm font-medium text-zinc-300 hover:text-blue-100 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" href="/docs/mcp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>Read the docs<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover:-translate-y-
1px group-hover:translate-x-px motion-reduce:transform-none" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><p class="mt-6 text-xs leading-5 text-zinc-400">Video creation uses your Vid.AI subscription and credits.</p></div><div class="lg:order-1"><figure aria-labelledby="home-mcp-caption" class="relative mx-auto w-full max-w-xl"><div aria-hidden="true" class="pointer-events-none absolute -inset-6 rounded-[44px] bg-blue-600/10 blur-3xl"></div><div role="group" aria-label="Show the conversation in" class="relative mb-4 inline-flex rounded-xl border border-zinc-800 bg-zinc-950/80 p-1"><button type="button" aria-pressed="true" class="inline-flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 bg-blue-400/10 text-blue-100 ring-1 ring-inset ring-blue-400/25"><img alt="" aria-hidden="true" loading="lazy" width="15" height="15" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" src="/svgs/claude.svg"/>Claude</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 text-zinc-400 hover:bg-white/[0.05] hover:text-zinc-100"><img alt="" aria-hidden="true" loading="lazy" width="15" height="15" decoding="async" data-nimg="1" class="shrink-0 invert" style="color:transparent" src="/svgs/chat-gpt.svg"/>ChatGPT</button></div><div class="home-chat relative overflow-hidden rounded-[26px] border border-white/10 bg-gradient-to-b from-zinc-900/90 to-black shadow-[0_0_60px_rgba(59,130,246,0.12)]"><div class="flex items-center gap-2.5 border-b border-white/[0.06] px-4 py-3"><img alt="" aria-hidden="true" loading="lazy" width="18" height="18" decoding="async" data-nimg="1" class="shrink-0" style="color:transparent" src="/svgs/claude.svg"/><span class="text-sm font-medium text-zinc-100">Claude</span><span class="ml-auto inline-flex items-center gap-1.5 rounded-full border border-blue-400/20 bg-blue-500/10 px-2.5 py-1 text-[11px] font-medium text-blue-200"><span class="h-1.5 w-1.5 rounded-full bg-blue-400 shadow-[0_0_8px_#60a5fa]"></span>Vid.AI connected</span></div><ol class="space-y-3.5 p-4 sm:p-5"><li class="home-chat-1 flex justify-end"><p class="max-w-[85%] rounded-2xl rounded-br-md bg-zinc-800 px-4 py-2.5 text-sm leading-6 text-zinc-100">Make a 60-second Short about life on a coral reef, cinematic style.</p></li><li class="home-chat-2"><span class="inline-flex max-w-full items-center gap-1.5 rounded-full border border-blue-400/25 bg-blue-500/10 px-2.5 py-1 text-[11px] font-medium text-blue-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 shrink-0 text-blue-300" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="truncate">Vid.AI · Created a Faceless Short with a script and scenes</span></span></li><li class="home-chat-3"><p class="max-w-[92%] text-sm leading-6 text-zinc-300">Your Short is set up in Vid.AI. Want to change the script or any scene before I render it?</p></li><li class="home-chat-4 flex justify-end"><p class="max-w-[85%] rounded-2xl rounded-br-md bg-zinc-800 px-4 py-2.5 text-sm leading-6 text-zinc-100">Looks great. Render it!</p></li><li class="home-chat-5"><div class="flex gap-3.5 rounded-2xl border border-white/10 bg-white/[0.03] p-2.5 pr-4"><div class="relative aspect-[9/16] w-[92px] shrink-0 overflow-hidden rounded-xl sm:w-[104px]"><video class="h-full w-full object-cover" poster="/_next/image?url=%2Fassets%2Flanding-video-thumb%2F5.jpg&amp;w=256&amp;q=75" muted="" loop="" playsinline="" preload="none" aria-label="Example Short about marine life, made with Vid.AI"></video><button type="button" class="absolute grid place-items-center rounded-full bg-black/65 text-white backdrop-blur transition hover:bg-black/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 bottom-1.5 right-1.5 h-7 w-7" aria-label="Play: Example Short about marine life, made with Vid.AI"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-0.5 h-4 w-4 fill-current" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></button></div><div class="flex min-w-0 flex-col justify-center gap-1.5"><span class="inline-flex max-w-full items-center gap-1.5 rounded-full border border-blue-400/25 bg-blue-500/10 px-2.5 py-1 text-[11px] font-medium text-blue-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 shrink-0 text-blue-300" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="truncate">Vid.AI · Video rendered</span></span>
1<p class="mt-1 text-sm font-semibold text-zinc-100">Life on a coral reef</p><p class="text-xs text-zinc-400">Faceless Short · 60 seconds</p><span class="mt-1 inline-flex items-center gap-1 text-xs font-medium text-blue-300">Ready to share<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></div></div></li></ol><div aria-hidden="true" class="border-t border-white/[0.06] p-3"><div class="flex items-center gap-2 rounded-xl border border-white/10 bg-black/40 py-2 pl-4 pr-2"><span class="flex-1 truncate text-sm text-zinc-500">Reply to Claude…</span><span class="grid h-8 w-8 place-items-center rounded-lg bg-blue-600 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div></div><figcaption id="home-mcp-caption" class="relative mt-3 text-center text-xs text-zinc-400">Illustration of a conversation with Vid.AI connected. Available features depend on your MCP client.</figcaption></figure></div></div></section><section id="how-it-works" aria-labelledby="home-steps-title" class="scroll-mt-8 py-16 sm:py-24"><div class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><h2 id="home-steps-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">From idea to published video</h2><p class="mt-4 text-pretty text-base leading-7 text-zinc-400 sm:text-lg">One workflow for the script, the voice, the visuals and the export.</p></div><div class="mt-12 grid items-start gap-6 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] lg:gap-10"><ol aria-label="Steps" class="grid gap-2 sm:grid-cols-2 lg:grid-cols-1"><li><button type="button" aria-pressed="true" class="relative flex h-full w-full gap-4 overflow-hidden rounded-2xl border p-4 text-left sm:p-5 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-blue-400/40 bg-blue-500/[0.08] shadow-[0_0_40px_rgba(59,130,246,0.15)]"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full border text-sm font-semibold tabular-nums transition-colors duration-150 border-blue-400 bg-blue-600 text-white">1</span><span><span class="block text-base font-semibold text-zinc-100">Type an idea or paste a script</span><span class="mt-1 block text-sm leading-6 text-zinc-400">Start from a topic, a rough outline or your finished script. Add an optional visual direction to steer the footage and images.</span></span></button></li><li><button type="button" aria-pressed="false" class="relative flex h-full w-full gap-4 overflow-hidden rounded-2xl border p-4 text-left sm:p-5 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-zinc-800 bg-zinc-950/60 hover:border-zinc-700 hover:bg-zinc-900/60"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full border text-sm font-semibold tabular-nums transition-colors duration-150 border-blue-400/30 bg-blue-500/10 text-blue-200">2</span><span><span class="block text-base font-semibold text-zinc-100">Pick a narrator and a length</span><span class="mt-1 block text-sm leading-6 text-zinc-400">33 hand-picked narrators on ElevenLabs v4 or v2, or add any voice from the ElevenLabs Voice Library. Up to 20 minutes.</span></span></button></li><li><button type="button" aria-pressed="false" class="relative flex h-full w-full gap-4 overflow-hidden rounded-2xl border p-4 text-left sm:p-5 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-zinc-800 bg-zinc-950/60 hover:border-zinc-700 hover:bg-zinc-900/60"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full border text-sm font-semibold tabular-nums transition-colors duration-150 border-blue-400/30 bg-blue-500/10 text-blue-200">3</span><span><span class="block text-base font-semibold text-zinc-100">Choose a style and upgrades</span><span class="mt-1 block text-sm leading-6 text-zinc-400">12 image styles, a cinematic intro made with Seedance, motion graphics for key facts and places, moving images and an animated avatar.</span></span></button></li><li><button type="button" aria-pressed="false" class="relative flex h-full w-full gap-4 overflow-hidden rounded-2xl border p-4 text-left sm:p-5 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-zinc-800 bg-zinc-950/60 hover:border-zinc-700 hover:bg-zinc-900/60"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full border text-sm font-semibold tabular-nums transition-colors duration-150 border-blue-400/30 bg-blue-500/10 text-blue-200">4</span><span><span class="block text-base font-semibold text-zinc-100">Review, generate and export</span><span class="mt-1 block text-sm leading-6 text-zinc-400">Check the script, then generate. Edit scenes, captions and music (or upload your own), export in 1080p and get an email when it&#x27;s ready.</span></span></button></li></ol><figure class="order-first lg:sticky lg:top-8 lg:order-none"><div class="rounded-3xl border border-zinc-800 bg-gradient-to-b from-zinc-900/50 to-black shadow-[0_0_50px_rgba(59,130,246,0.08)] relative overflow-hidden p-2"><div class="relative aspect-[4/5] overflow-hidden rounded-[18px] border border-white/5 bg-zinc-950 min-[480px]:aspect-video"><div class="home-swap absolute inset-0"><div class="relative h-full w-full"><img alt="" loading="lazy" decoding="async" data-nimg="fill" class="object-cover opacity-40" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 700px, 100vw" srcSet="/_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fhero-wide.jpg&amp;w=3840&amp;q=75"/><span aria-hidden="true" class="absolute inset-0 bg-gradient-to-t from-black via-black/60 to-black/30"></span><div class="absolute inset-0 grid place-items-center p-4 sm:p-8"><div class="w-full max-w-md rounded-2xl border border-white/10 bg-zinc-950/85 p-4 shadow-[0_20px_60px_-2
10px_rgba(0,0,0,0.9)] backdrop-blur sm:p-5"><span class="inline-flex rounded-lg border border-white/10 bg-black/40 p-0.5 text-[11px] font-medium"><span class="rounded-md px-2.5 py-1 bg-blue-500/20 text-blue-100 ring-1 ring-inset ring-blue-400/30">Idea</span><span class="rounded-md px-2.5 py-1 text-zinc-400">Script</span></span><p class="mt-3 text-[15px] leading-6 text-zinc-100">The mystery of black holes, explained for curious beginners<span aria-hidden="true" class="ml-0.5 inline-block h-4 w-px translate-y-0.5 bg-blue-300 motion-safe:animate-pulse"></span></p><div class="mt-4 border-t border-white/[0.06] pt-3"><p class="text-[11px] font-medium text-zinc-400">Visual direction (optional)</p><p class="mt-1 text-sm text-zinc-300">Deep space and glowing nebulas, no people</p></div></div></div></div></div></div></div><figcaption class="mt-3 text-center text-xs text-zinc-400">Illustration with real voices, styles and clips from Vid.AI.</figcaption></figure></div></div></section><section id="results-proof" aria-labelledby="home-results-title" class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-16 sm:py-24"><div class="mx-auto max-w-4xl"><div class="mx-auto max-w-2xl text-center"><h2 id="home-results-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">Results from Vid.AI creators</h2></div><dl class="mt-8 grid gap-3 sm:grid-cols-2"><div class="flex flex-col-reverse items-center rounded-2xl border border-blue-400/25 bg-blue-500/[0.08] px-5 py-4 text-center shadow-[0_0_24px_rgba(59,130,246,0.12)]"><dt class="mt-1 text-sm text-zinc-400">Videos generated</dt><dd class="text-2xl font-semibold tabular-nums text-blue-100 sm:text-3xl">100,000+</dd></div><div class="flex flex-col-reverse items-center rounded-2xl border border-blue-400/25 bg-blue-500/[0.08] px-5 py-4 text-center shadow-[0_0_24px_rgba(59,130,246,0.12)]"><dt class="mt-1 text-sm text-zinc-400">Combined views generated</dt><dd class="text-2xl font-semibold tabular-nums text-blue-100 sm:text-3xl">100M+</dd></div></dl><div class="[perspective:1200px] mt-6"><div class="relative will-change-transform [transform:rotateX(var(--tilt-x,0deg))_rotateY(var(--tilt-y,0deg))] motion-reduce:[transform:none] overflow-hidden rounded-2xl border border-zinc-800 shadow-2xl shadow-black/40" style="transition:transform 200ms ease-out"><div class="relative aspect-[2258/1082]"><img alt="Results proof: YouTube Studio channel analytics screenshot" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 928px) 896px, calc(100vw - 32px)" srcSet="/_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Ftestimonials%2Fincome-proof.png&amp;w=3840&amp;q=75"/></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 rounded-[inherit] opacity-[var(--glare-opacity,0)] transition-opacity duration-300 [background:radial-gradient(circle_at_var(--glare-x,50%)_var(--glare-y,50%),rgba(255,255,255,0.16),transparent_55%)]"></div></div></div><p class="mt-4 text-center text-sm text-zinc-300">These results are not typical and should not be construed as a guarantee of similar outcomes.</p></div></section><section aria-labelledby="home-styles-title" class="relative py-16 sm:py-24"><div class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><h2 id="home-styles-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">Pick a look. Then make it move.</h2><p class="mt-4 text-pretty text-base leading-7 text-zinc-400 sm:text-lg">12 image styles for your AI scenes. Turn on Moving frames in Shorts, or Moving images in long-form videos, and your scenes come to life.</p></div><div class="mt-12 grid items-center gap-10 lg:grid-cols-12"><ul class="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:col-span-7"><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Natural style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fnatural.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Natural</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Anime style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fanime.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Anime</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Cinematic style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fcinematic.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Cinematic</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Comic Art style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fcomic-art.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Comic Art</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Isometric style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fisometric.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Isometric</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Water Color style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fwater-color.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Water Color</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Line Drawing style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.
1webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fline-drawing.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Line Drawing</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Graffiti Art style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fgraffiti-art.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Graffiti Art</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Pixel Art style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fpixel-art.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Pixel Art</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Oil Painting style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Foil-painting.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Oil Painting</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Neon Art style: a lone explorer on a mountain ridge above a river valley" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fneon-art.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Neon Art</span></li><li class="group relative aspect-video overflow-hidden rounded-2xl border border-zinc-800/80 bg-zinc-900"><img alt="Cubism style: a woman in a red coat on a stone bridge over a canal at dusk" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out group-hover:scale-[1.04] motion-reduce:transform-none" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 18vw, (min-width: 640px) 30vw, 45vw" srcSet="/_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fhome%2Fstyles%2Fcubism.webp&amp;w=3840&amp;q=75"/><span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent px-3 pb-2 pt-6 text-xs font-medium text-zinc-100">Cubism</span></li></ul><div class="lg:col-span-5"><div class="mx-auto w-full max-w-[300px]"><div class="relative aspect-[9/16] overflow-hidden rounded-[28px] border border-zinc-800 bg-black shadow-[0_30px_80px_-30px_rgba(59,130,246,0.35)]"><video poster="/home/moving/moving.jpg" muted="" loop="" playsinline="" preload="none" aria-label="Moving frames example short" class="absolute inset-0 h-full w-full object-cover"></video></div><div role="group" aria-label="Example short" class="mt-4 flex justify-center gap-2"><button type="button" aria-pressed="true" class="rounded-full border px-3 py-1.5 text-xs transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-blue-500/60 bg-blue-500/15 text-blue-100">Moving frames</button><button type="button" aria-pressed="false" class="rounded-full border px-3 py-1.5 text-xs transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-zinc-800 bg-zinc-900/60 text-zinc-400 hover:text-zinc-200">Anime, moving</button><button type="button" aria-pressed="false" class="rounded-full border px-3 py-1.5 text-xs transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-zinc-800 bg-zinc-900/60 text-zinc-400 hover:text-zinc-200">Still images</button></div></div></div></div></div></section><div class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8"><div class="dark:bg-black bg-white text-white py-8 md:py-16 px-2 sm:px-4"><div class="max-w-6xl mx-auto"><div class="flex flex-col gap-4 justify-center items-center mb-8"><div class="flex items-center justify-center z-[1]"><div class="group rounded-full border border-zinc-800/50 bg-zinc-900/50 text-sm transition-all duration-300 ease-in hover:border-zinc-700/50 hover:bg-zinc-800/50 backdrop-blur-sm"><div class="inline-flex items-center justify-center px-3 py-1.5 gap-2 md:gap-4"><div class="flex items-center gap-1.5"><div class="flex relative gap-0.5"><svg class="w-3.5 h-3.5 text-blue-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-blue-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-blue-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-blue-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><div class="relative w-3.5 h-3.5"><svg class="w-3.5 h-3.5 text-blue-400/30 absolute" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><div class="absolute inset-0 overflow-hidden" style="width:60%"><svg class="w-3.5 h-3.5 text-blue-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div></div></div><span class="text-xs font-semibold text-blue-100">4.8</span></div><div class="h-3 w-px bg-zinc-700 hidden md:block"></div><div class="text-xs text-zinc-400 hidden md:block"><span class="font-semibold text-zinc-300">500+</span> five-star reviews</div><div class="h-3 w-px bg-zinc-700"></div><div class="text-xs text-zinc-400">Trusted by <span class="font-semibold text-blue-400">100K+</span> creators</div></div></div></div></div><h2 class="text-2xl lg:text-3xl text-center mb-2 dark:text-sky-100 text-black">Don&#x27;t Just Take Our Word For It</h2><p class="text-zinc-400 text-center mb-10 font-light">Here&#x27;s what our users say</p><div class="theme relative w-full overflow-hidden mt-16"><div style="--duration:30s;--gap:1rem" class="group flex overflow-hidden p-2 [--duration:40s] [--gap:1rem] [gap:var(--gap)] flex-row pb-4"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
2      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
2ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
3      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
4      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
5      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
6      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
7      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
8      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
9      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
9ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
10      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
11      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
12      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
13      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
14      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
15      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
16      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
16ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
17      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
18      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
19      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
20      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
21      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
22      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
23      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
23ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
24      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
25      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
26      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
27      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
28      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
29      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div></div><div style="--duration:40s;--gap:1rem" class="group flex overflow-hidden p-2 [--duration:40s] [--gap:1rem] [gap:var(--gap)] flex-row"><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
30      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
30ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
31      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
32      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
33      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
34      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
35      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
36      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
37      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
37ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
38      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
39      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
40      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
41      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
42      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
43      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
44      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
44ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
45      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
46      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
47      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
48      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
49      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
50      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div><div class="flex shrink-0 justify-around [gap:var(--gap)] animate-marquee flex-row group-hover:[animation-play-state:paused] [animation-direction:reverse]"><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
51      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Denis Bel" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKN1ZUG3r6KatpzvxcbdWkxoF70g.jpg%3Fscale-down-to%3D1024&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Denis Bel</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">500 Mil+ Shorts Views</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is the best shortform video generator out there. It does things that you would have to pay thous
51ands to freelancers to do or spend countless hours.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
52      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Algrow" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqJdbc4X9V70FgaBdPxZfyGk79BQ.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Algrow</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">528K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">First impressions: execution is quite good, loving it.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
53      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="AI Guy" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2F8gKOz0r4EuH2g46HnsZFFjns6c.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">AI Guy</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">215K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">After seeing dozens of AI tools, I can safely say that VidAI is the ultimate tool for automating your YouTube Shorts!</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
54      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Jamie Nyland" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FVvotAwv4b8V0q1F36usYnpvjik.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Jamie Nyland</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">10 Million+ YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">It&#x27;s actually sick! [in a good way]</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
55      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Khary" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FKwqVZluNGCR1lkm5dHFY6I1rk.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Khary</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">27K YouTube Subs</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">VidAI is perfect for growing your YouTube channel! It makes video creation easy with realistic AI voices and visuals in just seconds.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
56      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Richard" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FqGpigszE5OSaPohs91TUPjeI5s.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Richard</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">Professional Video Editor</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">In just 2-3 minutes it does what I do in 2-3 hours. Speed, quality, price - 10/10.</blockquote></figure><figure class="relative h-full max-w-64 sm:w-72 sm:mx-3 cursor-pointer overflow-hidden rounded-xl border p-4 
57      border-gray-950/[.1] bg-gray-950/[.01] hover:bg-gray-950/[.05] dark:border-gray-50/[.1] dark:bg-gray-50/[.10] dark:hover:bg-gray-50/[.15]"><div class="flex flex-row items-center gap-2"><img alt="Parveen Kumar" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=32&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fframerusercontent.com%2Fimages%2FwnkDD4dlfcJ9LTjF385TTQXVg.jpg%3Fscale-down-to%3D512&amp;w=64&amp;q=75"/><div class="flex flex-col"><figcaption class="text-sm font-medium dark:text-white text-gray-900">Parveen Kumar</figcaption><p class="text-xs font-medium dark:text-white/60 text-gray-600">1 Million+ Instagram Followers</p></div></div><blockquote class="mt-2 text-sm dark:text-gray-300 text-gray-700">I am not spending a single penny anymore on expensive video editors, It is best shortform video generator. It is so simple to use, Loved it.</blockquote></figure></div></div><div class="pointer-events-none absolute inset-y-0 left-0 w-1/4 bg-gradient-to-r from-white dark:from-black"></div><div class="pointer-events-none absolute inset-y-0 right-0 w-1/4 bg-gradient-to-l from-white dark:from-black"></div></div></div></div></div><section id="faq" aria-labelledby="faq-title" class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-16 sm:py-24"><div class="mx-auto max-w-2xl text-center avatar-reveal"><h2 id="faq-title" class="text-balance text-3xl font-semibold text-blue-100 !leading-[1.15] !tracking-[-0.02em] sm:text-4xl">Questions, answered</h2></div><div class="avatar-reveal mx-auto mt-10 max-w-3xl space-y-3" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R4dm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rdm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;
57svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">What is Vid.AI?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R4dm5lm:" role="region" aria-labelledby="radix-:Rdm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">An AI video generator for faceless channels. Describe an idea or paste a script, and Vid.AI writes the script, adds a realistic AI voiceover, footage or AI images, captions and music, and renders a Short or a long-form video ready for YouTube, TikTok and Instagram.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R4lm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rlm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">How much does Vid.AI cost?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R4lm5lm:" role="region" aria-labelledby="radix-:Rlm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Starter costs $39 a month or $369 a year, Plus $99 a month or $947 a year and Pro $199 a month or $1,919 a year<!-- -->, in USD.<!-- --> Paying yearly saves up to 21%.<!-- --> Eligible new subscribers get 50% off their first month on monthly plans; the pricing table shows it if you qualify.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R4tm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rtm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">What are Animated Avatars?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R4tm5lm:" role="region" aria-labelledby="radix-:Rtm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Presenters in your own visual style that speak your script with automatic lip sync and natural gestures. Add one to any Faceless Video as the intro, the outro or on-screen moments.<!-- --> <a class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" href="/avatar">Animated Avatars</a> <!-- -->are included in every paid plan.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R55m5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R15m5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;
57svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">Can I make videos from Claude or ChatGPT?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R55m5lm:" role="region" aria-labelledby="radix-:R15m5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Yes. Connect Vid.AI to Claude, ChatGPT or your own agent with<!-- --> <a class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" href="/mcp">Vid.AI MCP</a>, then ask for a video right in the chat. Animated Avatars are coming to MCP soon.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R5dm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R1dm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">How do credits work?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R5dm5lm:" role="region" aria-labelledby="radix-:R1dm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Everything you make draws from your plan&#x27;s credits: 200 to 1,500 a month, or a full year of credits upfront on yearly plans. Your plan&#x27;s credits reset to its allowance each time it renews, and credits you top up carry over.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R5lm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R1lm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">Can I use my videos commercially?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R5lm5lm:" role="region" aria-labelledby="radix-:R1lm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Yes. Commercial use is allowed under our<!-- --> <a class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" href="/terms-and-conditions">terms of service</a>, and the stock music in your videos is royalty-free and safe to use on YouTube.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R5tm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R1tm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;
57svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">How do I cancel?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R5tm5lm:" role="region" aria-labelledby="radix-:R1tm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Anytime, with no hidden fees. Open<!-- --> <a class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" href="/billing">Billing</a> <!-- -->in the Vid.AI app and choose Cancel subscription. If you paid through a third party such as Digistore24, email <a href="/cdn-cgi/l/email-protection#2d5e585d5d425f596d5b4449034c44" class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><span class="__cf_email__" data-cfemail="a9dadcd9d9c6dbdde9dfc0cd87c8c0">[email&#160;protected]</span></a> for help.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R65m5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R25m5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">What&#x27;s your refund policy?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R65m5lm:" role="region" aria-labelledby="radix-:R25m5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">If it has not been more than 30 days since your payment, we&#x27;re happy to refund any unused credits, no questions asked. Just email <a href="/cdn-cgi/l/email-protection#cab9bfbabaa5b8be8abca3aee4aba3" class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><span class="__cf_email__" data-cfemail="7c0f090c0c130e083c0a1518521d15">[email&#160;protected]</span></a> and we&#x27;ll take care of the rest.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R6dm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R2dm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;
57svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">Is there a free trial?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R6dm5lm:" role="region" aria-labelledby="radix-:R2dm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">No. Every video costs us real compute to generate, so we don&#x27;t offer free trials. You&#x27;re still covered by our 30-day refund on unused credits.</div></div></div><div data-state="closed" data-orientation="vertical" class="rounded-2xl border border-zinc-800 bg-zinc-950/60 px-5 transition-colors duration-150 hover:border-zinc-700 data-[state=open]:border-blue-400/30 data-[state=open]:bg-blue-500/[0.04]"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R6lm5lm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R2lm5lm:" class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 gap-4 rounded-lg py-5 text-left text-base font-medium text-zinc-100 hover:no-underline [&amp;&gt;svg]:text-zinc-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300" data-radix-collection-item="">Do you offer support?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R6lm5lm:" role="region" aria-labelledby="radix-:R2lm5lm:" data-orientation="vertical" class="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-[15px] leading-7 text-zinc-400 data-[state=closed]:hidden" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pb-4 pt-0">Yes. Email <a href="/cdn-cgi/l/email-protection#05767075756a777145736c612b646c" class="font-medium text-blue-300 underline underline-offset-4 transition-colors duration-150 hover:text-blue-200 focus-visible:rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><span class="__cf_email__" data-cfemail="01727471716e7375417768652f6068">[email&#160;protected]</span></a> for anything; we mostly reply within 12 hours on weekdays, and paying customers also get live chat.</div></div></div></div></section><section aria-labelledby="home-final-title" class="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 pb-20 pt-10 sm:pb-28"><div class="relative isolate overflow-hidden rounded-[32px] border border-blue-400/25 bg-gradient-to-b from-blue-950/50 via-zinc-950 to-black px-2 py-14 shadow-[0_0_80px_rgba(59,130,246,0.18)] sm:px-12 sm:py-20"><div aria-hidden="true" class="absolute inset-x-0 -top-32 -z-10 mx-auto h-64 w-4/5 rounded-full bg-blue-500/25 blur-3xl"></div><div class="mx-auto flex max-w-2xl flex-col items-center px-3 text-center sm:px-0"><h2 id="home-final-title" class="font-semibold text-blue-100 !tracking-[-0.035em] [text-wrap:balance] text-3xl !leading-[1.08] sm:text-5xl">Your next video is <span class="bg-gradient-to-r from-blue-400 to-blue-200 bg-clip-text text-transparent whitespace-nowrap">one prompt away</span></h2><p class="mt-4 text-pretty text-base leading-7 text-zinc-400 sm:text-lg">Describe it below. Vid.AI writes the script, voices it and adds the visual
57s and captions.</p></div><form action="/auth/login" method="get" class="group/prompt relative mx-auto mt-9 max-w-2xl"><div aria-hidden="true" class="pointer-events-none absolute -inset-3 rounded-[34px] bg-blue-600/20 opacity-70 blur-2xl transition-opacity duration-300 group-focus-within/prompt:opacity-100"></div><div class="relative overflow-hidden rounded-[26px] p-px shadow-[0_24px_70px_-20px_rgba(37,99,235,0.55)] transition-shadow duration-150 has-[textarea:focus-visible]:ring-2 has-[textarea:focus-visible]:ring-blue-300/80"><div aria-hidden="true" class="absolute inset-0 bg-gradient-to-b from-blue-400/50 via-blue-500/20 to-white/10"></div><div aria-hidden="true" class="home-spin absolute left-1/2 top-1/2 -ml-[500px] -mt-[500px] h-[1000px] w-[1000px] bg-[conic-gradient(from_0deg,transparent_0deg,transparent_250deg,rgba(147,197,253,0.95)_300deg,transparent_340deg)] opacity-80"></div><div class="relative rounded-[25px] bg-[#070b17] transition-colors duration-150 group-focus-within/prompt:bg-[#080d1d]"><label for="home-final-prompt" class="sr-only">Describe the video you want to make</label><textarea id="home-final-prompt" rows="3" maxLength="500" placeholder="A documentary-style video on how the pyramids were really built" aria-describedby="home-final-prompt-hint home-final-prompt-trust" class="block h-[7.25rem] w-full resize-none bg-transparent px-5 pb-1 pt-5 text-base leading-7 text-zinc-50 caret-blue-300 placeholder:text-zinc-400 focus:outline-none sm:h-[6.5rem] sm:text-[17px]"></textarea><div class="flex flex-wrap items-center gap-3 px-3 pb-3 pt-2 sm:pl-4"><div role="group" aria-label="Video format" class="flex flex-wrap gap-1"><button type="button" aria-pressed="true" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-blue-400/50 bg-blue-500/15 text-blue-100 shadow-[0_0_18px_rgba(59,130,246,0.25)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="2.18" ry="2.18"></rect><line x1="7" x2="7" y1="2" y2="22"></line><line x1="17" x2="17" y1="2" y2="22"></line><line x1="2" x2="22" y1="12" y2="12"></line><line x1="2" x2="7" y1="7" y2="7"></line><line x1="2" x2="7" y1="17" y2="17"></line><line x1="17" x2="22" y1="17" y2="17"></line><line x1="17" x2="22" y1="7" y2="7"></line></svg>Faceless video</button><button type="button" aria-pressed="false" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.03] text-zinc-400 hover:border-white/25 hover:bg-white/[0.06] hover:text-zinc-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>Short</button><button type="button" aria-pressed="false" class="inline-flex h-8 items-center gap-1 rounded-full border pl-1.5 pr-2 text-xs font-medium sm:gap-1.5 sm:pl-2 sm:pr-3 sm:text-[13px] transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300 border-white/10 bg-white/[0.03] text-zinc-400 hover:border-white/25 hover:bg-white/[0.06] hover:text-zinc-100"><span class="relative block shrink-0 overflow-hidden rounded-full bg-[radial-gradient(circle_at_50%_100%,rgba(59,130,246,0.55),#0b1230_70%)] h-5 w-5 ring-1 ring-white/10"><img src="/avatar/cast/side-part.svg" alt="" width="840" height="800" decoding="async" loading="lazy" draggable="false" class="pointer-events-none absolute left-1/2 top-[-6%] w-[185%] max-w-none -translate-x-1/2 select-none"/></span>With an avatar</button></div><div class="flex flex-1 items-center justify-between gap-3 sm:ml-auto sm:flex-none sm:justify-end"><span aria-hidden="true" class="pl-1 text-xs tabular-nums transition-colors duration-150 text-zinc-400">0<!-- -->/<!-- -->500</span><button type="submit" class="group/generate inline-flex h-11 min-w-[9.5rem] items-center justify-center gap-2 rounded-xl border border-blue-400/60 bg-gradient-to-r from-blue-600 to-blue-700 px-5 text-[15px] sm:gap-1.5 sm:px-4 font-semibold text-white shadow-[0_0_28px_rgba(59,130,246,0.45)] hover:-translate-y-
57px hover:to-blue-600 hover:shadow-[0_0_44px_rgba(59,130,246,0.65)] disabled:cursor-wait disabled:opacity-90 transition duration-150 ease-out active:scale-[0.98] motion-reduce:transform-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover/generate:rotate-12 group-hover/generate:scale-110 motion-reduce:transform-none" aria-hidden="true"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>Generate<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-150 group-hover/generate:translate-x-0.5 motion-reduce:transform-none sm:hidden" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><kbd aria-hidden="true" class="ml-1 hidden h-5 min-w-[2.5rem] items-center justify-center rounded-md bg-white/15 px-1.5 font-sans text-[11px] font-medium leading-none text-blue-50 sm:inline-flex"></kbd></button></div></div></div></div><p id="home-final-prompt-hint" class="sr-only">Opens sign-in, then the Vid.AI editor.<!-- --> Up to<!-- --> <!-- -->500<!-- --> characters. Press Control or Command plus Enter to generate.</p><p id="home-final-prompt-trust" class="relative mt-3 text-center text-xs text-zinc-400">Cancel anytime · 30-day refund on unused credits</p></form></div></section></div><footer class="mt-16 border-t border-zinc-800 bg-black py-12 text-zinc-100 sm:py-16"><div class="mx-auto max-w-6xl px-6 sm:px-8 lg:px-12"><div class="grid grid-cols-2 gap-x-6 gap-y-10 md:grid-cols-4 lg:grid-cols-[minmax(0,1.2fr)_repeat(4,minmax(0,1fr))] lg:gap-x-8"><div class="col-span-2 md:col-span-4 lg:col-span-1"><a aria-label="Vid.AI home" class="inline-block rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/"><img alt="Vid.AI" loading="lazy" width="60" height="40" decoding="async" data-nimg="1" style="color:transparent;width:60px;height:auto" src="/assets/logos/VIDAI_Blue_Transparent.svg"/></a><p class="mt-5 text-sm text-zinc-400">©<!-- -->2026<!-- --> VidAI LLC</p><ul class="mt-5 flex gap-2"><li><a href="https://x.com/vidaiofficial" aria-label="Vid.AI on X (Twitter)" target="_blank" rel="noopener noreferrer" class="grid h-9 w-9 place-items-center rounded-lg border border-zinc-800 text-zinc-300 transition-colors duration-150 hover:border-zinc-700 hover:bg-zinc-900 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a></li><li><a href="https://instagram.com/vidaiofficial" aria-label="Vid.AI on Instagram" target="_blank" rel="noopener noreferrer" class="grid h-9 w-9 place-items-center rounded-lg border border-zinc-800 text-zinc-300 transition-colors duration-150 hover:border-zinc-700 hover:bg-zinc-900 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a></li><li><a href="https://www.youtube.com/@VidAIOfficial" aria-label="Vid.AI on YouTube" target="_blank" rel="noopener noreferrer" class="grid h-9 w-9 place-items-center rounded-lg border border-zinc-800 text-zinc-300 transition-colors duration-150 hover:border-zinc-700 hover:bg-zinc-900 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
575 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></li><li><a href="https://www.linkedin.com/company/vidai-llc/" aria-label="Vid.AI on LinkedIn" target="_blank" rel="noopener noreferrer" class="grid h-9 w-9 place-items-center rounded-lg border border-zinc-800 text-zinc-300 transition-colors duration-150 hover:border-zinc-700 hover:bg-zinc-900 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></li></ul></div><nav aria-label="Product"><h2 class="text-sm font-semibold text-zinc-100">Product</h2><ul class="mt-4 space-y-3"><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/">Home</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/avatar">Animated Avatars</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/pricing">Pricing</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/#faq">FAQs</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/changelog">Changelog</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/affiliate">Affiliates</a></li></ul></nav><nav aria-label="Developers"><h2 class="text-sm font-semibold text-zinc-100">Developers</h2><ul class="mt-4 space-y-3"><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/mcp">MCP</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/docs/api">API docs</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/docs/mcp">MCP docs</a></li></ul></nav><nav aria-label="Compare"><h2 class="text-sm font-semibold text-zinc-100">Compare</h2><ul class="mt-4 space-y-3"><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/compare/crayo">Vid.AI vs Crayo</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/compare/sendshort">Vid.AI vs SendShort</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/compare/autoshorts">Vid.AI vs AutoShorts</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/compare/shortai">Vid.AI vs Short.ai</a></li></ul></nav><nav aria-label="Legal &amp; support"><h2 class="text-sm font-semibold text-zinc-100">Legal &amp; support</h2><ul class="mt-4 space-y-3"><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/privacy-policy">Privacy policy</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/terms-and-conditions">Terms</a></li><li><a class="text-sm text-zinc-400 transition-colors duration-150 hover:text-white rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300" href="/support">Support</a></li></ul></nav></div><p class="mt-12 border-t border-zinc-900 pt-6 text-[13px] leading-6 text-zinc-400">This site is not a part of the Facebook website or Facebook Inc. Additionally, this site is NOT endorsed by Facebook in any way. FACEBOOK is a trademark of FACEBOOK, Inc. This site is NOT endorsed by Google in any way. Google&#x27;s products and trademarks can be viewed on<!-- --> <a href="https://about.google/brand-resource-center/trademark-list/" target="_blank" rel="noopener noreferrer" class="text-zinc-300 underline decoration-zinc-600 underline-offset-4 transition-colors duration-150 hover:text-white hover:
57decoration-zinc-300 rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-300">Google&#x27;s trademark list</a>.</p></div></footer></div><div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div></div></div>
vendor: 108 bytes, line 57
57<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
57<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"cDDhvtz0kON2nXz-XpiDb","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
57<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"9469c5d178774ca0b1335078ebbcbf5f","r":1,"spa":2}' crossorigin="anonymous"></script>
57
58</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.