1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><link rel="icon" type="image/svg+xml" href="/favicon.svg" data-next-head=""/>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-H43FTP21E3
vendor: 29 bytes, line 1
1" data-next-head=""></script>
1<script data-next-head=""> 2
vendor: 169 bytes, lines 2-5
2window.dataLayer = window.dataLayer || []; 3 function gtag(){dataLayer.push(arguments);} 4 gtag('js', new Date()); 5 gtag('config', '
5G-H43FTP21E3
vendor: 16 bytes, lines 5-6
5'); 6
6</script>
6<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet" data-next-head=""/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/b7352bc06e48ae37.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b7352bc06e48ae37.css" data-n-g=""/><noscript data-n-css=""></noscript>
6<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
6<script src="/_next/static/chunks/webpack-454032003f9c01f8.js" defer=""></script>
6<script src="/_next/static/chunks/framework-825dfd61624c51ed.js" defer=""></script>
6<script src="/_next/static/chunks/main-b63a81ca9a6e75ac.js" defer=""></script>
6<script src="/_next/static/chunks/pages/_app-e3206d38da51b104.js" defer=""></script>
6<script src="/_next/static/chunks/8230-68c983409dc83f01.js" defer=""></script>
6<script src="/_next/static/chunks/4215-f6331ecf989ea461.js" defer=""></script>
6<script src="/_next/static/chunks/2436-c9089bd114a370c0.js" defer=""></script>
6<script src="/_next/static/chunks/4256-21a5a74ad297e52e.js" defer=""></script>
6<script src="/_next/static/chunks/620-c3e1c72170ada1d2.js" defer=""></script>
6<script src="/_next/static/chunks/6068-f14e755bf3fcd51f.js" defer=""></script>
6<script src="/_next/static/chunks/6408-6519a2ababce2b25.js" defer=""></script>
6<script src="/_next/static/chunks/pages/ai-video-generator-d20f5be0ca5fdcb9.js" defer=""></script>
6<script src="/_next/static/uQVPVJzIuR_y9L1ZPmUWH/_buildManifest.js" defer=""></script>
6<script src="/_next/static/uQVPVJzIuR_y9L1ZPmUWH/_ssgManifest.js" defer=""></script>
6<style id="__jsx-d9e87569667b48d3">@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");*.jsx-d9e87569667b48d3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}@-webkit-keyframes gentleFloat{0%,100%{-webkit-transform:translatey(0px)rotate(0deg);transform:translatey(0px)rotate(0deg)}33%{-webkit-transform:translatey(-8px)rotate(.5deg);transform:translatey(-8px)rotate(.5deg)}66%{-webkit-transform:translatey(-4px)rotate(-.3deg);transform:translatey(-4px)rotate(-.3deg)}}@-moz-keyframes gentleFloat{0%,100%{-moz-transform:translatey(0px)rotate(0deg);transform:translatey(0px)rotate(0deg)}33%{-moz-transform:translatey(-8px)rotate(.5deg);transform:translatey(-8px)rotate(.5deg)}66%{-moz-transform:translatey(-4px)rotate(-.3deg);transform:translatey(-4px)rotate(-.3deg)}}@-o-keyframes gentleFloat{0%,100%{-o-transform:translatey(0px)rotate(0deg);transform:translatey(0px)rotate(0deg)}33%{-o-transform:translatey(-8px)rotate(.5deg);transform:translatey(-8px)rotate(.5deg)}66%{-o-transform:translatey(-4px)rotate(-.3deg);transform:translatey(-4px)rotate(-.3deg)}}@keyframes gentleFloat{0%,100%{-webkit-transform:translatey(0px)rotate(0deg);-moz-transform:translatey(0px)rotate(0deg);-o-transform:translatey(0px)rotate(0deg);transform:translatey(0px)rotate(0deg)}33%{-webkit-transform:translatey(-8px)rotate(.5deg);-moz-transform:translatey(-8px)rotate(.5deg);-o-transform:translatey(-8px)rotate(.5deg);transform:translatey(-8px)rotate(.5deg)}66%{-webkit-transform:translatey(-4px)rotate(-.3deg);-moz-transform:translatey(-4px)rotate(-.3deg);-o-transform:translatey(-4px)rotate(-.3deg);transform:translatey(-4px)rotate(-.3deg)}}@-webkit-keyframes subtlePulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}@-moz-keyframes subtlePulse{0%,100%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.02);transform:scale(1.02)}}@-o-keyframes subtlePulse{0%,100%{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(1.02);transform:scale(1.02)}}@keyframes subtlePulse{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}}@-webkit-keyframes slideInUp{from{opacity:0;-webkit-transform:translatey(30px);transform:translatey(30px)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideInUp{from{opacity:0;-moz-transform:translatey(30px);transform:translatey(30px)}to{opacity:1;-moz-transform:translatey(0);transform:translatey(0)}}@-o-keyframes slideInUp{from{opacity:0;-o-transform:translatey(30px);transform:translatey(30px)}to{opacity:1;-o-transform:translatey(0);transform:translatey(0)}}@keyframes slideInUp{from{opacity:0;-webkit-transform:translatey(30px);-moz-transform:translatey(30px);-o-transform:translatey(30px);transform:translatey(30px)}to{opacity:1;-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}}.animate-gentle-float.jsx-d9e87569667b48d3{-webkit-animation:gentleFloat 6s ease-in-out infinite;-moz-animation:gentleFloat 6s ease-in-out infinite;-o-animation:gentleFloat 6s ease-in-out infinite;animation:gentleFloat 6s ease-in-out infinite}.animate-gentle-float-delayed.jsx-d9e87569667b48d3{-webkit-animation:gentleFloat 6s ease-in-out infinite 2s;-moz-animation:gentleFloat 6s ease-in-out infinite 2s;-o-animation:gentleFloat 6s ease-in-out infinite 2s;animation:gentleFloat 6s ease-in-out infinite 2s}.animate-subtle-pulse.jsx-d9e87569667b48d3{-webkit-animation:subtlePulse 4s ease-in-out infinite;-moz-animation:subtlePulse 4s ease-in-out infinite;-o-animation:subtlePulse 4s ease-in-out infinite;animation:subtlePulse 4s ease-in-out infinite}.animate-slide-in-up.jsx-d9e87569667b48d3{-webkit-animation:slideInUp.8s ease-out forwards;-moz-animation:slideInUp.8s ease-out forwards;-o-animation:slideInUp.8s ease-out forwards;animation:slideInUp.8s ease-out forwards}.animated-words-container.jsx-d9e87569667b48d3{position:relative;display:inline-block;color:rgb(240,92,0);height:1.2em;vertical-align:baseline;overflow:hidden;width:240px;text-align:left}@media(min-width:768px){.animated-words-container.jsx-d9e87569667b48d3{width:300px}}.animated-words.jsx-d9e87569667b48d3{position:relative;display:block;height:100%}.animated-words.jsx-d9e87569667b48d3 span.jsx-d9e87569667b48d3{display:block;height:1.2em;-webkit-animation:animateWords 8s infinite ease;-moz-animation:animateWords 8s infinite ease;-o-animation:animateWords 8s infinite ease;animation:animateWords 8s infinite ease;margin:0;padding:0}@-webkit-keyframes animateWords{0%{-webkit-transform:translatey(0%);transform:translatey(0%)}20%{-webkit-transform:translatey(0%);transform:translatey(0%)}25%{-webkit-transform:translatey(-100%);transform:translatey(-100%)}45%{-webkit-transform:translatey(-100%);transform:translatey(-100%)}50%{-webkit-transform:translatey(-200%);transform:translatey(-200%)}70%{-webkit-transform:translatey(-200%);transform:translatey(-200%)}75%{-webkit-transform:translatey(-300%);transform:translatey(-300%)}95%{-webkit-transform:translatey(-300%);transform:translatey(-300%)}100%{-webkit-transform:translatey(-400%);transform:translatey(-400%)}}@-moz-keyframes animateWords{0%{-moz-transform:translatey(0%);transform:translatey(0%)}20%{-moz-transform:translatey(0%);transform:translatey(0%)}25%{-moz-transform:translatey(-100%);transform:translatey(-100%)}45%{-moz-transform:translatey(-100%);transform:translatey(-100%)}50%{-moz-transform:translatey(-200%);transform:translatey(-200%)}70%{-moz-transform:translatey(-200%);transform:translatey(-200%)}75%{-moz-transform:translatey(-300%);transform:translatey(-300%)}95%{-moz-transform:translatey(-300%);transform:translatey(-300%)}100%{-moz-transform:translatey(-400%);transform:translatey(-400%)}}@-o-keyframes animateWords{0%{-o-transform:translatey(0%);transform:translatey(0%)}20%{-o-transform:translatey(0%);transform:translatey(0%)}25%{-o-transform:translatey(-100%);transform:translatey(-100%)}45%{-o-transform:translatey(-100%);transform:translatey(-100%)}50%{-o-transform:translatey(-200%);transform:translatey(-200%)}70%{-o-transform:translatey(-200%);transform:translatey(-200%)}75%{-o-transform:translatey(-300%);transform:translatey(-300%)}95%{-o-transform:translatey(-300%);transform:translatey(-300%)}100%{-o-transform:translatey(-400%);transform:translatey(-400%)}}@keyframes animateWords{0%{-webkit-transform:translatey(0%);-moz-transform:translatey(0%);-o-transform:translatey(0%);transform:translatey(0%)}20%{-webkit-transform:translatey(0%);-moz-transform:translatey(0%);-o-transform:translatey(0%);transform:translatey(0%)}25%{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-100%)}45%{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-100%)}50%{-webkit-transform:translatey(-200%);-moz-transform:translatey(-200%);-o-transform:translatey(-200%);transform:translatey(-200%)}70%{-webkit-transform:translatey(-200%);-moz-transform:translatey(-200%);-o-transform:translatey(-200%);transform:translatey(-200%)}75%{-webkit-transform:translatey(-300%);-moz-transform:translatey(-300%);-o-transform:translatey(-300%);transform:translatey(-300%)}95%{-webkit-transform:translatey(-300%);-moz-transform:translatey(-300%);-o-transform:translatey(-300%);transform:translatey(-300%)}100%{-webkit-transform:translatey(-400%);-moz-transform:translatey(-400%);-o-transform:translatey(-400%);transform:translatey(-400%)}}.title-area.jsx-d9e87569667b48d3{position:relative}.corner-image.jsx-d9e87569667b48d3{position:absolute;width:80px;height:80px;z-index:20;
6-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-webkit-transition:all.8s cubic-bezier(.25,.46,.45,.94);-moz-transition:all.8s cubic-bezier(.25,.46,.45,.94);-o-transition:all.8s cubic-bezier(.25,.46,.45,.94);transition:all.8s cubic-bezier(.25,.46,.45,.94);-webkit-animation:subtleFloat 4s ease-in-out infinite;-moz-animation:subtleFloat 4s ease-in-out infinite;-o-animation:subtleFloat 4s ease-in-out infinite;animation:subtleFloat 4s ease-in-out infinite}@media(min-width:768px){.corner-image.jsx-d9e87569667b48d3{width:100px;height:100px}}.corner-image.jsx-d9e87569667b48d3 img.jsx-d9e87569667b48d3{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px}.corner-top-left.jsx-d9e87569667b48d3{top:-20px;left:15px;-webkit-transform:rotate(-15deg)scale(.9);-moz-transform:rotate(-15deg)scale(.9);-ms-transform:rotate(-15deg)scale(.9);-o-transform:rotate(-15deg)scale(.9);transform:rotate(-15deg)scale(.9);-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.corner-top-right.jsx-d9e87569667b48d3{top:10px;right:-10px;-webkit-transform:rotate(12deg)scale(.9);-moz-transform:rotate(12deg)scale(.9);-ms-transform:rotate(12deg)scale(.9);-o-transform:rotate(12deg)scale(.9);transform:rotate(12deg)scale(.9);-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.corner-bottom-left.jsx-d9e87569667b48d3{bottom:5px;left:-15px;-webkit-transform:rotate(8deg)scale(.9);-moz-transform:rotate(8deg)scale(.9);-ms-transform:rotate(8deg)scale(.9);-o-transform:rotate(8deg)scale(.9);transform:rotate(8deg)scale(.9);-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.corner-bottom-right.jsx-d9e87569667b48d3{bottom:-15px;right:20px;-webkit-transform:rotate(-10deg)scale(.9);-moz-transform:rotate(-10deg)scale(.9);-ms-transform:rotate(-10deg)scale(.9);-o-transform:rotate(-10deg)scale(.9);transform:rotate(-10deg)scale(.9);-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}@media(min-width:768px){.corner-top-left.jsx-d9e87569667b48d3{top:-30px;left:25px;-webkit-transform:rotate(-15deg)scale(.9);-moz-transform:rotate(-15deg)scale(.9);-ms-transform:rotate(-15deg)scale(.9);-o-transform:rotate(-15deg)scale(.9);transform:rotate(-15deg)scale(.9)}.corner-top-right.jsx-d9e87569667b48d3{top:15px;right:-20px;-webkit-transform:rotate(12deg)scale(.9);-moz-transform:rotate(12deg)scale(.9);-ms-transform:rotate(12deg)scale(.9);-o-transform:rotate(12deg)scale(.9);transform:rotate(12deg)scale(.9)}.corner-bottom-left.jsx-d9e87569667b48d3{bottom:10px;left:-25px;-webkit-transform:rotate(8deg)scale(.9);-moz-transform:rotate(8deg)scale(.9);-ms-transform:rotate(8deg)scale(.9);-o-transform:rotate(8deg)scale(.9);transform:rotate(8deg)scale(.9)}.corner-bottom-right.jsx-d9e87569667b48d3{bottom:-25px;right:30px;-webkit-transform:rotate(-10deg)scale(.9);-moz-transform:rotate(-10deg)scale(.9);-ms-transform:rotate(-10deg)scale(.9);-o-transform:rotate(-10deg)scale(.9);transform:rotate(-10deg)scale(.9)}}.corner-image.active.jsx-d9e87569667b48d3{opacity:1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-animation:pulseGlow.6s ease;-moz-animation:pulseGlow.6s ease;-o-animation:pulseGlow.6s ease;animation:pulseGlow.6s ease}.corner-image.active.jsx-d9e87569667b48d3 img.jsx-d9e87569667b48d3{-webkit-box-shadow:0 8px 24px rgba(59,130,246,.3);-moz-box-shadow:0 8px 24px rgba(59,130,246,.3);box-shadow:0 8px 24px rgba(59,130,246,.3);border:2px solid#3B82F6}@-webkit-keyframes pulseGlow{0%{-webkit-transform:scale(.9);transform:scale(.9);-webkit-box-shadow:0 0 0 0 rgba(59,130,246,.7);box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 0 0 10px rgba(59,130,246,0);box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 0 0 rgba(59,130,246,0);box-shadow:0 0 0 0 rgba(59,130,246,0)}}@-moz-keyframes pulseGlow{0%{-moz-transform:scale(.9);transform:scale(.9);-moz-box-shadow:0 0 0 0 rgba(59,130,246,.7);box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{-moz-transform:scale(1.15);transform:scale(1.15);-moz-box-shadow:0 0 0 10px rgba(59,130,246,0);box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{-moz-transform:scale(1.1);transform:scale(1.1);-moz-box-shadow:0 0 0 0 rgba(59,130,246,0);box-shadow:0 0 0 0 rgba(59,130,246,0)}}@-o-keyframes pulseGlow{0%{-o-transform:scale(.9);transform:scale(.9);box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{-o-transform:scale(1.15);transform:scale(1.15);box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{-o-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes pulseGlow{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-webkit-box-shadow:0 0 0 0 rgba(59,130,246,.7);-moz-box-shadow:0 0 0 0 rgba(59,130,246,.7);box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 0 0 10px rgba(59,130,246,0);-moz-box-shadow:0 0 0 10px rgba(59,130,246,0);box-shadow:0 0 0 10px rgba(59,130,246,0)}100%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 0 0 rgba(59,130,246,0);-moz-box-shadow:0 0 0 0 rgba(59,130,246,0);box-shadow:0 0 0 0 rgba(59,130,246,0)}}.corner-top-left.jsx-d9e87569667b48d3{-webkit-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-moz-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-o-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.corner-top-right.jsx-d9e87569667b48d3{-webkit-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-moz-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-o-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-webkit-animation-delay:-6s;-moz-animation-delay:-6s;-o-animation-delay:-6s;animation-delay:-6s}.corner-bottom-left.jsx-d9e87569667b48d3{-webkit-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-moz-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-o-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-webkit-animation-delay:-4s;-moz-animation-delay:-4s;-o-animation-delay:-4s;animation-delay:-4s}.corner-bottom-right.jsx-d9e87569667b48d3{-webkit-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-moz-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-o-animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);animation:cornerHighlight 8s infinite cubic-bezier(.25,.46,.45,.94);-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s}@-webkit-keyframes subtleFloat{0%,100%{-webkit-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9)}50%{-webkit-transform:translatey(-8px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95)}}@-moz-keyframes subtleFloat{0%,100%{-moz-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9)}50%{-moz-transform:translatey(-8px)rotate(-moz-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(-moz-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95)}}@-o-keyframes subtleFloat{0%,100%{-o-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9)}50%{-o-transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95)}}@keyframes subtleFloat{0%,100%{-webkit-transform:translatey(0px)rotate(var(--rotation))scale(.9);-moz-transform:translatey(0px)rotate(var(--rotation))scale(.9);-o-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9)}50%{-webkit-transform:translatey(-8px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(.95);-moz-transform:translatey(-8px)rotate(-moz-calc(var(--rotation) + 2deg))scale(.95);-o-transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(-moz-calc(var(--rotation) + 2deg))scale(.95);transform:translatey(-8px)rotate(calc(var(--rotation) + 2deg))scale(.95)}}@-webkit-keyframes cornerHighlight{0%{opacity:.85;-webkit-transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);-webkit-filter:drop-shadow(0 6px 12px rgba(59,130,246,.2));filter:drop-shadow(0 6px 12px rgba(59,130,246,.2))}5%{opacity:.95;-webkit-transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);-webkit-filter:drop-shadow(0 10px 20px rgba(59,130,246,.3));filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}10%{opacity:1;-webkit-transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);-webkit-filter:drop-shadow(0 14px 28px rgba(59,130,246,.4));filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}15%{opacity:1;-webkit-transform:translatey(-12px)rotate(-webkit-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(-webkit-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);-webkit-filter:drop-shadow(0 16px 32px rgba(59,130,246,.5));filter:drop-shadow(0 16px 32px rgba(59,130,246,.5))}20%{opacity:1;-webkit-transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);-webkit-filter:drop-shadow(0 14px 28px rgba(59,130,246,.4));filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}22%{opacity:.95;-webkit-transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);-webkit-filter:drop-shadow(0 10px 20px rgba(59,130,246,.3));filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}25%{opacity:.85;-webkit-transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);-webkit-filter:drop-shadow(0 6px 12px rgba(59,130,246,.1));filter:drop-shadow(0 6px 12px rgba(59,130,246,.1))}30%,100%{opacity:.8;-webkit-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9);-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}}@-moz-keyframes cornerHighlight{0%{opacity:.85;-moz-transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);filter:drop-shadow(0 6px 12px rgba(59,130,246,.2))}5%{opacity:.95;-moz-transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}10%{opacity:1;-moz-transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}15%{opacity:1;-moz-transform:translatey(-12px)rotate(-moz-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(-moz-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);filter:drop-shadow(0 16px 32px rgba(59,130,246,.5))}20%{opacity:1;-moz-transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}22%{opacity:.95;-moz-transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}25%{opacity:.85;-moz-transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);filter:drop-shadow(0 6px 12px rgba(59,130,246,.1))}30%,100%{opacity:.8;-moz-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}}@-o-keyframes cornerHighlight{0%{opacity:.85;
6-o-transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);filter:drop-shadow(0 6px 12px rgba(59,130,246,.2))}5%{opacity:.95;-o-transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}10%{opacity:1;-o-transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}15%{opacity:1;-o-transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);filter:drop-shadow(0 16px 32px rgba(59,130,246,.5))}20%{opacity:1;-o-transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}22%{opacity:.95;-o-transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}25%{opacity:.85;-o-transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);filter:drop-shadow(0 6px 12px rgba(59,130,246,.1))}30%,100%{opacity:.8;-o-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}}@keyframes cornerHighlight{0%{opacity:.85;-webkit-transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);-moz-transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);-o-transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);-webkit-filter:drop-shadow(0 6px 12px rgba(59,130,246,.2));filter:drop-shadow(0 6px 12px rgba(59,130,246,.2))}5%{opacity:.95;-webkit-transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);-moz-transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);-o-transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);-webkit-filter:drop-shadow(0 10px 20px rgba(59,130,246,.3));filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}10%{opacity:1;-webkit-transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);-moz-transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);-o-transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);-webkit-filter:drop-shadow(0 14px 28px rgba(59,130,246,.4));filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}15%{opacity:1;-webkit-transform:translatey(-12px)rotate(-webkit-calc(var(--rotation) + 5deg))scale(1.2);-moz-transform:translatey(-12px)rotate(-moz-calc(var(--rotation) + 5deg))scale(1.2);-o-transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(-webkit-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(-moz-calc(var(--rotation) + 5deg))scale(1.2);transform:translatey(-12px)rotate(calc(var(--rotation) + 5deg))scale(1.2);-webkit-filter:drop-shadow(0 16px 32px rgba(59,130,246,.5));filter:drop-shadow(0 16px 32px rgba(59,130,246,.5))}20%{opacity:1;-webkit-transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);-moz-transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);-o-transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-webkit-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(-moz-calc(var(--rotation) + 4deg))scale(1.15);transform:translatey(-10px)rotate(calc(var(--rotation) + 4deg))scale(1.15);-webkit-filter:drop-shadow(0 14px 28px rgba(59,130,246,.4));filter:drop-shadow(0 14px 28px rgba(59,130,246,.4))}22%{opacity:.95;-webkit-transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);-moz-transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);-o-transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-webkit-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(-moz-calc(var(--rotation) + 2deg))scale(1.05);transform:translatey(-6px)rotate(calc(var(--rotation) + 2deg))scale(1.05);-webkit-filter:drop-shadow(0 10px 20px rgba(59,130,246,.3));filter:drop-shadow(0 10px 20px rgba(59,130,246,.3))}25%{opacity:.85;-webkit-transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);-moz-transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);-o-transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-webkit-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(-moz-calc(var(--rotation) + 1deg))scale(.95);transform:translatey(-2px)rotate(calc(var(--rotation) + 1deg))scale(.95);-webkit-filter:drop-shadow(0 6px 12px rgba(59,130,246,.1));filter:drop-shadow(0 6px 12px rgba(59,130,246,.1))}30%,100%{opacity:.8;-webkit-transform:translatey(0px)rotate(var(--rotation))scale(.9);-moz-transform:translatey(0px)rotate(var(--rotation))scale(.9);-o-transform:translatey(0px)rotate(var(--rotation))scale(.9);transform:translatey(0px)rotate(var(--rotation))scale(.9);-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}}.corner-top-left.jsx-d9e87569667b48d3{--rotation:-15deg}.corner-top-right.jsx-d9e87569667b48d3{--rotation:12deg}.corner-bottom-left.jsx-d9e87569667b48d3{--rotation:8deg}.corner-bottom-right.jsx-d9e87569667b48d3{--rotation:-10deg}</style><style id="__jsx-ae6e89d2355b4ec4">.video-slider-3d.jsx-ae6e89d2355b4ec4{position:absolute;top:50%;left:50%;
6-webkit-transform:translate3d(-50%,-50%,0)rotatex(0deg)rotatey(-25deg)rotatez(-120deg);-moz-transform:translate3d(-50%,-50%,0)rotatex(0deg)rotatey(-25deg)rotatez(-120deg);transform:translate3d(-50%,-50%,0)rotatex(0deg)rotatey(-25deg)rotatez(-120deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s cubic-bezier(.075,.82,.165,1);-moz-transition:1s cubic-bezier(.075,.82,.165,1);-o-transition:1s cubic-bezier(.075,.82,.165,1);transition:1s cubic-bezier(.075,.82,.165,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}.video-card-3d.jsx-ae6e89d2355b4ec4{position:relative;width:200px;height:433px;-webkit-transform:rotatex(20deg)rotatey(-10deg)rotatez(130deg);-moz-transform:rotatex(20deg)rotatey(-10deg)rotatez(130deg);-ms-transform:rotatex(20deg)rotatey(-10deg)rotatez(130deg);-o-transform:rotatex(20deg)rotatey(-10deg)rotatez(130deg);transform:rotatex(20deg)rotatey(-10deg)rotatez(130deg);border:2px solid rgba(255,255,255,.25);-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden;margin:-320px 0;-webkit-transition:-webkit-transform 1s cubic-bezier(.075,.82,.165,1);-moz-transition:-moz-transform 1s cubic-bezier(.075,.82,.165,1);-o-transition:-o-transform 1s cubic-bezier(.075,.82,.165,1);transition:-webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition:-moz-transform 1s cubic-bezier(.075,.82,.165,1);transition:-o-transform 1s cubic-bezier(.075,.82,.165,1);transition:transform 1s cubic-bezier(.075,.82,.165,1)}.video-card-3d.jsx-ae6e89d2355b4ec4 img.jsx-ae6e89d2355b4ec4{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}</style></head><body><div id="__next"><main class="__className_f367f3"><div class="flex flex-col min-h-screen"><header class="fixed inset-x-0 top-0 z-50 transition-all duration-300 translate-y-0 "><div class="transition-all duration-300 bg-transparent"><nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global"><div class="flex lg:flex-1 items-center gap-12"><a class="-m-1.5 p-1.5 flex items-center" href="/"><span class="sr-only">BioPik</span><img class="w-auto inline-block transition-all duration-300 h-8 md:h-16" src="/biopik-logo.webp" alt="Biopik Logo"/><h1 class="inline-block font-bold tracking-tight text-gray-900 ml-2 transition-all duration-300 text-base sm:text-2xl">BioPik</h1></a><div class="hidden md:flex items-center gap-8"><div class="relative" data-headlessui-state=""><button class="flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors duration-200" id="headlessui-menu-button-:R4pab6:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Features<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="ml-1 h-4 w-4"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></button></div><button class="text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors duration-200">How it works</button><button class="text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors duration-200">Pricing</button><a class="text-sm font-medium text-gray-700 hover:text-gray-900 transition-colors duration-200" href="/blog">Blog</a></div></div><div class="flex items-center gap-6 lg:flex lg:flex-1 lg:justify-end"></div></nav></div></header><main class="flex-grow"><div class="min-h-screen bg-gradient-to-br from-emerald-50 to-white"><section class="jsx-d9e87569667b48d3 relative min-h-screen bg-gradient-to-br from-slate-50 via-white to-blue-50/30 py-24 px-4 overflow-x-hidden"><div class="jsx-d9e87569667b48d3 absolute inset-0 opacity-[0.02]"><div style="background-image:radial-gradient(circle at 1px 1px, rgb(0,0,0) 1px, transparent 0);background-size:24px 24px" class="jsx-d9e87569667b48d3 absolute inset-0"></div></div><div class="jsx-d9e87569667b48d3 max-w-7xl mx-auto relative mt-2
60"><div class="jsx-d9e87569667b48d3 text-center mb-10 animate-slide-in-up relative"><div class="jsx-d9e87569667b48d3 title-area"><h1 class="jsx-d9e87569667b48d3 text-2xl max-w-5xl text-center md:text-6xl font-semibold text-gray-800 mb-6 tracking-tight mx-auto leading-tight"><div class="jsx-d9e87569667b48d3 mb-4">Create<div class="jsx-d9e87569667b48d3 inline-block relative w-24 h-14 md:w-48 md:h-24 mx-4"><img src="/viral.png" alt="logo" class="jsx-d9e87569667b48d3 absolute top-4 left-0 w-32 h-16 md:w-48 md:h-24 animate-subtle-pulse"/></div>content that drives</div><div class="jsx-d9e87569667b48d3 relative inline-block flex justify-center align-end">traffic to your<span class="jsx-d9e87569667b48d3 animated-words-container ml-3"><span class="jsx-d9e87569667b48d3 animated-words"><span class="jsx-d9e87569667b48d3">business</span><span class="jsx-d9e87569667b48d3">product</span><span class="jsx-d9e87569667b48d3">store</span><span class="jsx-d9e87569667b48d3">app</span><span class="jsx-d9e87569667b48d3">business</span></span></span></div><div class="jsx-d9e87569667b48d3 corner-image corner-top-left"><img src="/ecommerce.png" alt="Business" class="jsx-d9e87569667b48d3"/></div><div class="jsx-d9e87569667b48d3 corner-image corner-top-right"><img src="/dyson.png" alt="Product" class="jsx-d9e87569667b48d3"/></div><div class="jsx-d9e87569667b48d3 corner-image corner-bottom-left"><img src="/store.png" alt="Store" class="jsx-d9e87569667b48d3"/></div><div class="jsx-d9e87569667b48d3 corner-image corner-bottom-right"><img src="/app.png" alt="App" class="jsx-d9e87569667b48d3"/></div></h1></div></div><div class="jsx-d9e87569667b48d3 max-w-3xl mx-auto animate-gentle-float-delayed"><p class="jsx-d9e87569667b48d3 text-2xl md:text-3xl text-gray-700 font-light mb-8 leading-relaxed">Create 100s of UGC videos, viral ads, product launch, whatsapp status videos in seconds.</p><div class="jsx-d9e87569667b48d3 flex flex-col sm:flex-row items-center justify-center gap-4 mt-8"><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500 px-10 py-4 text-lg rounded-xl bg-gray-800 hover:bg-gray-900 text-white px-8 py-4 text-lg font-semibold transform transition-all duration-300 hover:scale-105 hover:shadow-xl shadow-lg rounded-full">Create Your Avatar</button><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 focus:ring-blue-500 px-10 py-4 text-lg rounded-xl bg-gray-50 hover:bg-gray-100 border-2 border-gray-200 hover:border-gray-300 text-gray-700 px-8 py-4 text-lg font-semibold rounded-full transition-all duration-300 hover:scale-105">Explore Features</button></div></div></div><div class="jsx-d9e87569667b48d3 relative mb-40 py-6"><div class="jsx-d9e87569667b48d3 overflow-hidden"><div class="jsx-d9e87569667b48d3 flex gap-8 md:gap-12 px-4"><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-100 scale-100 translate-y-0" style="top:-18%;left:15%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;left:15%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð¦</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Drop your product</div></foreignObject></svg></div></div><div class="absolute transition-all duration-1000 ease-out opacity-100 scale-100 translate-y-0" style="bottom:-18%;right:10%;animation-delay:400ms;z-index:10"><div class="absolute pointer-events-none " style="bottom:-18%;right:10%;width:160px;height:110px;animation-delay:400ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:92px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">â¨</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 95 Q45 75, 65 55 Q85 35, 70 15" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url
6(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,20 70,10 75,20" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">AI models appear</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-rose-100 to-pink-200 flex items-center justify-center relative overflow-hidden"><img src="/11.webp" alt="Woman with skincare product" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;right:20%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;right:20%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð¯</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Perfect staging</div></foreignObject></svg></div></div><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="bottom:-18%;left:15%;animation-delay:400ms;z-index:10"><div class="absolute pointer-events-none " style="bottom:-18%;left:15%;width:160px;height:110px;animation-delay:400ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:92px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 95 Q45 75, 65 55 Q85 35, 70 15" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,20 70,10 75,20" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Natural poses</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-orange-200 to-amber-300 flex items-center justify-center relative overflow-hidden"><img src="/12.webp" alt="Woman in colorful outfit" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-trans
6parent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;left:10%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;left:10%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð¨</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Brand harmony</div></foreignObject></svg></div></div><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="bottom:-18%;right:15%;animation-delay:400ms;z-index:10"><div class="absolute pointer-events-none " style="bottom:-18%;right:15%;width:160px;height:110px;animation-delay:400ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:92px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 95 Q45 75, 65 55 Q85 35, 70 15" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,20 70,10 75,20" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Style sync</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-teal-200 to-cyan-300 flex items-center justify-center relative overflow-hidden"><img src="/13.webp" alt="Person in blue styling" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;right:15%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;right:15%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð§ </div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url
6(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Smart placement</div></foreignObject></svg></div></div><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="bottom:-18%;left:20%;animation-delay:400ms;z-index:10"><div class="absolute pointer-events-none " style="bottom:-18%;left:20%;width:160px;height:110px;animation-delay:400ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:92px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð«</div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 95 Q45 75, 65 55 Q85 35, 70 15" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,20 70,10 75,20" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Genuine emotion</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-orange-300 to-red-200 flex items-center justify-center relative overflow-hidden"><img src="/14.webp" alt="Woman with food product" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;right:15%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;right:15%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð§ </div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Smart placement</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-orange-300 to-red-200 flex items-center justify-center relative overflow-hidden"><img src="/15.png" alt="Woman with food product" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-trans
6parent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;right:15%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;right:15%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð§ </div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Smart placement</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-orange-300 to-red-200 flex items-center justify-center relative overflow-hidden"><img src="/20.webp" alt="Woman with food product" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div><div class="jsx-d9e87569667b48d3 flex-none w-48 md:w-64 relative pb-20"><div class="absolute transition-all duration-1000 ease-out opacity-0 scale-90 translate-y-2" style="top:-18%;right:15%;animation-delay:0ms;z-index:10"><div class="absolute pointer-events-none " style="top:-18%;right:15%;width:160px;height:110px;animation-delay:0ms"><div class="absolute w-10 h-10 bg-white rounded-full shadow-xl flex items-center justify-center text-lg border border-gray-100 backdrop-blur-sm" style="top:8px;left:50%;transform:translateX(-50%);background:rgba(255, 255, 255, 0.95)">ð§ </div><svg class="w-full h-full" viewBox="0 0 160 110" fill="none"><path d="M70 15 Q45 35, 65 55 Q85 75, 70 95" stroke="#1f2937" stroke-width="2.5" fill="none" stroke-linecap="round" filter="url(#shadow)"></path><defs><filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="1" dy="2" stdDeviation="1" flood-opacity="0.1"></feDropShadow></filter></defs><polygon points="65,90 70,100 75,90" fill="#1f2937"></polygon><foreignObject x="45" y="43" width="90" height="24"><div class="bg-gray-900 text-white text-xs font-semibold px-3 py-1.5 rounded-full text-center whitespace-nowrap shadow-lg border border-gray-700">Smart placement</div></foreignObject></svg></div></div><div class="jsx-d9e87569667b48d3 relative mx-auto group cursor-pointer"><div class="jsx-d9e87569667b48d3 relative aspect-[9/19.5] rounded-[1.5rem] overflow-hidden shadow-2xl"><div class="jsx-d9e87569667b48d3 absolute top-4 left-1/2 transform -translate-x-1/2 z-20"><div class="jsx-d9e87569667b48d3 bg-black rounded-full w-20 h-4 shadow-xl"></div></div><div class="jsx-d9e87569667b48d3 w-full h-full bg-gradient-to-br from-orange-300 to-red-200 flex items-center justify-center relative overflow-hidden"><img src="/17.png" alt="Woman with food product" class="jsx-d9e87569667b48d3 w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-105"/><div class="jsx-d9e87569667b48d3 absolute inset-0 bg-gradient-to-t from-blue-600/20 via-trans
6parent to-transparent opacity-0 group-hover:opacity-100 transition-all duration-500 flex items-end justify-center pb-8"><div class="jsx-d9e87569667b48d3 bg-white/95 backdrop-blur-md rounded-2xl px-6 py-3 text-blue-700 font-semibold shadow-xl transform translate-y-4 group-hover:translate-y-0 transition-all duration-500 border border-blue-100"><div class="jsx-d9e87569667b48d3 flex items-center gap-2"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>AI Enhanced</div></div></div></div></div></div></div></div></div><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 focus:ring-blue-500 p-2 rounded-lg absolute left-6 top-1/2 transform -translate-y-1/2 bg-white/90 backdrop-blur-md hover:bg-white shadow-xl z-20 transition-all duration-300 hover:scale-110 border-gray-200/50 w-12 h-12"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 text-gray-700"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path></svg></button><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 focus:ring-blue-500 p-2 rounded-lg absolute right-6 top-1/2 transform -translate-y-1/2 bg-white/90 backdrop-blur-md hover:bg-white shadow-xl z-20 transition-all duration-300 hover:scale-110 border-gray-200/50 w-12 h-12"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 text-gray-700"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></button></div><div class="jsx-d9e87569667b48d3 flex flex-col items-center gap-6"><div class="jsx-d9e87569667b48d3 flex justify-center gap-3"><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-8 h-3 bg-blue-600 shadow-lg"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button><button class="jsx-d9e87569667b48d3 transition-all duration-300 rounded-full w-3 h-3 bg-gray-300 hover:bg-gray-400 hover:scale-125"></button></div></div><div class="jsx-d9e87569667b48d3 text-center mt-20 animate-slide-in-up"><div class="jsx-d9e87569667b48d3 max-w-2xl mx-auto mb-8"><h2 class="jsx-d9e87569667b48d3 text-3xl md:text-4xl font-bold text-gray-900 mb-4">Ready to build your AI avatar?</h2><p class="jsx-d9e87569667b48d3 text-lg text-gray-600 leading-relaxed">Join thousands of professionals and creators using AI to scale their visual content</p></div><div class="jsx-d9e87569667b48d3 flex flex-col sm:flex-row items-center justify-center gap-4 mb-6"><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500 px-10 py-4 text-lg rounded-xl bg-gradient-to-r from-blue-600 to-indigo-700 hover:from-blue-700 hover:to-indigo-800 text-white px-10 py-4 text-lg font-semibold transform transition-all duration-300 hover:scale-105 hover:shadow-xl shadow-lg rounded-full">Start Your Avatar Journey</button><button class="inline-flex items-center justify-center font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 focus:ring-blue-500 px-10 py-4 text-lg rounded-xl px-10 py-4 text-lg font-semibold border-2 border-gray-300 hover:border-gray-400 rounded-full transition-all duration-300 hover:scale-105 bg-transparent">View All Features</button></div><div class="jsx-d9e87569667b48d3 flex items-center justify-center gap-6 text-sm text-gray-500"><div class="jsx-d9e87569667b48d3 flex items-center gap-1"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-green-500 rounded-full"></div>No credit card required</div><div class="jsx-d9e87569667b48d3 flex items-center gap-1"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-blue-500 rounded-full"></div>Free 7-day trial</div><div class="jsx-d9e87569667b48d3 flex items-center gap-1"><div class="jsx-d9e87569667b48d3 w-2 h-2 bg-purple-500 rounded-full"></div>Cancel anytime</div></div></div></section><div><div class="jsx-ae6e89d2355b4ec4 video-slider-3d-container relative w-full h-screen overflow-hidden bg-transparent"><div aria-label="3D video slider" class="jsx-ae6e89d2355b4ec4 video-slider-3d"></div></div></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Powered by Advanced AI Technology</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">Built on cutting-edge video generation models for professional-quality results</p></div><div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16"><div class="text-center bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="text-3xl font-bold text-emerald-600 mb-2">VEO3 Integration</div><h3 class="text-lg font-semibold text-gray-900 mb-2">Advanced AI Models</h3><p class="text-gray-600 text-sm">Powered by cutting-edge video generation technology</p></div><div class="text-center bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="text-3xl font-bold text-emerald-600 mb-2">Up to 4K</div><h3 class="text-lg font-semibold text-gray-900 mb-2">High Resolution</h3><p class="text-gray-600 text-sm">4K quality output for professional applications</p></div><div class="text-center bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="text-3xl font-bold text-emerald-600 mb-2">< 5 minutes</div><h3 class="text-lg font-semibold text-gray-900 mb-2">Fast Generation</h3><p class="text-gray-600 text-sm">Quick turnaround times for all your content needs</p></div><div class="text-center bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="text-3xl font-bold text-emerald-600 mb-2">15s - 5min</div><h3 class="text-lg font-semibold text-gray-900 mb-2">Custom Length</h3><p class="text-gray-600 text-sm">Generate videos from 15 seconds to 5 minutes</p></div></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Custom Scenarios</h3><p class="text-gray-600">Create unique video content for any scenario or use case</p></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Brand Consistency</h3><p class="text-gray-600">Maintain your brand voice and visual identity across all content</p></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Multiple Formats</h3><p class="text-gray-600">Generate content in various aspect ratios for different platforms</p></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Voice Synthesis</h3><p class="text-gray-600">Add natural-sounding voiceovers in your voice or choose from our library</p></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Analytics Integration</h3><p class="text-gray-600">Track performance and optimize your video content strategy</p></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="flex items-start space-x-4"><div class="flex-shrink-0"><div class="p-3 bg-emerald-50 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-6 h-6 text-emerald-600"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg></div></div><div><h3 class="text-lg font-semibold text-gray-900 mb-2">Rapid Production</h3><p class="text-gray-600">Generate professional video content in minutes, not hours</p></div></div></div></div></div><div class="bg-gray-50 py-24"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Create Content for Every Purpose</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">From marketing campaigns to educational content, generate professional videos for any use case</p></div><div class="grid md:grid-cols-3 gap-8"><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="text-center mb-6"><div class="inline-flex p-4 rounded-2xl mb-4 bg-emerald-50 text-emerald-700 border-emerald-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-8 h-8"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"></path></svg></div><h3 class="text-xl font-bold text-gray-900 mb-4">Marketing & Sales</h3></div><ul class="space-y-3"><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Product demonstrations</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Sales presentations</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-1
63.5"></path></svg>Customer testimonials</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Brand storytelling videos</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Social media campaigns</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Email marketing content</li></ul></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="text-center mb-6"><div class="inline-flex p-4 rounded-2xl mb-4 bg-blue-50 text-blue-700 border-blue-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-8 h-8"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"></path></svg></div><h3 class="text-xl font-bold text-gray-900 mb-4">Educational Content</h3></div><ul class="space-y-3"><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Training modules</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Course introductions</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Tutorial videos</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Explainer content</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Webinar presentations</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Knowledge base videos</li></ul></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="text-center mb-6"><div class="inline-flex p-4 rounded-2xl mb-4 bg-purple-50 text-purple-700 border-purple-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-8 h-8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"></path></svg></div><h3 class="text-xl font-bold text-gray-900 mb-4">Creative Projects</h3></div><ul class="space-y-3"><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Storytelling videos</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Creative announcements</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Event invitations</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Personal projects</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>Artistic expressions</li><li class="flex items-center text-sm text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 text-green-500 mr-3 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path></svg>
6Entertainment content</li></ul></div></div></div></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Pre-Built Templates for Quick Start</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">Choose from professionally crafted templates or create completely custom content from scratch</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Marketing</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">30-60s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Product Launch</h3><p class="text-sm text-gray-600">Announce new products with excitement and professionalism</p></div></div><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Education</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">60-120s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Educational Explainer</h3><p class="text-sm text-gray-600">Break down complex topics into digestible content</p></div></div><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Business</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">45-90s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Company Update</h3><p class="text-sm text-gray-600">Share news and updates with your team or customers</p></div></div><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Personal</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">60-180s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Personal Story</h3><p class="text-sm text-gray-600">Share personal experiences and insights authentically</p></div></div><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Sales</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">90-180s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Sales Pitch</h3><p class="text-sm text-gray-600">Compelling presentations that convert prospects to customers</p></div></div><div class="group bg-white rounded-2xl shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 border border-emerald-100" style="opacity:0;transform:translateY(30px)"><div class="aspect-video bg-gradient-to-br from-emerald-100 to-teal-100 relative overflow-hidden"><div class="absolute inset-0 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-12 h-12 text-emerald-600 opacity-60"><path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"></path></svg></div><div class="absolute top-3 left-3"><span class="px-2 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-medium text-emerald-600">Tutorial</span></div><div class="absolute top-3 right-3"><span class="px-2 py-1 bg-emerald-600 text-white rounded-full text-xs font-medium">120-300s</span></div></div><div class="p-6"><h3 class="font-semibold text-gray-900 mb-2">Tutorial Guide</h3><p class="text-sm text-gray-600">Step-by-step instructional content that educates</p></div></div></div></div><div class="bg-emerald-50 py-24"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Industry Leaders Are Ready</h2><p class="text-xl text-gray-600 max-w-3xl mx-auto">See what content creators and marketing professionals are saying about AI video generation</p></div><div class="grid md:grid-cols-3 gap-8"><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="flex items-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg></div><blockquote class="text-gray-600 mb-6 italic">"<!-- -->This will revolutionize how we create video content. The potential for scaling our marketing efforts is incredible.<!-- -->"</blockquote><div class="flex items-center"><div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-teal-400 rounded-full flex items-center justify-center mr-3"><span class="text-white font-semibold text-sm">AT</span></div><div><div class="font-semibold text-gray-900">Alex Thompson</div><div class="text-sm text-gray-600">Content Marketing Manager<!-- -->, <!-- -->StartupFlow</div></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="flex items-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562
6 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg></div><blockquote class="text-gray-600 mb-6 italic">"<!-- -->The educational applications are endless. We're planning to transform our entire training curriculum.<!-- -->"</blockquote><div class="flex items-center"><div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-teal-400 rounded-full flex items-center justify-center mr-3"><span class="text-white font-semibold text-sm">RK</span></div><div><div class="font-semibold text-gray-900">Rachel Kim</div><div class="text-sm text-gray-600">Training Director<!-- -->, <!-- -->EduTech Solutions</div></div></div></div><div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition-all duration-300" style="opacity:0;transform:translateY(30px)"><div class="flex items-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 text-yellow-400 fill-current"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg></div><blockquote class="text-gray-600 mb-6 italic">"<!-- -->Finally, a tool that can match our creative vision while maintaining efficiency. Can't wait to use this with clients.<!-- -->"</blockquote><div class="flex items-center"><div class="w-10 h-10 bg-gradient-to-br from-emerald-400 to-teal-400 rounded-full flex items-center justify-center mr-3"><span class="text-white font-semibold text-sm">DM</span></div><div><div class="font-semibold text-gray-900">David Martinez</div><div class="text-sm text-gray-600">Creative Director<!-- -->, <!-- -->BrandCraft Agency</div></div></div></div></div></div></div><div class="bg-gradient-to-r from-emerald-600 to-teal-600 text-white py-24"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><div style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl md:text-4xl font-bold mb-6">Transform Your Content Creation Process</h2><p class="text-xl text-emerald-100 mb-8 max-w-2xl mx-auto">Be among the first to experience the future of video content creation. Join our early access program and revolutionize how you create engaging video content.</p><form class="max-w-md mx-auto"><div class="flex gap-3"><input type="email" placeholder="Enter your email" required="" class="flex-1 px-4 py-3 rounded-xl text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-emerald-300" value=""/><button type="submit" class="px-6 py-3 bg-white text-emerald-600 font-semibold rounded-xl hover:bg-gray-100 transition-colors duration-200 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-5 h-5 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path></svg>Join Waitlist</button></div></form><p class="text-emerald-200 text-sm mt-4">Priority access ⢠Exclusive updates ⢠No spam guarantee</p></div></div></div></div></main><footer class="bg-white border-t border-gray-100"><div class="mx-auto max-w-7xl px-6 py-8 lg:px-8"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
6<nav class="flex items-center gap-6 order-1 sm:order-2 justify-center sm:justify-start"><a href="/tos" class="text-xs text-gray-600 hover:text-gray-900 transition-colors">Terms</a><a href="/privacy" class="text-xs text-gray-600 hover:text-gray-900 transition-colors">Privacy</a><a href="/contact" class="text-xs text-gray-600 hover:text-gray-900 transition-colors">Contact</a><a href="/refund" class="text-xs text-gray-600 hover:text-gray-900 transition-colors">Refund</a></nav><div class="flex items-center gap-4 order-2 sm:order-3 justify-center sm:justify-end"><button class="inline-flex items-center px-3 py-1.5 text-xs font-medium text-gray-700 bg-gray-50 border border-gray-200 rounded-md hover:bg-gray-100 hover:border-gray-300 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-1">Get in touch</button><a href="https://www.instagram.com/biopikai/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-6 h-6 rounded hover:bg-gray-50 transition-colors"><img src="/insta500.png" class="w-5 h-5" alt="Instagram"/></a></div><div class="flex items-center gap-6 order-3 sm:order-1 justify-center sm:justify-start"><a class="flex-shrink-0" href="/"><img src="/biopik-logo.webp" class="h-8" alt="BioPik Logo"/></a><p class="text-xs text-gray-500">© 2025 Ganges Technologies. All rights reserved.</p></div></div></div></footer></div><!--$--><!--/$--><!--$--><!--/$--><!--$--><!--/$--></main></div>
6<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/ai-video-generator","query":{},"buildId":"uQVPVJzIuR_y9L1ZPmUWH","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
6</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.