1<!DOCTYPE html><html lang="en" dir="ltr" class="scroll-smooth"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#09090b" media="(prefers-color-scheme: dark)"><title>AI Product Video Generator - Make Product Videos Online</title><meta name="description" content="Turn product links into scroll-stopping videos with our AI product video generator. Create product videos in minutes to boost engagement and sales.">
1<script type="module" src="https://tagshop.ai/.webmcp/bridge.js" data-packs="c2pa,mcp-server-client"></script>
1<link rel="canonical" href="https://localhost/en/ai-product-video"><meta property="og:title" content="AI Product Video Generator - Make Product Videos Online"><meta property="og:description" content="Turn product links into scroll-stopping videos with our AI product video generator. Create product videos in minutes to boost engagement and sales."><meta property="og:type" content="website"><meta property="og:url" content="https://localhost/en/ai-product-video"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="AI Product Video Generator - Make Product Videos Online"><meta name="twitter:description" content="Turn product links into scroll-stopping videos with our AI product video generator. Create product videos in minutes to boost engagement and sales."><link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin><link rel="preconnect" href="https://dcpgjvp7nmpcc.cloudfront.net" crossorigin><link rel="dns-prefetch" href="https://tagshop-cdn.tagshop.ai"><link rel="dns-prefetch" href="https://cdn.tagshop.ai"><link rel="dns-prefetch" href="https://img.youtube.com"><!-- Load Google Fonts asynchronously to avoid render-blocking --><link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=optional" rel="stylesheet"></noscript>
1<script> 2 (function() { 3 // Default to dark mode (matching Next.js defaultTheme='dark') 4 // Only switch to light if the user explicitly chose light 5 const theme = localStorage.getItem('theme'); 6 if (theme !== 'light') { 7 document.documentElement.classList.add('dark'); 8 } 9 })(); 10 </script>
10<script>(function(){const appUrl = "https://tagshop.ai/app"; 11window.__APP_URL = appUrl;})();</script>
11<link rel="stylesheet" href="/_astro/about-us.Tbn18gWH.css"> 12<style>@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-slider-track[data-astro-cid-hhioulv5]{animation:scroll 25s linear infinite}.brand-slider-track[data-astro-cid-hhioulv5].no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.brand-slider-track[data-astro-cid-hhioulv5].no-scrollbar::-webkit-scrollbar{display:none} 13details[data-astro-cid-c373gnve] summary[data-astro-cid-c373gnve]::-webkit-details-marker{display:none} 14.testimonial-swiper[data-astro-cid-7n5wmewb]{padding-bottom:0} 15</style></head> <body class="min-h-screen bg-background flex flex-col font-sans antialiased" style="font-family: 'Inter Tight', sans-serif;">
15<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://tagshop.ai/"},{"@type":"ListItem","position":2,"name":"AI Product Video","item":"https://tagshop.ai/ai-product-video"}]}</script>
15 <header id="site-header" class="sticky w-full mx-auto left-0 right-0 top-0 z-50"> <div id="sticky-bar" class="hidden md:block md:sticky md:top-0 z-[999] w-full relative"><div class="relative w-full overflow-hidden"><div id="sticky-slides" class="relative w-full" style="height:40px"><!-- Slide 1: Limited-Time Offer with countdown --><div class="sticky-slide absolute inset-0 w-full flex items-center justify-center bg-black opacity-0 transition-opacity duration-300" style="pointer-events:none"><div class="flex items-center flex-wrap justify-center gap-2 sm:gap-3 text-white text-sm font-medium w-full max-w-[1360px] mx-auto px-4 py-1.5"><span class="inline-flex items-center gap-1.5 bg-white text-black rounded-full px-3 py-0.5 text-xs font-semibold shrink-0"><span>â¦</span>Limited-Time Offer</span><span class="font-semibold">Save Up to 51% on Yearly Plans - Ends in</span><span id="sticky-countdown" style="display:flex;align-items:center;gap:2px" aria-label="Countdown timer"><span id="cd-m0" style="display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#fff;color:#000;padding:4px;min-width:20px;font-size:0.875rem;font-weight:700">0</span><span id="cd-m1" style="display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#fff;color:#000;padding:4px;min-width:20px;font-size:0.875rem;font-weight:700">0</span><span style="font-size:1rem;font-weight:700;color:#fff;padding:0 2px">:</span><span id="cd-s0" style="display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#fff;color:#000;padding:4px;min-width:20px;font-size:0.875rem;font-weight:700">0</span><span id="cd-s1" style="display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#fff;color:#000;padding:4px;min-width:20px;font-size:0.875rem;font-weight:700">0</span></span><a href="/pricing" class="font-bold mx-1 py-1 px-3 bg-white hover:bg-gray-200 text-black rounded-sm text-sm" aria-label="Explore Pricing" title="Explore Pricing">Explore Pricing</a></div></div><!-- Slide 2: Experience Tagshop AI (dark blue gradient) --><div class="sticky-slide absolute inset-0 w-full flex items-center justify-center overflow-hidden opacity-0 transition-opacity duration-300" style="background-color:#00052A;pointer-events:none"><img src="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fmedia%2Fsitcky-bg_05.png&w=1400" alt="" class="absolute inset-0 w-full h-full object-cover" aria-hidden="true" loading="lazy" decoding="async"><div class="flex items-center flex-wrap justify-center gap-2 sm:gap-3 text-white text-sm font-medium px-4 py-1.5 relative z-10 w-full max-w-[1360px] mx-auto"><span class="font-semibold">Experience Tagshop AI in action</span><a href="https://tagshop.ai/app" class="font-bold mx-1 py-1 px-3 bg-white hover:bg-gray-200 text-black rounded-sm text-sm transition-colors">Try Now!</a></div></div><!-- Slide 3: Feature Update - AI Video Agent 2.0 --><div class="sticky-slide absolute inset-0 w-full flex items-center justify-center bg-black opacity-0 transition-opacity duration-300" style="pointer-events:none"><div class="flex items-center flex-wrap justify-center gap-2 sm:gap-3 text-white text-sm font-medium w-full max-w-[1360px] mx-auto px-4 py-1.5"><span class="inline-flex items-center gap-1.5 bg-white text-black rounded-full px-3 py-0.5 text-xs font-semibold shrink-0"><span>â</span>Feature Update</span><span class="font-semibold">AI Video Agent 2.0 is Live â Create UGC Ads with a Simple Chat.</span><a href="https://tagshop.ai/app/ai-agent?utm_source=Website&utm_medium=Video_Agent_Pop_Banner" class="font-bold border border-white text-white hover:bg-white hover:text-black px-3 py-1 rounded-md text-sm transition-colors">Try Now!</a></div></div><!-- Slide 4: New Model - Wan 3.0 --><div class="sticky-slide absolute inset-0 w-full flex items-center justify-center bg-black opacity-0 transition-opacity duration-300" style="pointer-events:none"><div class="flex items-center flex-wrap justify-center gap-2 sm:gap-3 text-white text-sm font-medium w-full max-w-[1360px] mx-auto px-4 py-1.5"><span class="inline-flex items-center gap-1.5 bg-white text-black rounded-full px-3 py-0.5 text-xs font-semibold shrink-0"><span>â¦</span>New Model</span><span class="font-semibold">ðWan 3.0 is Live! Create More Realistic AI UGC Videos in Minutes</span><a href="https://tagshop.ai/app/ai-tools/?utm_source=Wan3_Strip&utm_medium=Website_Wan3strip" class="font-bold border border-white text-white hover:bg-white hover:text-black px-3 py-1 rounded-md text-sm transition-colors">Try Now!</a></div></div></div><!-- Close button --><button id="sticky-bar-close" class="absolute right-2 lg:right-10 top-1.5 p-0 ml-4 z-[2] opacity-70 hover:opacity-100 transition-all duration-200 text-white" aria-label="Close offer" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
15<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div>
15<script type="module">const f="hideStickyBar";const g="stickyBarTimerStart";function S(o){var t;return(t=document.cookie.split("; ").find(e=>e.startsWith(o+"=")))==null?void 0:t.split("=")[1]}function k(o,t,e){document.cookie=`${o}=${t}; path=/; max-age=${e}; samesite=lax`}const l=document.getElementById("sticky-bar"),m=document.getElementById("sticky-bar-close");if(l)if(S(f)==="true")l.style.display="none";else{let o=function(a){t.forEach((c,s)=>{const n=c;s===a?(n.style.opacity="1",n.style.pointerEvents="auto"):(n.style.opacity="0",n.style.pointerEvents="none")})};document.body.classList.add("sticky-bar");const t=l.querySelectorAll(".sticky-slide");let e=0;o(0);const p=setInterval(()=>{e=(e+1)%t.length,o(e)},6e3);if(m==null||m.addEventListener("click",()=>{l.style.display="none",document.body.classList.remove("sticky-bar"),k(f,"true",86400),clearInterval(p)}),document.getElementById("sticky-countdown")){let a=function(d){const r=Math.floor(d/6e4).toString().padStart(2,"0"),i=Math.floor(d%6e4/1e3).toString().padStart(2,"0");return`${r}:${i}`},c=function(){const r=6e5-(Date.now()-s)%6e5,[i,I]=a(r).split(":");n&&(n.textContent=i[0]),u&&(u.textContent=i[1]),y&&(y.textContent=I[0]),E&&(E.textContent=I[1])},s=Number(sessionStorage.getItem(g));s||(s=Date.now(),sessionStorage.setItem(g,String(s)));const n=document.getElementById("cd-m0"),u=document.getElementById("cd-m1"),y=document.getElementById("cd-s0"),E=document.getElementById("cd-s1");c(),setInterval(c,1e3)}}</script>
15 <div class="w-full mt-4"> <div class="container mx-auto px-4 max-w-[1360px]"> <!-- Card: frosted-glass rounded pill nav bar --> <div class="relative flex items-center justify-between gap-3 px-3 lg:px-5 min-h-[65px] rounded-xl border border-gray-500/20 bg-gray-600/5 backdrop-blur-sm"> <!-- Logo --> <a href="/" class="w-[140px] sm:h-[52px] h-[40px] flex items-center shrink-0" aria-label="Tagshop" title="Tagshop"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/logo-text-white.svg" class="w-full h-auto" alt="Tagshop" title="Tagshop" width="152" height="30" fetchpriority="high"> </a> <!-- Desktop nav --> <nav class="mx-2 hidden xl:flex gap-6" id="desktop-nav" aria-label="Main navigation"> <ul class="flex space-x-6"> <li class="group"> <button class="flex cursor-pointer items-center justify-between py-7 text-sm font-medium text-white gap-1 whitespace-nowrap" aria-haspopup="true" aria-expanded="false"> Features <svg class="transition-transform duration-200 group-hover:rotate-180 ml-1 w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <!-- Desktop dropdown --> <div class="submenu invisible absolute left-1/2 -translate-x-1/2 top-[110%] opacity-0 group-hover:visible group-hover:opacity-100 group-hover:top-full border border-[#ffffff35] rounded-lg shadow-lg z-50 bg-black/95 backdrop-blur-sm p-3 transition-all duration-300 w-[980px] max-h-[70vh] overflow-y-auto"> <div class="grid gap-x-6 gap-y-1" style="grid-template-columns: repeat(4, minmax(0, 1fr))"> <div class="mb-3 w-full"> <a href="/ai-video-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Video Generator" title="AI Video Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m10 11 5 3-5 3v-6Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Video Generator</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Generate studio-quality videos with AI</span> </span> </a><a href="/ai-assets-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Asset Generator" title="Asset Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Asset Generator</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Publish-ready video and image ads in minutes</span> </span> </a><a href="/ad-clone" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Ad Clone" title="Ad Clone"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><line x1="15" x2="15" y1="12" y2="18"/><line x1="12" x2="18" y1="15" y2="15"/><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Ad Clone</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Replicate winning ads, your way</span> </span> </a><a href="/ai-avatar" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Avatar" title="AI Avatar"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Avatar</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Lifelike presenters, no camera needed</span> </span> </a><a href="/ai-script-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Script Generator" title="AI Script Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Script Generator</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Craft compelling video scripts instantly</span> </span> </a><a href="/ai-twin" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Twin Generator" title="AI Twin Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Twin Generator</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Clone yourself into a digital creator</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/url-to-video" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="URL To Video" title="URL To Video"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M9 17H7A5 5 0 0 1 7 7h2"/><path d="M15 7h2a5 5 0 1 1 0 10h-2"/><line x1="8" x2="16" y1="12" y2="12"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">URL To Video</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Turn your product link into a finished video</span> </span> </a><a href="/ai-video-agent" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Video Agent" title="AI Video Agent"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m10 11 5 3-5 3v-6Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Video Agent</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Turn your rough ideas into finished ad</span> </span> </a><a href="/ai-actor" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Actor" title="AI Actor"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 7a4 4 0 1 0 0 8"/><path d="M19.2 10.75c.18-.42.7-.42.9 0l.93 2.17a.5.5 0 0 0 .42.3l2.3.2c.45.04.63.6.28.9l-1.72 1.53a.5.5 0 0 0-.16.5l.52 2.27a.5.5 0 0 1-.75.54l-1.98-1.17a.5.5 0 0 0-.52 0l-1.98 1.17a.5.5 0 0 1-.75-.54l.52-2.27a.5.5 0 0 0-.16-.5l-1.72-1.53a.5.5 0 0 1 .27-.9l2.31-.2a.5.5 0 0 0 .41-.3z"/><path d="M6 21v-2a4 4 0 0 1 4-4h1.5"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Actor</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Human-looking actors for every scene</span> </span> </a><a href="/custom-avatar" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Custom Avatar" title="Custom Avatar"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Custom Avatar</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Build your own branded avatar persona</span> </span> </a><a href="/text-to-video-ai" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Text to Video" title="Text to Video"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m10 11 5 3-5 3v-6Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Text to Video</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">From a prompt to a full video, instantly</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/image-to-video-ai" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Image to Video" title="Image to Video"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 22H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v9.5"/><path d="M2 8h20"/><path d="m17 15 5 3-5 3v-6Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Image to Video</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Animate any still image into motion</span> </span> </a><a href="/ai-explainer-video-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Explainer Video Generator" title="AI Explainer Video Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M2 22c1.25-.987 2.27-1.975 3.9-2.2a5.56 5.56 0 0 1 3.8 1.5 4 4 0 0 0 6.187-2.353 3.5 3.5 0 0 0 3.69-5.116A3.5 3.5 0 0 0 20.95 8 3.5 3.5 0 1 0 16 3.05a3.5 3.5 0 0 0-5.831 1.373 3.5 3.5 0 0 0-5.116 3.69 4 4 0 0 0-2.348 6.155C3.499 15.42 4.539 16.524 5 18"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Explainer Video Generator</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Make complex ideas easy to understand</span> </span> </a><a href="/ai-image-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Image Generator" title="AI Image Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 22H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v9.5"/><path d="M2 8h20"/><path d="m17 15 5 3-5 3v-6Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Image Generator</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Generate ad-ready images from a prompt or URL</span> </span> </a><a href="/ai-product-video" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Product Video" title="AI Product Video"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Product Video</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Showcase products with cinematic flair</span> </span> </a><a href="/ai-influencer" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Influencer" title="AI Influencer"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 7a4 4 0 1 0 0 8"/><path d="M19.2 10.75c.18-.42.7-.42.9 0l.93 2.17a.5.5 0 0 0 .42.3l2.3.2c.45.04.63.6.28.9l-1.72 1.53a.5.5 0 0 0-.16.5l.52 2.27a.5.5 0 0 1-.75.54l-1.98-1.17a.5.5 0 0 0-.52 0l-1.98 1.17a.5.5 0 0 1-.75-.54l.52-2.27a.5.5 0 0 0-.16-.5l-1.72-1.53a.5.5 0 0 1 .27-.9l2.31-.2a.5.5 0 0 0 .41-.3z"/><path d="M6 21v-2a4 4 0 0 1 4-4h1.5"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Influencer</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Virtual influencers that scale your reach</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-video-editor" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Video Editor" title="AI Video Editor"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"/><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M12 2v2"/><path d="M12 22v-2"/><path d="m17 20.66-1-1.73"/><path d="M11 10.27 7 3.34"/><path d="m20.66 17-1.73-1"/><path d="m3.34 7 1.73 1"/><path d="M14 12h8"/><path d="M2 12h2"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Video Editor</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">All-in-one video editor tool</span> </span> </a><a href="/ai-voice-cloning" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Voice Cloning" title="AI Voice Cloning"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M2 10v3"/><path d="M6 6v11"/><path d="M10 3v18"/><path d="M14 8v7"/><path d="M18 5v13"/><path d="M22 10v3"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Voice Cloning</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Clone your voice in minutes</span> </span> </a><a href="/script-to-video" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Script To Video Generator" title="Script To Video Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m16 13-3.5 3.5-2-2L8 17"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Script To Video Generator</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Paste a script, get a ready-to-publish video</span> </span> </a><a href="/ai-video-ads-generator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Video Ads Generator" title="AI Video Ads Generator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="m3 11 18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Video Ads Generator</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Generate scroll-stopping AI video ads in minutes</span> </span> </a><a href="/ai-ugc-creator" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI UGC Creator" title="AI UGC Creator"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI UGC Creator</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Make creator-style ads without a real creator</span> </span> </a> </div> </div> <!-- Footer row: G2 rating (Features only) + explore link --> <div class="flex items-center mt-2 pt-2 border-t border-white/10 justify-between"> <div class="flex items-center gap-2"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/g2-icon.svg" alt="G2" width="28" height="28" class="h-7 w-7 object-contain" loading="lazy"> <div class="flex items-center gap-0.5"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" class="text-yellow-500" aria-hidden="true"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" class="text-yellow-500" aria-hidden="true"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" class="text-yellow-500" aria-hidden="true"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" class="text-yellow-500" aria-hidden="true"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" class="text-yellow-500" aria-hidden="true"> <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon> </svg> </div> <span class="text-xs text-gray-400">4.9 out of 5</span> </div> <a href="/all-features" class="px-3 py-1.5 text-sm border border-white/30 rounded-md text-white hover:bg-white/10 transition-colors"> Explore all features â </a> </div> </div> </li><li class="group"> <button class="flex cursor-pointer items-center justify-between py-7 text-sm font-medium text-white gap-1 whitespace-nowrap" aria-haspopup="true" aria-expanded="false"> Use Cases <svg class="transition-transform duration-200 group-hover:rotate-180 ml-1 w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <!-- Desktop dropdown --> <div class="submenu invisible absolute left-1/2 -translate-x-1/2 top-[110%] opacity-0 group-hover:visible group-hover:opacity-100 group-hover:top-full border border-[#ffffff35] rounded-lg shadow-lg z-50 bg-black/95 backdrop-blur-sm p-3 transition-all duration-300 w-[980px] max-h-[70vh] overflow-y-auto"> <div class="grid gap-x-6 gap-y-1" style="grid-template-columns: repeat(5, minmax(0, 1fr))"> <p class="my-2 pb-2 mx-2 text-sm font-medium text-gray-400 uppercase border-b border-white/30" style="grid-column: span 2">By Channel</p><p class="my-2 pb-2 mx-2 text-sm font-medium text-gray-400 uppercase border-b border-white/30" style="grid-column: span 3">By Industry</p> <div class="mb-3 w-full"> <a href="/ai-instagram-ads" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Instagram Ads" title="AI Instagram Ads"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Instagram Ads</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Stop-the-scroll creatives built for the feed</span> </span> </a><a href="/ai-facebook-ads" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Facebook Ads" title="AI Facebook Ads"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Facebook Ads</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">High-converting video ads for Meta campaigns</span> </span> </a><a href="/ai-tiktok-ads" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Tiktok Ads" title="AI Tiktok Ads"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400">
15<path d="M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Tiktok Ads</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Native-style content that drives TikTok ROAS</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-youtube-ads" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Youtube Ads" title="AI Youtube Ads"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Youtube Ads</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Make YouTube ads viewers actually watch</span> </span> </a><a href="/ai-ugc-for-shopify" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI UGC for Shopify" title="AI UGC for Shopify"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI UGC for Shopify</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Turn product listings into scroll-stopping UGC ads</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/industry/agency" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Agency" title="Agency"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 18V6"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Agency</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Scale client video output without scaling headcount</span> </span> </a><a href="/industry/ecommerce" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Ecommerce" title="Ecommerce"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Ecommerce</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Product videos that turn browsers into buyers</span> </span> </a><a href="/industry/dropshipping" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Dropshipping" title="Dropshipping"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Dropshipping</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Launch products fast with zero production overhead</span> </span> </a><a href="/industry/app-and-tech" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="App & Tech" title="App & Tech"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><rect width="20" height="14" x="2" y="3" rx="2"/><path d="M8 21h8"/><path d="M12 17v4"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">App & Tech</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Demo your product and drive installs at scale</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/industry/saas" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="SaaS" title="SaaS"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">SaaS</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Explain features, reduce churn, grow MRR</span> </span> </a><a href="/industry/real-estate" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Real Estate" title="Real Estate"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Real Estate</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Cinematic property tours that attract serious buyers</span> </span> </a><a href="/industry/travel" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Travel" title="Travel"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Travel</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Destination-rich travel ads without a location shoot</span> </span> </a><a href="/industry/pet-products" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Pet Products" title="Pet Products"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><circle cx="11" cy="4" r="2"/><circle cx="18" cy="8" r="2"/><circle cx="20" cy="16" r="2"/><path d="M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Pet Products</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Creator-style pet product ads without an animal shoot</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/industry/fashion" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Fashion" title="Fashion"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.57a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.57a2 2 0 0 0-1.34-2.23z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Fashion</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Try-on style fashion ads without a model or stylist</span> </span> </a><a href="/industry/supplements" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Supplements" title="Supplements"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z"/><path d="m8.5 8.5 7 7"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Supplements</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Testimonial-style supplement ads without an influencer</span> </span> </a><a href="/industry/jewelry" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Jewelry" title="Jewelry"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M6 3h12l4 6-10 13L2 9Z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Jewelry</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Show jewelry being worn without a photoshoot</span> </span> </a> </div> </div> <!-- Footer row: G2 rating (Features only) + explore link --> <div class="flex items-center mt-2 pt-2 border-t border-white/10 justify-end"> <a href="/industries" class="px-3 py-1.5 text-sm border border-white/30 rounded-md text-white hover:bg-white/10 transition-colors"> Explore all Industries â </a> </div> </div> </li><li class="group"> <button class="flex cursor-pointer items-center justify-between py-7 text-sm font-medium text-white gap-1 whitespace-nowrap" aria-haspopup="true" aria-expanded="false"> AI Models <svg class="transition-transform duration-200 group-hover:rotate-180 ml-1 w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <!-- Desktop dropdown --> <div class="submenu invisible absolute left-1/2 -translate-x-1/2 top-[110%] opacity-0 group-hover:visible group-hover:opacity-100 group-hover:top-full border border-[#ffffff35] rounded-lg shadow-lg z-50 bg-black/95 backdrop-blur-sm p-3 transition-all duration-300 w-[980px] max-h-[70vh] overflow-y-auto"> <div class="grid gap-x-6 gap-y-1" style="grid-template-columns: repeat(5, minmax(0, 1fr))"> <p class="my-2 pb-2 mx-2 text-sm font-medium text-gray-400 uppercase border-b border-white/30" style="grid-column: span 3">Video Generation</p><p class="my-2 pb-2 mx-2 text-sm font-medium text-gray-400 uppercase border-b border-white/30" style="grid-column: span 2">Image Generation</p> <div class="mb-3 w-full"> <a href="/ai-models/seedance-3" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Seedance 3.0" title="Seedance 3.0"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Seedance 3.0</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Coming Soon</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">The next generation of AI video generation</span> </span> </a><a href="/ai-models/seedance-2-5" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Seedance 2.5" title="Seedance 2.5"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Seedance 2.5</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">
15Next-gen realism - arriving soon</span> </span> </a><a href="/ai-models/seedance-2" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Seedance 2.0" title="Seedance 2.0"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Seedance 2.0</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Popular</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Fluid motion, photorealistic output</span> </span> </a><a href="/ai-models/kling-3-0" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Kling 3.0" title="Kling 3.0"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Kling 3.0</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Cinematic quality with precise motion control</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-models/veo-3" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Veo 3" title="Veo 3"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Veo 3</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Google's flagship - native audio generation</span> </span> </a><a href="/ai-models/wan-2-7" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Wan 2.7" title="Wan 2.7"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Wan 2.7</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Open-source powerhouse for consistent style</span> </span> </a><a href="/ai-models/wan-3-0" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Wan 3.0" title="Wan 3.0"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Wan 3.0</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Alibaba latest, 30s cinematic video with native audio and lip sync</span> </span> </a><a href="/ai-models/gemini-omni" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Gemini Omni Flash" title="Gemini Omni Flash"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Gemini Omni Flash</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Ultra-fast generation at massive scale</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-models/grok-imagine-video" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Grok Imagine Video" title="Grok Imagine Video"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Grok Imagine Video</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">xAI's video generation, alongside every frontier model</span> </span> </a><a href="/ai-models/hailuo-2-3" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Hailuo 2.3" title="Hailuo 2.3"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Hailuo 2.3</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Consistent AI characters for social-native content</span> </span> </a><a href="/ai-models/vidu-q3-pro" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Vidu Q3 Pro" title="Vidu Q3 Pro"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Vidu Q3 Pro</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Native audio-video in one pass, frame-accurate camera control</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-models/seedream-5-0" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Seedream 5.0" title="Seedream 5.0"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Seedream 5.0</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Photorealistic stills, pixel-perfect detail</span> </span> </a>
15<a href="/ai-models/gpt-image-2" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="GPT Image 2" title="GPT Image 2"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">GPT Image 2</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Trending</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">OpenAI's best - instruction-following visuals</span> </span> </a><a href="/ai-models/chatgpt-images-2-5" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Gpt Image 2.5" title="Gpt Image 2.5"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Gpt Image 2.5</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Flare for speed, Sunburst for detail</span> </span> </a><a href="/ai-models/nano-banana-pro" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Nano Banana Pro" title="Nano Banana Pro"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Nano Banana Pro</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Lightning-fast creative at any resolution</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/ai-models/nano-banana-2" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Nano Banana 2" title="Nano Banana 2"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Nano Banana 2</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Popular</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Consistent brand visuals at scale</span> </span> </a><a href="/ai-models/flux-2-pro" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Flux 2 Pro" title="Flux 2 Pro"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Flux 2 Pro</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Best-in-class prompt adherence and photorealism</span> </span> </a><a href="/ai-models/ideogram-3" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Ideogram 3" title="Ideogram 3"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Ideogram 3</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Accurate in-image text for logos and design</span> </span> </a><a href="/ai-models/hunyuan-image-3" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Hunyuan Image 3" title="Hunyuan Image 3"> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Hunyuan Image 3</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Authentic Asian and multicultural representation</span> </span> </a> </div> </div> <!-- Footer row: G2 rating (Features only) + explore link --> <div class="flex items-center mt-2 pt-2 border-t border-white/10 justify-end"> <a href="/ai-models" class="px-3 py-1.5 text-sm border border-white/30 rounded-md text-white hover:bg-white/10 transition-colors"> Explore all AI Models â </a> </div> </div> </li><li class="group"> <button class="flex cursor-pointer items-center justify-between py-7 text-sm font-medium text-white gap-1 whitespace-nowrap" aria-haspopup="true" aria-expanded="false"> Resources <svg class="transition-transform duration-200 group-hover:rotate-180 ml-1 w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <!-- Desktop dropdown --> <div class="submenu invisible absolute left-1/2 -translate-x-1/2 top-[110%] opacity-0 group-hover:visible group-hover:opacity-100 group-hover:top-full border border-[#ffffff35] rounded-lg shadow-lg z-50 bg-black/95 backdrop-blur-sm p-3 transition-all duration-300 w-[500px] max-h-[70vh] overflow-y-auto"> <div class="grid gap-x-6 gap-y-1" style="grid-template-columns: repeat(2, minmax(0, 1fr))"> <div class="mb-3 w-full"> <a href="/templates" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Inspiration Gallery" title="Inspiration Gallery"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Inspiration Gallery</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Browse top-performing ads, drop in your product, done</span> </span> </a><a href="/case-study" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Case Study" title="Case Study"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Case Study</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">See how brands grow faster with AI UGC</span> </span> </a><a href="https://tagshop.ai/blog/" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Blog" title="Blog"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Blog</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Tips, trends and tactics from the AI UGC frontier</span> </span> </a> </div><div class="mb-3 w-full"> <a href="/glossary" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Glossary" title="Glossary"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Glossary</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Plain language definition for every AI marketing term</span> </span> </a><a href="/videos" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="Video Tutorials" title="Video Tutorials"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><path d="m22 8-6 4 6 4V8z"/><rect width="14" height="12" x="2" y="6" rx="2" ry="2"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">Video Tutorials</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Step-by-step walkthroughs to master every feature</span> </span> </a><a href="/ai-video-api" class="relative flex items-start gap-3 rounded-lg border border-transparent p-2.5 hover:bg-white/5 hover:border-white/10 transition-colors" aria-label="AI Video API" title="AI Video API"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
15ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M15 2v2"/><path d="M15 20v2"/><path d="M2 15h2"/><path d="M2 9h2"/><path d="M20 15h2"/><path d="M20 9h2"/><path d="M9 2v2"/><path d="M9 20v2"/></svg> </span> <span class="flex min-w-0 flex-col"> <span class="flex items-center gap-2"> <span class="text-sm text-white">AI Video API</span> <span class="shrink-0 text-[10px] bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Hot</span> </span> <span class="text-xs text-gray-400 mt-0.5 leading-snug">Add AI video generation to your product with one API</span> </span> </a> </div> </div> <!-- Footer row: G2 rating (Features only) + explore link --> </div> </li><li> <a href="/pricing" class="flex py-7 text-sm font-medium text-white whitespace-nowrap" aria-label="Pricing" title="Pricing">Pricing</a> </li> </ul> </nav> <!-- Actions: Language switcher + Login/Demo/Sign Up --> <div class="flex items-center gap-3 justify-end js-signup"> <div class="hidden xl:flex items-center gap-3"> <!-- Language Switcher --> <div class="relative group/lang"> <button id="lang-btn" class="inline-flex items-center justify-center gap-2 shrink-0 h-9 px-4 rounded-sm text-sm font-semibold text-white hover:bg-[#FFFFFF20] transition-colors" aria-haspopup="true" aria-label="Change language"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> <span class="uppercase">en</span> </button> <!-- Language dropdown --> <div id="lang-dropdown" class="hidden absolute right-0 top-full mt-1 w-44 bg-[#111] border border-white/20 rounded-lg shadow-xl z-[100] overflow-y-auto max-h-[260px] py-1"> <a href="/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-white font-medium" aria-label="Switch to English" hreflang="en"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#B22234"/><rect y="2" width="24" height="2" fill="#fff"/><rect y="6" width="24" height="2" fill="#fff"/><rect y="10" width="24" height="2" fill="#fff"/><rect y="14" width="24" height="2" fill="#fff"/><rect width="10" height="8" fill="#3C3B6E"/></svg> </span> <span>English</span> </a><a href="/fr/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Français" hreflang="fr"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="8" height="16" fill="#0055A4"/><rect x="16" width="8" height="16" fill="#EF4135"/></svg> </span> <span>Français</span> </a><a href="/de/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Deutsch" hreflang="de"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#FFCE00"/><rect width="24" height="10.67" fill="#DD0000"/><rect width="24" height="5.33" fill="#000"/></svg> </span> <span>Deutsch</span> </a><a href="/it/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Italiano" hreflang="it"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="8" height="16" fill="#009246"/><rect x="16" width="8" height="16" fill="#CE2B37"/></svg> </span> <span>Italiano</span> </a><a href="/es/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Español" hreflang="es"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#AA151B"/><rect y="4" width="24" height="8" fill="#F1BF00"/></svg> </span> <span>Español</span> </a><a href="/pt/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Português" hreflang="pt"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#006600"/><rect width="9" height="16" fill="#FF0000"/></svg> </span> <span>Português</span> </a><a href="/ja/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to æ¥æ¬èª" hreflang="ja"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><circle cx="12" cy="8" r="4" fill="#BC002D"/></svg> </span> <span>æ¥æ¬èª</span> </a><a href="/nl/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Nederlands" hreflang="nl"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="24" height="5.33" fill="#AE1C28"/><rect y="10.67" width="24" height="5.33" fill="#21468B"/></svg> </span> <span>Nederlands</span> </a><a href="/tl/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Filipino" hreflang="tl"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="8" fill="#0038A8"/><rect y="8" width="24" height="8" fill="#CE1126"/><polygon points="0,0 12,8 0,16" fill="#fff"/></svg> </span> <span>Filipino</span> </a><a href="/id/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm hover:bg-white/10 transition-colors text-gray-300" aria-label="Switch to Indonesia" hreflang="id"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="8" fill="#CE1126"/><rect y="8" width="24" height="8" fill="#fff"/></svg> </span> <span>Indonesia</span> </a> </div> </div> <!-- Login --> <a href="https://tagshop.ai/app/login" class="inline-flex items-center justify-center h-9 px-4 roun
15ded-sm text-sm font-semibold text-white hover:bg-[#FFFFFF20] leading-[35px] transition-colors signup-track whitespace-nowrap" aria-label="Login" title="Login">Login</a> <!-- Book a Demo --> <a href="https://calendly.com/tagshop-ai/connect-with-us?utm_source=Website_Header&utm_medium=Book_Demo_CTA&utm_campaign=Website_Header_Book_Demo_CTA" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center h-9 px-4 rounded-sm text-sm font-semibold border border-white text-gray-300 hover:border-gray-100 hover:text-gray-100 transition-colors whitespace-nowrap" aria-label="Book a Demo" title="Book a Demo">Book a Demo</a> <!-- Sign up --> <a href="https://tagshop.ai/app/signup" class="inline-flex items-center justify-center h-9 px-4 rounded-sm text-sm font-semibold bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)] text-white leading-[35px] transition-colors signup-track whitespace-nowrap" aria-label="Sign up" title="Sign up">Sign up</a> </div> <!-- Mobile: Sign up + hamburger --> <div class="xl:hidden flex items-center gap-3"> <a href="https://tagshop.ai/app/signup" class="px-3 py-1.5 text-sm font-medium bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)] text-white rounded-md transition-colors signup-track" aria-label="Sign up" title="Sign up">Sign up</a> <button id="mobile-menu-btn" class="border border-white/30 rounded-md p-2 text-white hover:bg-white/10 transition-colors" aria-label="Open mobile menu" aria-expanded="false" aria-controls="mobile-drawer"> <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> </button> </div> </div> </div> </div> </div> </header>
15<script>(function(){const clientId = "537930878052-r6dmhtqc78tg23urcqh078l0b1kk63m9.apps.googleusercontent.com"; 16const loginCallbackUrl = "https://tagshop.ai/app/auth/google/callback"; 17 18 (function () { 19 if (!clientId) return; 20 if (window.__googleLoginInitialized) return; 21 22 function initGoogle() { 23 var g = window.google; 24 if (!g || !g.accounts || !g.accounts.id) return false; 25 if (window.__googlePromptShown) return true; 26 window.__googlePromptShown = true; 27 28 g.accounts.id.initialize({ 29 client_id: clientId, 30 callback: function (response) { 31 if (!response || !response.credential) return; 32 // Decode JWT payload, then encrypt it the same way Next does (XOR + hex, key "tagshop2024") 33 try { 34 var parts = response.credential.split('.'); 35 var b64 = parts[1].replace(/-/g, '+').replace(/_/g, '/'); 36 var json = decodeURIComponent( 37 atob(b64).split('').map(function (c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('') 38 ); 39 var payload = JSON.parse(json); 40 var data = { 41 email: payload.email || '', 42 name: payload.name || '', 43 sub: payload.sub || '', 44 picture: payload.picture || '', 45 locale: payload.locale || 'en', 46 }; 47 var secretKey = 'tagshop2024'; 48 var p = JSON.stringify(data); 49 var enc = ''; 50 for (var i = 0; i < p.length; i++) { 51 enc += String.fromCharCode(p.charCodeAt(i) ^ secretKey.charCo
51deAt(i % secretKey.length)); 52 } 53 var encoded = enc.split('').map(function (c) { return c.charCodeAt(0).toString(16).padStart(2, '0'); }).join(''); 54 window.location.href = loginCallbackUrl + '?data=' + encoded; 55 } catch (e) {} 56 }, 57 }); 58 59 g.accounts.id.prompt(); 60 return true; 61 } 62 63 var events = ['mousemove', 'click', 'scroll', 'keypress']; 64 var iv = null; 65 66 function loadGSI() { 67 if (window.__googleLoginInitialized) return; 68 window.__googleLoginInitialized = true; 69 70 events.forEach(function (ev) { document.removeEventListener(ev, loadGSI); }); 71 72 if (document.querySelector('script[src="https://accounts.google.com/gsi/client"]')) { 73 initGoogle(); 74 return; 75 } 76 77 var script = document.createElement('script'); 78 script.src = 'https://accounts.google.com/gsi/client'; 79 script.async = true; 80 script.defer = true; 81 82 var attempts = 0; 83 function tryInit() { if (initGoogle() || ++attempts >= 10) { if (iv) clearInterval(iv); } } 84 script.onload = tryInit; 85 iv = setInterval(tryInit, 500); 86 document.body.appendChild(script); 87 } 88 89 events.forEach(function (ev) { document.addEventListener(ev, loadGSI, { passive: true }); }); 90 })(); 91 })();</script>
91 <!-- Mobile Drawer --> <div id="mobile-drawer-overlay" class="fixed inset-0 bg-black/50 z-[60] hidden" aria-hidden="true"></div> <div id="mobile-drawer" class="fixed top-0 right-0 h-full w-[300px] bg-black shadow-xl z-[61] translate-x-full transition-transform duration-300" role="dialog" aria-modal="true" aria-label="Mobile navigation"> <div class="flex flex-col h-full"> <div class="flex justify-between items-center p-4 border-b border-white/10"> <a href="/" aria-label="Tagshop" title="Tagshop"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/logo-text-white.svg" alt="Tagshop" width="120" height="36"> </a> <button id="mobile-menu-close" class="p-1 text-white hover:text-gray-300" aria-label="Close menu"> <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg> </button> </div> <nav class="flex-1 overflow-y-auto p-4"> <ul class="space-y-2 mb-5"> <li> <details class="w-full"> <summary class="w-full font-medium py-2 text-white cursor-pointer flex items-center justify-between list-none"> <span>Features</span> <svg class="w-4 h-4 transition-transform shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="bg-gray-900 rounded-md mt-1 py-1 px-1"> <div class="mb-1"> <a href="/ai-video-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Video Generator" title="AI Video Generator"> <span>AI Video Generator</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-assets-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Asset Generator" title="Asset Generator"> <span>Asset Generator</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ad-clone" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Ad Clone" title="Ad Clone"> <span>Ad Clone</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-avatar" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Avatar" title="AI Avatar"> <span>AI Avatar</span> </a><a href="/ai-script-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Script Generator" title="AI Script Generator"> <span>AI Script Generator</span> </a><a href="/ai-twin" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Twin Generator" title="AI Twin Generator"> <span>AI Twin Generator</span> </a> </div><div class="mb-1"> <a href="/url-to-video" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="URL To Video" title="URL To Video"> <span>URL To Video</span> </a><a href="/ai-video-agent" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Video Agent" title="AI Video Agent"> <span>AI Video Agent</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-actor" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Actor" title="AI Actor"> <span>AI Actor</span> </a><a href="/custom-avatar" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Custom Avatar" title="Custom Avatar"> <span>Custom Avatar</span> </a><a href="/text-to-video-ai" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Text to Video" title="Text to Video"> <span>Text to Video</span> </a> </div><div class="mb-1"> <a href="/image-to-video-ai" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Image to Video" title="Image to Video"> <span>Image to Video</span> </a><a href="/ai-explainer-video-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Explainer Video Generator" title="AI Explainer Video Generator"> <span>AI Explainer Video Generator</span> </a><a href="/ai-image-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Image Generator" title="AI Image Generator"> <span>AI Image Generator</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-product-video" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Product Video" title="AI Product Video"> <span>AI Product Video</span> </a><a href="/ai-influencer" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Influencer" title="AI Influencer"> <span>AI Influencer</span> </a> </div><div class="mb-1"> <a href="/ai-video-editor" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Video E
91ditor" title="AI Video Editor"> <span>AI Video Editor</span> </a><a href="/ai-voice-cloning" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Voice Cloning" title="AI Voice Cloning"> <span>AI Voice Cloning</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/script-to-video" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Script To Video Generator" title="Script To Video Generator"> <span>Script To Video Generator</span> </a><a href="/ai-video-ads-generator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Video Ads Generator" title="AI Video Ads Generator"> <span>AI Video Ads Generator</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-ugc-creator" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI UGC Creator" title="AI UGC Creator"> <span>AI UGC Creator</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a> </div> <!-- Mobile language switcher in drawer --> </div> </details> </li><li> <details class="w-full"> <summary class="w-full font-medium py-2 text-white cursor-pointer flex items-center justify-between list-none"> <span>Use Cases</span> <svg class="w-4 h-4 transition-transform shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="bg-gray-900 rounded-md mt-1 py-1 px-1"> <div class="mb-1"> <div class="px-3 py-1 text-xs font-medium text-gray-400 uppercase">By Channel</div> <a href="/ai-instagram-ads" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Instagram Ads" title="AI Instagram Ads"> <span>AI Instagram Ads</span> </a><a href="/ai-facebook-ads" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Facebook Ads" title="AI Facebook Ads"> <span>AI Facebook Ads</span> </a><a href="/ai-tiktok-ads" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Tiktok Ads" title="AI Tiktok Ads"> <span>AI Tiktok Ads</span> </a> </div><div class="mb-1"> <a href="/ai-youtube-ads" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Youtube Ads" title="AI Youtube Ads"> <span>AI Youtube Ads</span> </a><a href="/ai-ugc-for-shopify" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI UGC for Shopify" title="AI UGC for Shopify"> <span>AI UGC for Shopify</span> </a> </div><div class="mb-1"> <div class="px-3 py-1 text-xs font-medium text-gray-400 uppercase">By Industry</div> <a href="/industry/agency" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Agency" title="Agency"> <span>Agency</span> </a><a href="/industry/ecommerce" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Ecommerce" title="Ecommerce"> <span>Ecommerce</span> </a><a href="/industry/dropshipping" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Dropshipping" title="Dropshipping"> <span>Dropshipping</span> </a><a href="/industry/app-and-tech" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="App & Tech" title="App & Tech"> <span>App & Tech</span> </a> </div><div class="mb-1"> <a href="/industry/saas" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="SaaS" title="SaaS"> <span>SaaS</span> </a><a href="/industry/real-estate" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Real Estate" title="Real Estate"> <span>Real Estate</span> </a><a href="/industry/travel" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Travel" title="Travel"> <span>Travel</span> </a><a href="/industry/pet-products" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Pet Products" title="Pet Products"> <span>Pet Products</span> </a> </div><div class="mb-1"> <a href="/industry/fashion" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Fashion" title="Fashion"> <span>Fashion</span> </a><a href="/industry/supplements" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Supplements" title="Supplements"> <span>Supplements</span> </a><a href="/industry/jewelry" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Jewelry" title="Jewelry"> <span>Jewelry</span> </a> </div> <!-- Mobile language switcher in drawer --> </div> </details> </li><li> <details class="w-full"> <summary class="w-full font-medium py-2 text-white cursor-pointer flex items-center justify-between list-none"> <span>AI Models</span> <svg class="w-4 h-4 transition-transform shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="bg-gray-900 rounded-md mt-1 py-1 px-1"> <div class="mb-1"> <div class="px-3 py-1 text-xs font-medium text-gray-400 uppercase">Video Generation</div> <a href="/ai-models/seedance-3" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Seedance 3.0" title="Seedance 3.0"> <span>Seedance 3.0</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">Coming Soon</span> </a><a href="/ai-models/seedance-2-5" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Seedance 2.5" title="Seedance 2.5"> <span>Seedance 2.5</span> </a><a href="/ai-models/seedance-2" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Seedance 2.0" title="Seedance 2.0"> <span>Seedance 2.0</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">Popular</span> </a><a href="/ai-models/kling-3-0" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Kling 3.0" title="Kling 3.0"> <span>Kling 3.0</span> </a> </div><div class="mb-1"> <a href="/ai-models/veo-3" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Veo 3" title="Veo 3"> <span>Veo 3</span> </a><a href="/ai-models/wan-2-7" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Wan 2.7" title="Wan 2.7"> <span>Wan 2.7</span> </a><a href="/ai-models/wan-3-0" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Wan 3.0" title="Wan 3.0"> <span>Wan 3.0</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-models/gemini-omni" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Gemini Omni Flash" title="Gemini Omni Flash"> <span>Gemini Omni Flash</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a> </div><div class="mb-1"> <a href="/ai-models/grok-imagine-video" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Grok Imagine Video" title="Grok Imagine Video"> <span>Grok Imagine Video</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-models/hailuo-2-3" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Hailuo 2.3" title="Hailuo 2.3"> <span>Hailuo 2.3</span> </a><a href="/ai-models/vidu-q3-pro" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Vidu Q3 Pro" title="Vidu Q3 Pro"> <span>Vidu Q3 Pro</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a> </div><div class="mb-1"> <div class="px-3 py-1 text-xs font-medium text-gray-400 uppercase">Image Generation</div> <a href="/ai-models/seedream-5-0" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Seedream 5.0" title="Seedream 5.0"> <span>Seedream 5.0</span> </a>
91<a href="/ai-models/gpt-image-2" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="GPT Image 2" title="GPT Image 2"> <span>GPT Image 2</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">Trending</span> </a><a href="/ai-models/chatgpt-images-2-5" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Gpt Image 2.5" title="Gpt Image 2.5"> <span>Gpt Image 2.5</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">New</span> </a><a href="/ai-models/nano-banana-pro" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Nano Banana Pro" title="Nano Banana Pro"> <span>Nano Banana Pro</span> </a> </div><div class="mb-1"> <a href="/ai-models/nano-banana-2" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Nano Banana 2" title="Nano Banana 2"> <span>Nano Banana 2</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">Popular</span> </a><a href="/ai-models/flux-2-pro" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Flux 2 Pro" title="Flux 2 Pro"> <span>Flux 2 Pro</span> </a><a href="/ai-models/ideogram-3" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Ideogram 3" title="Ideogram 3"> <span>Ideogram 3</span> </a><a href="/ai-models/hunyuan-image-3" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Hunyuan Image 3" title="Hunyuan Image 3"> <span>Hunyuan Image 3</span> </a> </div> <!-- Mobile language switcher in drawer --> </div> </details> </li><li> <details class="w-full"> <summary class="w-full font-medium py-2 text-white cursor-pointer flex items-center justify-between list-none"> <span>Resources</span> <svg class="w-4 h-4 transition-transform shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="bg-gray-900 rounded-md mt-1 py-1 px-1"> <div class="mb-1"> <a href="/templates" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Inspiration Gallery" title="Inspiration Gallery"> <span>Inspiration Gallery</span> </a><a href="/case-study" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Case Study" title="Case Study"> <span>Case Study</span> </a><a href="https://tagshop.ai/blog/" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Blog" title="Blog"> <span>Blog</span> </a> </div><div class="mb-1"> <a href="/glossary" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Glossary" title="Glossary"> <span>Glossary</span> </a><a href="/videos" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="Video Tutorials" title="Video Tutorials"> <span>Video Tutorials</span> </a><a href="/ai-video-api" class="flex items-center gap-2 px-3 py-2 text-sm text-white rounded hover:bg-gray-800" aria-label="AI Video API" title="AI Video API"> <span>AI Video API</span> <span class="text-[10px] bg-blue-500 text-white px-1.5 rounded-full">Hot</span> </a> </div> <!-- Mobile language switcher in drawer --> </div> </details> </li><li> <a href="/pricing" class="block font-medium py-2 text-white hover:opacity-80" aria-label="Pricing" title="Pricing">Pricing</a> </li> </ul> <!-- Mobile language picker --> <div class="mb-4 border-t border-white/10 pt-4"> <p class="text-xs text-gray-400 uppercase mb-2 px-1">Language</p> <div class="grid grid-cols-2 gap-1"> <a href="/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors bg-white/10 text-white font-medium" hreflang="en"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#B22234"/><rect y="2" width="24" height="2" fill="#fff"/><rect y="6" width="24" height="2" fill="#fff"/><rect y="10" width="24" height="2" fill="#fff"/><rect y="14" width="24" height="2" fill="#fff"/><rect width="10" height="8" fill="#3C3B6E"/></svg> </span> <span class="truncate">English</span> </a><a href="/fr/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="fr"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="8" height="16" fill="#0055A4"/><rect x="16" width="8" height="16" fill="#EF4135"/></svg> </span> <span class="truncate">Français</span> </a><a href="/de/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="de"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#FFCE00"/><rect width="24" height="10.67" fill="#DD0000"/><rect width="24" height="5.33" fill="#000"/></svg> </span> <span class="truncate">
91Deutsch</span> </a><a href="/it/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="it"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="8" height="16" fill="#009246"/><rect x="16" width="8" height="16" fill="#CE2B37"/></svg> </span> <span class="truncate">Italiano</span> </a><a href="/es/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="es"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#AA151B"/><rect y="4" width="24" height="8" fill="#F1BF00"/></svg> </span> <span class="truncate">Español</span> </a><a href="/pt/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="pt"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#006600"/><rect width="9" height="16" fill="#FF0000"/></svg> </span> <span class="truncate">Português</span> </a><a href="/ja/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="ja"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><circle cx="12" cy="8" r="4" fill="#BC002D"/></svg> </span> <span class="truncate">æ¥æ¬èª</span> </a><a href="/nl/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="nl"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="16" fill="#fff"/><rect width="24" height="5.33" fill="#AE1C28"/><rect y="10.67" width="24" height="5.33" fill="#21468B"/></svg> </span> <span class="truncate">Nederlands</span> </a><a href="/tl/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="tl"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="8" fill="#0038A8"/><rect y="8" width="24" height="8" fill="#CE1126"/><polygon points="0,0 12,8 0,16" fill="#fff"/></svg> </span> <span class="truncate">Filipino</span> </a><a href="/id/ai-product-video" class="flex items-center gap-2 px-2 py-1.5 text-sm rounded transition-colors text-gray-300 hover:bg-white/5" hreflang="id"> <span class="w-4 h-4 rounded-sm overflow-hidden shrink-0" aria-hidden="true"> <svg viewBox="0 0 24 16" class="w-full h-full"><rect width="24" height="8" fill="#CE1126"/><rect y="8" width="24" height="8" fill="#fff"/></svg> </span> <span class="truncate">Indonesia</span> </a> </div> </div> <div class="flex flex-col gap-3"> <a href="https://tagshop.ai/app/login" class="w-full text-center px-4 py-2 border border-white/30 rounded-md text-white text-sm hover:bg-white/10 signup-track">Login</a> <a href="https://calendly.com/tagshop-ai/connect-with-us?utm_source=Website_Header&utm_medium=Book_Demo_CTA&utm_campaign=Website_Header_Book_Demo_CTA" target="_blank" rel="noopener noreferrer" class="w-full text-center px-4 py-2 border border-white/20 rounded-md text-white text-sm hover:bg-white/10">Book a Demo</a> <a href="https://tagshop.ai/app/signup" class="w-full text-center px-4 py-2 bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)] text-white rounded-md text-sm font-medium transition-colors signup-track">Sign up</a> </div> </nav> </div> </div>
91<script type="module">(function(){const e=document.getElementById("mobile-menu-btn"),i=document.getElementById("mobile-menu-close"),t=document.getElementById("mobile-drawer-overlay"),s=document.getElementById("mobile-drawer");function l(){s==null||s.classList.remove("translate-x-full"),t==null||t.classList.remove("hidden"),e==null||e.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden"}function o(){s==null||s.classList.add("translate-x-full"),t==null||t.classList.add("hidden"),e==null||e.setAttribute("aria-expanded","false"),document.body.style.overflow=""}e==null||e.addEventListener("click",l),i==null||i.addEventListener("click",o),t==null||t.addEventListener("click",o);const n=document.getElementById("lang-btn"),d=document.getElementById("lang-dropdown");n==null||n.addEventListener("click",c=>{c.stopPropagation(),d==null||d.classList.toggle("hidden")}),document.addEventListener("click",c=>{!(n!=null&&n.contains(c.target))&&!(d!=null&&d.contains(c.target))&&(d==null||d.classList.add("hidden"))})})();</script>
91<nav aria-label="Breadcrumb" class="w-full"><ol class="container mx-auto max-w-[1360px] px-4 flex flex-wrap items-center gap-1.5 pt-4 text-sm text-gray-400"><li class="flex items-center gap-1.5"><a href="/" class="hover:text-white transition-colors">Home</a></li><li class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5 shrink-0"><path d="m9 18 6-6-6-6" /></svg><span aria-current="page" class="text-white/90">AI Product Video</span></li></ol></nav> <main class="flex-1 flex flex-col items-center relative">
91<script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"Best AI Product Video Generator: Tagshop","description":"Turn product links into scroll-stopping videos with our AI product video generator. Create UGC-style ads in minutes to boost engagement and sales.","image":"social/Tagshop-og.png","url":"https://tagshop.ai/ai-product-video","aggregateRating":{"@type":"AggregateRating","ratingValue":4.9,"reviewCount":143,"bestRating":5,"worstRating":1},"sameAs":"https://www.g2.com/products/tagshop-ai/reviews","brand":{"@type":"Brand","name":"Tagshop AI"},"offers":{"@type":"Offer","url":"https://tagshop.ai/ai-product-video","priceCurrency":"USD","price":"0","availability":"https://schema.org/InStock"}}</script>
91
91<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Tagshop AI","url":"https://tagshop.ai/ai-product-video","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tagshop.ai/ai-product-video/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
91
91<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tagshop AI","description":"Turn product links into scroll-stopping videos with our AI product video generator. Create UGC-style ads in minutes to boost engagement and sales.","url":"https://tagshop.ai/ai-product-video","logo":"https://tagshop.ai/ai-product-video/logo.png"}</script>
91
91<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","name":"AI Product Video","description":"Tagshop AIâs Product Video Generator eliminates the need for an entire creative studio and crew. You can generate product videos at 1/50th of the total cost.","thumbnailUrl":"https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.jpg","uploadDate":"2024-01-01","contentUrl":"https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.m3u8"}</script>
91 <section class="w-full py-14 md:py-16 xl:py-18 relative overflow-hidden"> <div class="container mx-auto px-4 max-w-[1360px]"> <div class="absolute bg-center bg-no-repeat blend-overlay z-[-1] w-[120%] h-[100rem] top-[-20rem] left-[-10%]" style="background-image: url(https://dcpgjvp7nmpcc.cloudfront.net/assets/svg/gradient_bg.svg)"></div> <div class="flex align-center flex-wrap justify-center my-4"> <p class="text-md xl:text-xl text-center mx-1 my-1 lg:mb-2">Create AI videos for your</p> <div class="inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium h-9 border-[#8f5bfe] bg-gradient-to-r from-[rgba(10,6,21,0.4)] to-[rgba(33,29,43,0.4)] mx-1 h-9 text-sm motion-border"> <div class="animated-text overflow-hidden relative min-w-12 h-8"><span class="block absolute leading-8 text-center w-full">DTC</span><span class="block absolute leading-8 text-center w-full">SaaS</span><span class="block absolute leading-8 text-center w-full">Agency</span></div> </div> </div> <h1 class="font-bold text-center mx-auto text-4xl md:text-6xl xl:text-7xl max-w-[1000px] mb-6" role="heading"><span class='bg-gradient-to-b from-[#6C43FF] to-[#A0CBFE] text-transparent bg-clip-text inline-flex'>Free AI Product</span> Video Generator</h1> <p class="text-md xl:text-xl mb-10 text-center max-w-[990px] mx-auto lg:mb-10">Tagshop AIâs Product Video Generator eliminates the need for an entire creative studio and crew. You can generate product videos at 1/50th of the total cost.</p> </div> <div class="container mx-auto px-4 max-w-[1360px] mb-10"> <div class="bg-gray-900/90 backdrop-blur-sm rounded-xl border border-white/10 w-full flex-1 flex flex-col product-swap-microtool"> <div class="md:px-4 md:py-3 px-4 py-4"> <div class="mb-3 flex gap-10 w-full flex-col lg:flex-row"> <!-- Avatar selection --> <div class="w-full lg:w-2/3"> <div id="select-avatar-root" class="select-avatar-wrapper" data-class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-5 xl:grid-cols-6 gap-2.5 p-1 w-full" data-on-select="psamtHandleAvatarSelect" data-initial-selected> <!-- Header --> <div class="flex items-center justify-between mb-3"> <p class="text-lg text-white font-semibold mb-0" id="sa-title">Choose your Avatar</p> <div class="relative"> <button id="sa-filter-toggle" class="flex gap-2 shrink-0 bg-[#FFFFFF20] hover:bg-[#FFFFFF30] px-4 py-2 rounded-lg text-white text-sm font-medium"> <svg class="w-4 h-4 mr-1 my-auto" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg> 92Filters 93</button> <!-- Filter dropdown --> <div id="sa-filter-dropdown" class="hidden absolute right-0 mt-2 z-50 bg-gray-900 border border-white/10 rounded-xl p-3 max-h-[460px] w-[300px] overflow-y-auto shadow-xl">
93 <div id="sa-filter-content" class="flex flex-col gap-3"></div> <div class="flex justify-center mt-2"> <button id="sa-clear-filters" class="text-gray-400 text-xs hover:text-white underline p-0">Clear Filters</button> </div> </div> </div> </div> <!-- Scene filter row --> <div class="mb-4 relative"> <button id="sa-scene-left" class="absolute -left-4 top-0 z-10 bg-gray-700 h-7 w-7 border-gray-700 shadow-lg text-white rounded-full flex items-center justify-center" aria-label="Scroll left"> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <div id="sa-scene-scroll" class="flex flex-nowrap gap-2 overflow-x-auto pb-3 w-full [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> <!-- Populated by script --> <div class="px-3 py-1 rounded-md border border-gray-700 bg-gray-700 animate-pulse h-8 w-16 shrink-0 flex"></div> </div> <button id="sa-scene-right" class="absolute -right-4 top-0 z-10 bg-gray-700 h-7 w-7 border-gray-700 shadow-lg text-white rounded-full flex items-center justify-center" aria-label="Scroll right"> <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> </div> <!-- Back button (shown when viewing children) --> <button id="sa-back-btn" class="hidden text-gray-400 hover:text-white p-2 mb-2 text-sm flex items-center gap-1"> <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 12H5M12 19l-7-7 7-7"></path></svg> 94Back 95</button> <!-- Avatar grid --> <div id="sa-grid-wrap" class="relative overflow-y-auto h-[360px] md:h-[500px] pr-2"> <div id="sa-grid" class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-7 xl:grid-cols-8 gap-2.5 p-1 w-full"> <div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div><div class="w-full overflow-hidden mx-auto flex flex-col"> <div class="bg-gray-700 animate-pulse rounded-lg aspect-[9/16] h-full w-full"></div> <div class="bg-gray-700 animate-pulse rounded-lg h-4 w-[50%] my-2"></div> </div> </div> </div> </div>
95<script type="module" src="/_astro/SelectAvatar.astro_astro_type_script_index_0_lang.D4TmWB7w.js"></script>
95 <p id="psamt-avatar-error" class="hidden text-red-400 text-sm mt-2"></p> </div> <!-- Product image upload --> <div class="w-full lg:w-1/3"> <div class="mt-10"> <h4 class="text-lg text-white font-semibold mb-3">Upload a product Image</h4> <!-- Preview state --> <div id="psamt-preview-wrap" class="hidden items-center justify-center lg:h-[380px] relative"> <img id="psamt-preview-img" src="" alt="Preview" height="196" width="380" class="w-full h-full max-h-[196px] max-w-[380px] object-contain"> <div class="absolute top-2 right-2 flex gap-2"> <button id="psamt-change-btn" class="bg-black/60 hover:bg-black/80 text-white p-2 w-10 h-10 rounded-full hover:scale-110 transition-all flex items-center justify-center" title="Change"> <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg> </button> <button id="psamt-clear-btn" class="bg-black/60 hover:bg-black/80 text-white p-2 w-10 h-10 rounded-full hover:scale-110 transition-all flex items-center justify-center" title="Remove"> <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg> </button> </div> </div> <!-- Upload state --> <div id="psamt-upload-wrap"> <!-- Drop zone styled to match NX UppyDashboard 'dashboard' layout --> <div id="psamt-dropzone" class="lg:h-[380px] relative rounded-xl border border-dashed cursor-pointer group hover:border-gray-500 transition-colors gap-3 flex flex-col items-center justify-center xl:p-6 p-4"> <!-- Blue upload icon circle --> <div class="h-12 w-12 shrink-0 rounded-full bg-blue-600 flex items-center justify-center shadow-lg shadow-blue-900/20"> <svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"></path> </svg> </div> <!-- Text --> <div class="text-center space-y-1"> <p class="text-sm text-white font-semibold">Please select files to upload</p> <p class="text-xs text-white/70">Upload up to 1 file(s). Max size: 10MB</p> </div> <!-- Divider + Sample images (inside the dashed box) --> <div class="flex items-center w-full max-w-xs gap-3 text-white/60 text-xs pt-2"> <span class="flex-1 h-px bg-white/20"></span> <span class="whitespace-nowrap">Sample product images</span> <span class="flex-1 h-px bg-white/20"></span> </div> <div class="flex items-center justify-center gap-2 flex-wrap"> <div class="psamt-sample-btn h-12 w-12 rounded-lg overflow-hidden bg-white/10 shadow-sm hover:ring-1 hover:ring-white/30 transition-all cursor-pointer" data-src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_1.png" title="Clean Background"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_1.png" alt="Clean Background" class="h-full w-full object-cover" loading="lazy"> </div><div class="psamt-sample-btn h-12 w-12 rounded-lg overflow-hidden bg-white/10 shadow-sm hover:ring-1 hover:ring-white/30 transition-all cursor-pointer" data-src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_2.png" title="Studio Background"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_2.png" alt="Studio Background" class="h-full w-full object-cover" loading="lazy"> </div><div class="psamt-sample-btn h-12 w-12 rounded-lg overflow-hidden bg-white/10 shadow-sm hover:ring-1 hover:ring-white/30 transition-all cursor-pointer" data-src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_3.png" title="Studio Background"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_3.png" alt="Studio Background" class="h-full w-full object-cover" loading="lazy"> </div><div class="psamt-sample-btn h-12 w-12 rounded-lg overflow-hidden bg-white/10 shadow-sm hover:ring-1 hover:ring-white/30 transition-all cursor-pointer" data-src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_4.png" title="Studio Backgroun
95d"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/sugg_4.png" alt="Studio Background" class="h-full w-full object-cover" loading="lazy"> </div> </div> <input id="psamt-file-input" type="file" accept="image/*" class="hidden"> </div> <p id="psamt-media-error" class="hidden text-red-400 text-sm mt-2"></p> </div> </div> <!-- Submit button â outside the upload area div, at the bottom of the right column --> <button id="psamt-submit-btn" class="flex items-center justify-center gap-2 bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)] text-white font-semibold px-6 py-3 rounded-lg text-base transition-colors w-full mt-6 disabled:opacity-50 disabled:cursor-not-allowed"> <!-- Lucide Sparkles icon (filled white, matches NX) --> <svg width="15" height="15" viewBox="0 0 24 24" fill="#FFF" stroke="#FFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.582a.5.5 0 0 1 0 .963L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path> <path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path> </svg> 96Generate 97</button> </div> </div> </div> </div>
97<script>(function(){const appUrl = "https://tagshop.ai/app/ai-product-video"; 98 99 let psamtAvatar = null; 100 let psamtMediaUrl = null; 101 102 const previewWrap = document.getElementById('psamt-preview-wrap'); 103 const previewImg = document.getElementById('psamt-preview-img'); 104 const uploadWrap = document.getElementById('psamt-upload-wrap'); 105 const dropzone = document.getElementById('psamt-dropzone'); 106 const fileInput = document.getElementById('psamt-file-input'); 107 const changeBtn = document.getElementById('psamt-change-btn'); 108 const clearBtn = document.getElementById('psamt-clear-btn'); 109 const submitBtn = document.getElementById('psamt-submit-btn'); 110 const avatarError = document.getElementById('psamt-avatar-error'); 111 const mediaError = document.getElementById('psamt-media-error'); 112 113 window.psamtHandleAvatarSelect = function(avatar) { 114 psamtAvatar = avatar; 115 }; 116 117 const showPreview = (url) => { 118 psamtMediaUrl = url; 119 if (previewImg) previewImg.src = url; 120 previewWrap?.classList.remove('hidden'); 121 previewWrap?.classList.add('flex'); 122 uploadWrap?.classList.add('hidden'); 123 if (mediaError) { mediaError.classList.add('hidden'); mediaError.textContent = ''; } 124 }; 125 126 const clearPreview = () => { 127 psamtMediaUrl = null; 128 if (previewImg) previewImg.src = ''; 129 previewWrap?.classList.add('hidden'); 130 previewWrap?.classList.remove('flex'); 131 uploadWrap?.classList.remove('hidden'); 132 if (fileInput) fileInput.value = ''; 133 }; 134 135 changeBtn?.addEventListener('click', clearPreview); 136 clearBtn?.addEventListener('click', clearPreview); 137 138 // Clicking dropzone (but not sample image buttons) opens file picker 139 dropzone?.addEventListener('click', (e) => { 140 if (!e.target.closest('.psamt-sample-btn')) { 141 fileInput?.click(); 142 } 143 }); 144 145 // Sample image buttons â stopPropagation so dropzone click doesn't also fire 146 document.querySelectorAll('.psamt-sample-btn').forEach((btn) => { 147 btn.addEventListener('click', (e) => { 148 e.stopPropagation(); 149 const src = btn.dataset.src; 150 if (src) showPreview(src); 151 }); 152 }); 153 154 // File input change 155 fileInput?.addEventListener('change', (e) => { 156 const file = e.target.files?.[0]; 157 if (!file) return; 158 const reader = new FileReader(); 159 reader.onload = (ev) => { 160 if (ev.target?.result) showPreview(ev.target.result); 161 }; 162 reader.readAsDataURL(file); 163 }); 164 165 submitBtn?.addEventListener('click', () => { 166 let valid = true; 167 if (avatarError) { avatarError.classList.add('hidden'); avatarError.textContent = ''; } 168 if (mediaError) { mediaError.classList.add('hidden'); mediaError.textContent = ''; } 169 170 if (!psamtAvatar) { 171 if (avatarError) { avatarError.textContent = 'Please select an avatar.'; avatarError.classList.remove('hidden'); } 172 valid = false; 173 } 174 if (!psamtMediaUrl) { 175 if (mediaError) { mediaError.textContent = 'Please upload a product image.'; mediaError.classList.remove('hidden'); } 176 valid = false; 177 } 178 if (!valid) return; 179 180 submitBtn.disabled = true; 181 const cookieData = JSON.stringify({ url: psamtMediaUrl, id: psamtAvatar.id || '', parent: psamtAvatar.parent || '' }); 182 const maxAge = 60 * 60; 183 const isLocalhost = window.location.hostname === 'localhost'; 184 const domain = isLocalhost ? 'localhost' : '.tagshop.ai'; 185 document.cookie = `ts_product__=${encodeURIComponent(cookieData)}; max-age=${maxAge}; path=/; SameSite=Lax; Secure; domain=${domain}`; 186 window.location.href = appUrl; 187 }); 188})();</script>
188 </div> <div class="container mx-auto px-4 max-w-[1360px] mb-14"> <p class="text-md xl:text-xl mb-10 text-center mx-auto lg:mb-8">Trusted by individuals and teams at the world's boldest companies</p> <!-- Mirrors the Next project's BrandSlider exactly: track is `flex w-full`, content is 189 NOT duplicated, and the animation is `scroll 25s linear infinite` translating -50%. --><div class="w-full overflow-hidden" data-astro-cid-hhioulv5> <div class="brand-slider-track no-scrollbar flex w-full" data-astro-cid-hhioulv5> <div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/camfed.svg" alt="camfed" title="camfed" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/happy-garden.svg" alt="happy-garden" title="happy-garden" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/SRE.svg" alt="SRE" title="SRE" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/two-brothers.svg" alt="two-brothers" title="two-brothers" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/wecook.svg" alt="wecook" title="wecook" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="eager" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/camfed.svg" alt="camfed" title="camfed" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="lazy" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/happy-garden.svg" alt="happy-garden" title="happy-garden" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="lazy" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/SRE.svg" alt="SRE" title="SRE" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="lazy" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/two-brothers.svg" alt="two-brothers" title="two-brothers" width="207" height="51" data-astro-cid-hhioulv5> </div><div class="w-[150px] md:w-[220px] px-2 flex-shrink-0" data-astro-cid-hhioulv5> <img loading="lazy" decoding="async" class="w-auto h-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/wecook.svg" alt="wecook" title="wecook" width="207" height="51" data-astro-cid-hhioulv5> </div> </div> </div> </div> <div class="container mx-auto px-4 max-w-[1360px]"> <div id="pvp-x4fwkt" class="bg-gray-900/90 backdrop-blur-sm rounded-xl overflow-hidden cursor-pointer group pvp-root max-w-[1000px] w-full mx-auto" data-poster="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.jpg" data-video="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.m3u8"> <!-- Poster layer --> <div class="pvp-poster relative w-full h-full"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.jpg" alt="AI Product Video" width="998" height="561" class="w-full h-full object-cover" loading="lazy"> <div class="absolute inset-0 flex items-center justify-center"> <div class="p-3 bg-black/50 rounded-full transition-transform duration-200 group-hover:scale-110"> <svg class="w-10 h-10 text-gray-200" fill="currentColor" viewBox="0 0 24 24"> <path d="M8 5v14l11-7z"></path> </svg> </div> </div> </div> <!-- Video layer (hidden until play clicked) --> <video class="pvp-video w-full h-full object-cover hidden" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.m3u8" poster="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/Product_holding_explainery.jpg" playsinline controls></video> </div>
189<script type="module">document.querySelectorAll(".pvp-root").forEach(r=>{const t=r.querySelector(".pvp-poster"),e=r.querySelector(".pvp-video");!t||!e||(t.addEventListener("click",()=>{t.classList.add("hidden"),e.classList.remove("hidden"),e.play().catch(()=>{})}),e.addEventListener("pause",()=>{}))});</script>
189 </div> </section> <section class="w-full py-14 md:py-16 xl:py-18"> <div class="container mx-auto px-4 max-w-[1360px]"> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight text-center mx-auto mb-10 lg:mb-15">Use AI Video Generator for Product that Sells </h2> <div class="max-w-[1000px] mx-auto w-full grid grid-cols-1 gap-[24px]"><div class="max-w-[400px] mx-auto md:max-w-full bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 md:px-8 md:py-8 py-6"> <div class="grid grid-cols-10 gap-6 md:gap-10 items-center md:grid-cols-12"> <div class="md:order-last col-span-12 md:col-span-4 rounded-xl overflow-hidden bg-[#131414] py-2 px-12 md:col-span-6"> <img loading="lazy" decoding="async" src="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-shot.png&w=700" srcset="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-sh
189ot.png&w=350 350w, https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-shot.png&w=700 700w" sizes="(max-width: 768px) 100vw, 350px" alt="ai product video generator" width="350" height="350" class="w-full h-auto rounded-xl"> </div> <div class=" text-start col-span-12 md:col-span-6"> <h3 class="text-3xl md:text-4xl font-bold mb-3">Create Flawless Product Shots</h3> <div class="text-base mb-3 text-gray-400">With a product video AI generator, place your product in the hands of a photorealistic AI avatar. Generate crystal-clear lifestyle shots and studio displays instantly, either on a beach or a studio, or even a garden, giving customers a perfect sense of size, shape, and quality, all without a single photoshoot.</div> </div> </div> </div> </div><div class="max-w-[400px] mx-auto md:max-w-full bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 md:px-8 md:py-8 py-6"> <div class="grid grid-cols-10 gap-6 md:gap-10 items-center md:grid-cols-12"> <div class="md:order-first col-span-12 md:col-span-4 rounded-xl overflow-hidden bg-[#131414] py-2 px-12 md:col-span-6"> <img loading="lazy" decoding="async" src="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-action.png&w=700" srcset="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-action.png&w=350 350w, https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fproduct-action.png&w=700 700w" sizes="(max-width: 768px) 100vw, 350px" alt="ai product video generator free" width="350" height="350" class="w-full h-auto rounded-xl"> </div> <div class=" text-start col-span-12 md:col-span-6"> <h3 class="text-3xl md:text-4xl font-bold mb-3">Show Your Products in Action</h3> <div class="text-base mb-3 text-gray-400">Use our AI video generator to show products in use. Generate videos of an AI avatar applying your skincare, unboxing your gadget, or wearing your accessory. Demonstrating usage is the fastest way to turn viewer skepticism into conversions.</div> </div> </div> </div> </div><div class="max-w-[400px] mx-auto md:max-w-full bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 md:px-8 md:py-8 py-6"> <div class="grid grid-cols-10 gap-6 md:gap-10 items-center md:grid-cols-12"> <div class="md:order-last col-span-12 md:col-span-4 rounded-xl overflow-hidden bg-[#131414] py-2 px-12 md:col-span-6"> <img loading="lazy" decoding="async" src="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fshot-voice.png&w=700" srcset="https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fshot-voice.png&w=350 350w, https://cache.tagshop.ai/resize?url=https%3A%2F%2Fdcpgjvp7nmpcc.cloudfront.net%2Fassets%2Fpages%2Fai-product-video%2Fshot-voice.png&w=700 700w" sizes="(max-width: 768px) 100vw, 350px" alt="product video ai generator" width="350" height="350" class="w-full h-auto rounded-xl"> </div> <div class=" text-start col-span-12 md:col-span-6"> <h3 class="text-3xl md:text-4xl font-bold mb-3">Give Your Product a Voice</h3> <div class="text-base mb-3 text-gray-400">Transform your product description into a persuasive video script. Our AI product video generator will produce a human-sounding voiceover to explain key benefits, address objections, and deliver a powerful testimonial that drives sales.</div> </div> </div> </div> </div></div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18"> <div class="container mx-auto px-4 max-w-[1360px]"> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight mb-4 text-center mx-auto">The Old Way vs. The Tagshop.ai Way</h2> <p class="text-md xl:text-xl mb-10 lg:mb-16 text-center mx-auto">Tagshop delivers authentic and captivating AI videos that drive engagement and revenue. </p> <div class="w-full max-w-[1000px] mx-auto"> <div class="w-full overflow-x-auto pb-3"> <table class="w-full text-sm text-left text-gray-100 rounded-xl border border-gray-800" style="border-collapse:separate;border-spacing:0;"> <thead class="text-xs text-gray-100"> <tr> <th scope="col" class="px-6 py-4 text-lg font-medium border-b font-semibold text-start rounded-tl-xl bg-gray-900 border-gray-800"> <div class>Features</div> </th><th scope="col" class="px-6 py-4 text-lg font-medium border-b text-center bg-gray-900 border-gray-800"> <div class="flex justify-center">Old way <span class='text-2xl'>ð</span></div> </th><th scope="col" class="px-6 py-4 text-lg font-medium border-b text-center rounded-tr-xl border-blue-600 bg-blue-600"> <div class="flex justify-center">Tagshop AI <span class='text-2xl'>ð</span></div> </th> </tr> </thead> <tbody> <tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Metric:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Traditional Video Production</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left border-b border-b-gray-800"> <div class>Tagshop.ai: The Smart AI Product Video Generator</div> </td> </tr><tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Production Cost:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>$2,000 - $50,000+ per campaign</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left border-b border-b-gray-800"> <div class>98% less. Start with an AI product video generator free trial.</div> </td> </tr><tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Turnaround Time:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>4-8 weeks</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left border-b border-b-gray-800"> <div class>Under 10 minutes.</div> </td> </tr><tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Scalability:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Impossible to scale affordably</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left border-b border-b-gray-800"> <div class>Infinite. Generate hundreds of videos in parallel.</div> </td> </tr><tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Team Dependency:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b border-b-gray-800"> <div class>Needs editors, actors, studios</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left border-b border-b-gray-800"> <div class>Zero. A one-person job for any performance marketer.</div> </td> </tr><tr> <td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b-gray-800"> <div class>A/B Testing:</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark border-gray-800 min-w-[200px] text-left border-b-gray-800"> <div class>Slow, expensive, and painful</div> </td><td width="33.33%" class="relative overflow-hidden px-6 py-4 text-sm text-gray-100 bg-dark min-w-[250px] border-r border-l border-blue-600 text-left rounded-br-xl border-b-blue-600"> <div class>Effortless. Create endless variations with a single click.</div> <hr class="h-[1px] bg-blue-600 z-[1] absolute bottom-0 left-0 w-full border-0"> </td> </tr> </tbody> </table> </div> </div> <div class="flex items-center justify-center mt-8"> <a href="https://tagshop.ai/app" aria-label="Get Started for Free" title="Get Started for Free" class="signup-track inline-flex items-center justify-center h-12 px-6 rounded-md text-lg font-semibold bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] text-white hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)] transition-colors">Get Started for Free</a> </div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18 relative overflow-hidden"> <div class="absolute -top-50 left-0 z-0 right-0 mx-auto transform-gpu overflow-hidden blur-3xl w-[70%]"> <div class="relative bg-[radial-gradient(ellipse_at_center,#6565FF_0%,#4242E3_20%,#4242E3_50%,transparent_50%)] h-[400px] w-full opacity-50"></div> </div> <div class="container mx-auto px-4 max-w-[1360px] z-20 relative"> <div class="text-center mb-5"><div class="inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium h-9 border-[#8f5bfe] bg-gradient-to-r from-[rgba(10,6,21,0.4)] to-[rgba(33,29,43,0.4)] bg-[#3e6eff][background:linear-gradient(90deg,rgba(10,6,21,0.4)_0%,rgba(33,29,43,0.4)_100%)] border-[#3E6FFF] animate-border">Easy Process â¡</div></div> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight mb-4 text-center max-w-[880px] mx-auto">Create High-Converting Product Videos in 3 Simple Steps</h2> </div> <div class="container mx-auto px-4 max-w-[1360px] z-20 relative"> <div class="grid grid-cols-12 gap-[24px] mx-auto"><div class="bg-[#8989890D] px-3 py-5 md:px-5 md:py-8 flex flex-col gap-1 items-start xl:col-span-4 md:col-span-6 col-span-12 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"><div class="mb-10 w-full h-auto max-w-[320px] mx-auto"><img loading="lazy" class="w-full h-auto " src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/step__01.png" width="264" height="264" alt="best ai product video generator" title="best ai product video generator"></div><div class="mb-2"><span class="inline-flex items-center h-8 bg-blue-600 border border-blue-600 text-xs text-white font-semibold rounded-full px-3">Step 01</span></div><h3 class="text-left mb-0 text-xl font-bold">Paste Your Product URL</h3><p class="text-gray-400 mb-0">Our AI analyzes your page, instantly pulling product details, images, and key selling points to build your creative foundation.</p></div><div class="bg-[#8989890D] px-3 py-5 md:px-5 md:py-8 flex flex-col gap-1 items-start xl:col-span-4 md:col-span-6 col-span-12 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"><div class="mb-10 w-full h-auto max-w-[320px] mx-auto"><img loading="lazy" class="w-full h-auto " src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/step__02.png" width="264" height="264" alt="ai video generator for product" title="ai video generator for product"></div><div class="mb-2"><span class="inline-flex items-center h-8 bg-blue-600 border border-blue-600 text-xs text-white font-semibold rounded-full px-3">Step 02</span></div><h3 class="text-left mb-0 text-xl font-bold">Choose Your AI Avatar</h3><p class="text-gray-400 mb-0">Choose from our library of over 100 diverse avatars or create your custom avatar to match your brand and audience perfectly.</p></div><div class="bg-[#8989890D] px-3 py-5 md:px-5 md:py-8 flex flex-col gap-1 items-start xl:col-span-4 md:col-span-6 col-span-12 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"><div class="mb-10 w-full h-auto max-w-[320px] mx-auto"><img loading="lazy" class="w-full h-auto " src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/step__03.png" width="264" height="264" alt="Generate Your Script" title="Generate Your Script"></div><div class="mb-2"><span class="inline-flex items-center h-8 bg-blue-600 border border-blue-600 text-xs text-white font-semibold rounded-full px-3">Step 03</span></div><h3 class="text-left mb-0 text-xl font-bold">Generate Your Script</h3><p class="text-gray-400 mb-0">Our AI crafts a results-driven video script designed to drive conversions. Review and edit, or generate new variations in some clicks.</p></div></div> </div> </section> <section class="w-full py-0 md:py-0 xl:py-6"> <div class="container mx-auto px-4 max-w-[1360px]"> <div class="bg-[#155DFC] text-center text-white rounded-xl"> <div class="px-4 py-6 md:px-6 md:py-10"> <div class="text-3xl md:text-3xl xl:text-4xl font-bold tracking-tight leading-tight mb-4 text-center mx-auto">Your Competitors Are Booking Studios. You're Already Launching Ads.</div> <p class="text-md xl:text-xl mb-5 lg:mb-8 text-center mx-auto">Get studio-like ads featuring models holding and using your products for less than the cost of a single stock photo. </p> <div class="min-h-[48px]"> <a href="https://tagshop.ai/app/signup" aria-label="Create my First Ad" title="Create my First Ad" class="signup-track inline-flex items-center justify-center h-12 px-6 rounded-md bg-white text-black font-semibold text-lg hover:bg-gray-200 transition-colors cursor-pointer"> Create my First Ad </a> </div> </div> </div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18 iconCards xl:pt-10"> <div class="container mx-auto px-4 max-w-[1200px]"> <div class="text-center mb-5"><div class="inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium h-9 border-[#8f5bfe] bg-gradient-to-r from-[rgba(10,6,21,0.4)] to-[rgba(33,29,43,0.4)] bg-[#3e6eff][background:linear-gradient(90deg,rgba(10,6,21,0.4)_0%,rgba(33,29,43,0.4)_100%)] border-[#3E6FFF] animate-border">AI-Powered Features â¨</div></div> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight mb-4 text-center mx-auto">The AI Product Video Generator for Supreme Ads.</h2> <p class="text-md xl:text-xl mb-10 lg:mb-16 text-center mx-auto">73% of consumers are more likely to buy after watching a product video. Stop just creating content; instead, use a product video AI generator to out-test competitors and drive conversions.</p> <div class="grid grid-cols-1 md:grid-cols-3 gap-[24px]"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/user-setting.svg" alt="No Learning Curve" title="No Learning Curve" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">No Learning Curve</h3> <p class="text-base text-gray-400 mb-0">Generate stunning AI product videos from day one. All you need is a few taps, and
189you will have everything to succeed with Tagshop.ai.</p> </div> </div> </div> </div><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/aI-studio.svg" alt="Unmatched Customization" title="Unmatched Customization" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">Unmatched Customization</h3> <p class="text-base text-gray-400 mb-0">Go from standardized formats to personalized content with ease. Control scripts, voices, visuals, and branding to find the perfect mix for your audience.</p> </div> </div> </div> </div><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/aI-wave.svg" alt="Human-Sounding Voiceovers" title="Human-Sounding Voiceovers" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">Human-Sounding Voiceovers</h3> <p class="text-base text-gray-400 mb-0">Bring your scripts to life with our vast library of natural, human-sounding AI voices. Create narration that connects, persuades, and drives action.</p> </div> </div> </div> </div><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/dollar-in-hand.svg" alt="Built for Unbeatable ROAS" title="Built for Unbeatable ROAS" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">Built for Unbeatable ROAS</h3> <p class="text-base text-gray-400 mb-0">Get the right plans, for the right price, for the right people. Our pricing is designed to maximize your Return on Ad Spend and campaign profitability.</p> </div> </div> </div> </div><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/add-user.svg" alt="Custom Avatar" title="Custom Avatar" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">Custom Avatar</h3> <p class="text-base text-gray-400 mb-0">Use our diverse library of AI models or create your custom avatar. Get the perfect on-brand spokesperson for every product video, every time.</p> </div> </div> </div> </div><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm"> <div class="px-6 py-6 md:px-8 md:py-8"> <div class="md:gap-6 items-center max-w-full mx-auto"> <div class="text-start"> <div class="overflow-hidden mb-3 w-15 h-15 " style="width:60px;height:60px;"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/pages/ai-product-video/file-write.svg" alt="Play the Director" title="Play the Director" width="60" height="60" loading="lazy" class="w-full h-full object-cover"> </div> <h3 class="font-bold text-xl mb-1">Play the Director</h3> <p class="text-base text-gray-400 mb-0">Our AI acts as your co-writer. Provide your sales script, and our AI will enhance it, blending your vision with conversion-focused language for your avatar to deliver.</p> </div> </div> </div> </div></div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18 pt-8 md:pt-10 xl:pt-10"> <div class="container mx-auto px-4 max-w-[1360px]"> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight mb-4 text-center mx-auto">Explore Related tools</h2> <div class="flex items-center justify-center flex-wrap gap-3 mt-8 max-w-3xl mx-auto"><a href="/url-to-video" class="inline-flex items-center gap-5 shrink-0 text-white text-lg border border-white/16 hover:border-white/30 rounded-xl h-14 px-8 group"> Url to AI Video <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 group-hover:text-white group-hover:translate-x-1 transition-all"><path d="M7 7h10v10" /><path d="M7 17 17 7" /></svg> </a><a href="/ai-avatar" class="inline-flex items-center gap-5 shrink-0 text-white text-lg border border-white/16 hover:border-white/30 rounded-xl h-14 px-8 group"> AI Avatar Generator <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 group-hover:text-white group-hover:translate-x-1 transition-all"><path d="M7 7h10v10" /><path d="M7 17 17 7" /></svg> </a><a href="/ai-influencer" class="inline-flex items-center gap-5 shrink-0 text-white text-lg border border-white/16 hover:border-white/30 rounded-xl h-14 px-8 group"> AI Influencer Generator <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 group-hover:text-white group-hover:translate-x-1 transition-all"><path d="M7 7h10v10" /><path d="M7 17 17 7" /></svg> </a><a href="/ai-script-generator" class="inline-flex items-center gap-5 shrink-0 text-white text-lg border border-white/16 hover:border-white/30 rounded-xl h-14 px-8 group"> AI Script Generator <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 group-hover:text-white group-hover:translate-x-1 transition-all"><path d="M7 7h10v10" /><path d="M7 17 17 7" /></svg> </a><a href="/" class="inline-flex items-center gap-5 shrink-0 text-white text-lg border border-white/16 hover:border-white/30 rounded-xl h-14 px-8 group"> AI UGC Generator <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 group-hover:text-white group-hover:translate-x-1 transition-all"><path d="M7 7h10v10" /><path d="M7 17 17 7" /></svg> </a></div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18"> <div class="container mx-auto px-4 max-w-[1360px]"> <div class="mt-5 mb-6 flex flex-col items-center gap-6"> <div class="flex flex-row items-center gap-1 justify-center"> <div class="flex flex-row items-center gap-2 rounded-full bg-white p-2"> <img class="h-10 w-10 sm:h-8 sm:w-8" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/g2-icon.svg" alt="g2-icon" title="g2-icon" width="32" height="32" loading="lazy" decoding="async"> <div class="flex flex-col sm:flex-row items-start sm:items-center gap-1 pr-1"> <span class="font-medium text-black text-sm sm:text-base">4.9 stars . 143+ reviews</span> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/rating-5.svg" alt="rating" title="rating" width="110" height="18" loading="lazy" decoding="async"> </div> </div> </div> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight text-center mx-auto mb-0 lg:mb-0">Brands are Switching to AI Video Ads</h2> <img class="mx-auto" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/g2-badges.svg" alt="g2-badges" title="g2-badges" width="600" height="112" loading="lazy" decoding="async"> </div> <div class="w-full" data-astro-cid-7n5wmewb><div class="relative w-full" id="ts-lcwp66" data-astro-cid-7n5wmewb><swiper-container slides-per-view="1" space-between="30" loop="true" autoplay-delay="5000" autoplay-disable-on-interaction="false" autoplay-pause-on-mouse-enter="true" class="w-full testimonial-swi
189per" data-astro-cid-7n5wmewb="true"><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/ema_e.png" alt="Esma E." title="Esma E." width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/flohealth.svg" alt="Esma E." title="Esma E." width="70" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>The video you created for us truly exceeded our expectations - it's fantastic!</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"Every frame was not only engaging but also beautifully crafted, clearly showing the high level of creativity and effort that went into its production. We achieved CTR of over 2%, and with a cost per click of just $0.20, the effectiveness of your work is undeniable."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Esma E.</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Influencer Marketing</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Sivan.png" alt="Sivan Michaeli-Roimi" title="Sivan Michaeli-Roimi" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/pynt.svg" alt="Sivan Michaeli-Roimi" title="Sivan Michaeli-Roimi" width="70" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Seamless AI UGC video and image generation tool</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"I work in the API security space, but I have always been curious about exploring different AI tools whether for generating images, videos, or creative content. UGC is something every brand needs nowadays, and I have tried many AI video tools. What I like about Tagshop AI is its simplicity. Itâs easy to use, not complicated, and even someone without an AI background can get started quickly. That makes it a very user-friendly AI UGC video tool."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Sivan Michaeli-Roimi</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>VP Marketing @Pynt | Founder of Heyou.io</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/review02.png" alt="Alon Michaeli" title="Alon Michaeli" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/dealhub.svg" alt="Alon Michaeli" title="Alon Michaeli" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Best image to Product holding video generator for me</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"I used Tagshop AI 2 days ago. Create an ai ugc product holding video with the tool. I have literally found the tool easy to use, with no complex functionality inside it. They have their own image generation model, where you can first generate a product image or upload one, and then you can also create a video for the same product. I like this idea, pretty cool, but letâs see how I can move to their plan."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Alon Michaeli</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Head of Revenue AI at DealHub</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/yuliia.png" alt="Yuliia Kolomiiets" title="Yuliia Kolomiiets" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/trackdesk.png" alt="Yuliia Kolomiiets" title="Yuliia Kolomiiets" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Avatar looks realistic. Helpful to generate high-quality ai ugc videos.</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"I've been using Tagshop AI as an AI ugc video generation tool for 1 month, and it's working well for me. I love the variety of avatars in their avatar library. The best part I have got in this tool is their editor, simple and clean look, and easy to use. Now, I don't need to switch tabs to edit the video."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Yuliia Kolomiiets</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>VP of Marketing</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Anirudh-Singh.png" alt="Anirudh" title="Anirudh" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/dqotsolutions.png" alt="Anirudh" title="Anirudh" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Multi-lingual features in the tool are pretty amazing.</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"As my targeted audience is from the USA, Germany and Italy, their multilingual feature is helpful in this situation. I can create multiple avatar videos in different languages. So this is the benefit when you are targeting a wide audience."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Anirudh</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Head of Digital Marketing</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Stephen.png" alt="Stephen Mathew" title="Stephen Mathew" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/certifyme.svg" alt="Stephen Mathew" title="Stephen Mathew" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Time Saving and Affordable Tool</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"The tool is super quick while creating the ai ugc videos. I like the editor within the tool, you don't have to switch to another tab."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Stephen Mathew</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Marketing Manager</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Kazi.png" alt="Kazi Mainuddin" title="Kazi Mainuddin" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/klasio.png" alt="Kazi Mainuddin" title="Kazi Mainuddin" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>AI influencer becomes easy to create with Tagshop AI</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"With the Tagshop AI, I have created a set of AI avatar videos that are now working for my clients. I am happy that I have found the fastest way to create AI avatars. The tool is quick and easy to use. I mean beginner-friendly, even a non-ai person can also operate this."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Kazi Mainuddin</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Content Marketer</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Arpan.png" alt="Arpan Shah" title="Arpan Shah" width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Salesstack.png" alt="Arpan Shah" title="Arpan Shah" width="160" height="50" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>We have successfully reduced our shooting time after using Tagshop AI.</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"Tagshop AI has helped us cut down our product shooting time by a huge margin. The Digital Twin / AI Twin feature lets us create clean product visuals without setting up lights, cameras, or backgrounds every time. We simply upload a few images, and the tool generates high-quality results that look ready for ads or social media. For a small marketing team like ours, this saves hours every week and makes content creation much easier."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Arpan Shah</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Managing Director</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Agyul-M.png" alt="Aygul M." title="Aygul M." width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/VitaMail-Logo1.svg" alt="Aygul M." title="Aygul M." width="120" height="40" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>Tagshop AI dashboard is very well organized, even for a beginner in video creation like me.</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"Tagshop AI has made the whole video creation much easier for me, especially as someone without a strong editing background. The dashboard is clean and very well organized, which helped me quickly understand the workflow. I really liked how simple it is to generate content, edit videos, and navigate different features without feeling confused. The platform saves time and makes the entire process smooth and efficie
189nt. Overall, itâs a beginner-friendly tool that delivers professional-looking results with minimal effort."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Aygul M.</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Digital PR Strategist</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Arina-K.png" alt="Arina K." title="Arina K." width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/actiTIME-logo1.svg" alt="Arina K." title="Arina K." width="120" height="40" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>For us, Tagshop AI is the fastest way to create high-converting ugc video ads</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"Tagshop AI is currently helping us to produce UGC-style video ads quickly. Uploading a product link and letting the AI auto-generate scripts, avatars, and full videos saves an incredible amount of time. The realistic avatars and voice cloning feel natural, and the multilingual features make international campaigns easy for us. We are currently producing 90+ videos daily with variations for A/B testing without any filming, creators, or editing."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Arina K.</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Chief Marketing Officer</p></div></div></div></swiper-slide><swiper-slide data-astro-cid-7n5wmewb="true"><div class="bg-gray-600/5 rounded-xl border border-solid border-gray-500/20 backdrop-blur-sm p-4 md:p-6 w-full" data-astro-cid-7n5wmewb><div class="grid grid-cols-6" data-astro-cid-7n5wmewb><div class="col-span-6 md:col-span-2 pr-0 md:pr-5 lg:pr-10" data-astro-cid-7n5wmewb><img class="w-full h-auto max-w-[300px] mx-auto rounded-lg" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/Bhanik-B.png" alt="Bhavik B." title="Bhavik B." width="277" height="324" loading="lazy" data-astro-cid-7n5wmewb></div><div class="col-span-6 md:col-span-4 flex flex-col pt-6" data-astro-cid-7n5wmewb><div class="flex items-center mb-5" data-astro-cid-7n5wmewb><img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/media/iKraft-Solutions-logo.svg" alt="Bhavik B." title="Bhavik B." width="120" height="40" loading="lazy" data-astro-cid-7n5wmewb></div><h3 class="text-left mb-4 text-xl font-semibold" data-astro-cid-7n5wmewb>UGC style video ads become easy through the AI video agent workflow.</h3><p class="text-left mb-4 text-gray-300 font-medium" data-astro-cid-7n5wmewb>"So, with the time we have also developed the approach to generate ai ugc videos for our ad platforms. We have recently explored the new feature of generating videos through the ai video agent, and the smart ai agent is generating scripts, visuals, and videos for us within a few minutes. So yes, we can say we are saving a lot of video production time, video generation, just by chatting through the agent. So, what I think we are already eliminating lots of typical process already with the agent."</p><p class="text-left text-lg text-white mb-1 font-bold" data-astro-cid-7n5wmewb>Bhavik B.</p><p class="text-left text-sm text-gray-400" data-astro-cid-7n5wmewb>Co-Founder</p></div></div></div></swiper-slide></swiper-container><button class="prev-btn absolute left-4 top-[25%] sm:top-[calc(50%-20px)] -translate-y-1/2 bg-black/50 border border-gray-600 hover:bg-black/70 text-white z-10 rounded-md p-2" aria-label="Previous testimonial" data-astro-cid-7n5wmewb>
189<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-7n5wmewb><path d="M15 18l-6-6 6-6" data-astro-cid-7n5wmewb></path></svg></button><button class="next-btn absolute right-4 top-[25%] sm:top-[calc(50%-20px)] -translate-y-1/2 bg-black/50 border border-gray-600 hover:bg-black/70 text-white z-10 rounded-md p-2" aria-label="Next testimonial" data-astro-cid-7n5wmewb><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-7n5wmewb><path d="M9 18l6-6-6-6" data-astro-cid-7n5wmewb></path></svg></button><div class="mt-4 text-white text-left "> <span>Source:</span> <a href="https://www.g2.com/products/tagshop-ai/reviews" target="_blank" rel="noopener noreferrer nofollow" class="hover:underline">G2</a> & <a href="https://www.trustpilot.com/review/tagshop.ai" target="_blank" rel="noopener noreferrer nofollow" class="hover:underline">Trustpilot</a> </div><!-- Dots indicator (matches Next: flex justify-center mt-6 space-x-2) --><div class="ts-dots flex justify-center mt-6 space-x-2" data-count="11" data-astro-cid-7n5wmewb></div></div></div>
189<script type="module" src="/_astro/TestimonialSlider.astro_astro_type_script_index_0_lang.DuVsLRfm.js"></script>
189 </div> </section> <section class="w-full py-14 md:py-16 xl:py-18"> <div class="container mx-auto px-4 max-w-[1360px]"> <h2 class="text-3xl md:text-4xl xl:text-5xl font-bold leading-tight mb-4 text-center mx-auto">Need Info</h2> <p class="text-md xl:text-xl mb-10 lg:mb-16 text-center mx-auto">Know all about Tagshop AI with these frequently asked questions here.</p> <div class="w-full max-w-[1000px] mx-auto">
189<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I make a video to sell my product?","acceptedAnswer":{"@type":"Answer","text":"With Tagshop.ai, we've simplified it to a single action: just paste your product URL. Our AI product video generator handles the rest by analyzing your page, writing a script, letting you select visuals and avatars, and generating a performance-ready video in minutes."}},{"@type":"Question","name":"How can I create product videos with AI?","acceptedAnswer":{"@type":"Answer","text":"The process is simple: you give our product video AI generator a product link, choose a style and an AI avatar, and approve or moderate the AI-generated script. The AI then automatically creates scenes, adds human-like voiceovers, and produces a complete video ready for your campaign."}},{"@type":"Question","name":"How long should product videos be?","acceptedAnswer":{"@type":"Answer","text":"This depends on the platform, but hereâs a rule of thumb for performance marketing:Top-of-Funnel Ads (TikTok, Reels, Shorts): 15-30 seconds to capture attention quickly.Product Pages / Mid-Funnel Ads: 30-90 seconds to provide more detail and increase conversions. Tagshop.ai makes it easy to generate multiple length variations so you can A/B test to see what converts best for your specific audience."}},{"@type":"Question","name":"Can AI create a good product demo video?","acceptedA
189nswer":{"@type":"Answer","text":"Absolutely. Tagshop.ai is perfect for creating compelling product demo videos. Our AI can combine talking head avatars (who explain the features), dynamic shots of your product in use (held and applied by avatars), and cinematic B-roll to create clear, effective, and persuasive demos without the cost and complexity of a live shoot, all with the help of a product video ai generator."}},{"@type":"Question","name":"How does Tagshop AI turn a product URL into a video?","acceptedAnswer":{"@type":"Answer","text":"This entire process is handled by our best ai product video generator. It 'crawls' the product page to extract key assets: product images, title, description, and features. It then analyzes this data to understand the main selling points, automatically writes a script to highlight them, and pairs it with the best visuals to create a cohesive and effective video narrative."}},{"@type":"Question","name":"Can I customize the AI-generated product video?","acceptedAnswer":{"@type":"Answer","text":"Yes, you have full control. You can easily edit the AI-generated script, select different AI avatars, swap out scenes or backgrounds, change the royalty-free music, adjust brand colors, and add your logos to ensure the final video is 100% on-brand."}},{"@type":"Question","name":"What makes AI product videos different from traditional ones?","acceptedA
189nswer":{"@type":"Answer","text":"The three key differences are Speed, Cost, and Scale.Speed: Get a finished video in minutes, not weeks.Cost: Produce hundreds of video variations for less than the price of a single traditional video.Scale: Effortlessly create unique videos for every product, campaign, and A/B test, something that is financially and logistically impossible with traditional methods."}},{"@type":"Question","name":"How can I ensure the AI product video matches my brand tone?","acceptedAnswer":{"@type":"Answer","text":"We give you the tools to maintain brand consistency. You can upload your brand kit (logos, fonts, color palettes), choose from a wide range of AI voiceover tones (e.g., professional, energetic, trustworthy), and have final say by editing the AI-generated script to perfectly match your brand's unique voice and messaging."}}]}</script>
189<div class="w-full space-y-4" data-astro-cid-c373gnve><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" open data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>How do I make a video to sell my product?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>With Tagshop.ai, we've simplified it to a single action: just paste your product URL. Our AI product video generator handles the rest by analyzing your page, writing a script, letting you select visuals and avatars, and generating a performance-ready video in minutes.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>How can I create product videos with AI?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>The process is simple: you give our product video AI generator a product link, choose a style and an AI avatar, and approve or moderate the AI-generated script. The AI then automatically creates scenes, adds human-like voiceovers, and produces a complete video ready for your campaign.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>How long should product videos be?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>This depends on the platform, but hereâs a rule of thumb for performance marketing:<br />Top-of-Funnel Ads (TikTok, Reels, Shorts): 15-30 seconds to capture attention quickly.<br />Product Pages / Mid-Funnel Ads: 30-90 seconds to provide more detail and increase conversions. <br />Tagshop.ai makes it easy to generate multiple length variations so you can A/B test to see what converts best for your specific audience.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>Can AI create a good product demo video?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>Absolutely. Tagshop.ai is perfect for creating compelling product demo videos. Our AI can combine talking head avatars (who explain the features), dynamic shots of your product in use (held and applied by avatars), and cinematic B-roll to create clear, effective, and persuasive demos without the cost and complexity of a live shoot, all with the help of a product video ai generator.</div></details>
189<details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>How does Tagshop AI turn a product URL into a video?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>This entire process is handled by our best ai product video generator. It 'crawls' the product page to extract key assets: product images, title, description, and features. It then analyzes this data to understand the main selling points, automatically writes a script to highlight them, and pairs it with the best visuals to create a cohesive and effective video narrative.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>Can I customize the AI-generated product video?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>Yes, you have full control. You can easily edit the AI-generated script, select different AI avatars, swap out scenes or backgrounds, change the royalty-free music, adjust brand colors, and add your logos to ensure the final video is 100% on-brand.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>What makes AI product videos different from traditional ones?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>The three key differences are Speed, Cost, and Scale.<br />Speed: Get a finished video in minutes, not weeks.<br />Cost: Produce hundreds of video variations for less than the price of a single traditional video.<br />Scale: Effortlessly create unique videos for every product, campaign, and A/B test, something that is financially and logistically impossible with traditional methods.</div></details><details class="bg-[#ffffff08] rounded-lg border border-solid border-[#ffffff20] backdrop-blur-[75px] group" data-astro-cid-c373gnve><summary class="flex flex-1 cursor-pointer items-center justify-between p-4 text-lg font-semibold transition-all text-left list-none" data-astro-cid-c373gnve><span data-astro-cid-c373gnve>How can I ensure the AI product video matches my brand tone?</span><svg class="h-4 w-4 shrink-0 transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-c373gnve><path d="m6 9 6 6 6-6" data-astro-cid-c373gnve></path></svg></summary><div class="pt-0 pb-5 px-4 text-sm text-gray-400" data-astro-cid-c373gnve>We give you the tools to maintain brand consistency. You can upload your brand kit (logos, fonts, color palettes), choose from a wide range of AI voiceover tones (e.g., professional, energetic, trustworthy), and have final say by editing the AI-generated script to perfectly match your brand's unique voice and messaging.</div></details></div> </div> </div> </section> <section class="w-full py-14 md:py-16 xl:py-18 md:pt-0 xl:pt-0 pt-0"> <div class="container mx-auto px-4 max-w-[1360px]"> <div class="text-center rounded-2xl w-full py-12 md:py-14 xl:py-18 px-5 relative overflow-hidden"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/svg/square_gradient_bg.svg" class="absolute left-0 top-0 h-full w-full object-cover object-center z-0" width="1200" height="300" alt="background" loading="lazy"> <div class="z-10 relative"> <div class="text-3xl md:text-3xl xl:text-4xl font-bold tracking-tight leading-tight mb-4 text-center mx-auto">Ready to Scale Your Ad Performance?</div> <p class="text-md xl:text-xl text-center mx-auto mb-5 lg:mb-10">Join thousands of marketers creating high-converting video ads at scale</p> <div class="mt-10 min-h-[48px]"> <a href="https://tagshop.ai/app" target="_self" aria-label="Create Your First Video" title="Create Your First Video" class="signup-track inline-flex items-center justify-center h-12 px-6 rounded-md text-lg font-semibold text-white transition-colors cursor-pointer bg-gradient-to-b from-[rgba(68,17,251,1)] to-[rgba(55,142,246,1)] hover:from-[rgba(55,142,246,1)] hover:to-[rgba(68,17,251,1)]"> Create Your First Video </a> </div> </div> </div> </div> </section> </main> <footer class="bg-black" id="site-footer"> <div class="md:py-12 xl:py-14 py-10"> <div class="container mx-auto px-4 max-w-[1360px] overflow-hidden"> <div class="grid grid-cols-12 gap-[15px] md:gap-[30px]"> <!-- Brand column --> <div class="col-span-12 md:col-span-5 lg:col-span-3"> <a href="/" class="flex items-center mb-5" aria-label="Tagshop Logo" title="Tagshop Logo"> <img src="https://dcpgjvp7nmpcc.cloudfront.net/assets/logo-text-white.svg" alt="Tagshop Logo" title="Tagshop Logo" width="152" height="46"> </a> <div class="flex-col gap-2 mb-5 rounded-xl border border-gray-800 p-4"> <p class="text-white uppercase text-sm mb-2">BACKED BY:</p> <div class="flex flex-wrap items-center gap-5 mt-3"> <img class="max-w-[120px]" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/nvidia-light-web.png" alt="nvidia" title="nvidia" width="130" height="30" loading="lazy"> </div> </div> <div class="flex-col gap-2 mb-5 rounded-xl border border-gray-800 p-4"> <p class="text-white uppercase text-sm mb-2">EXPERTS IN:</p> <div class="flex flex-wrap items-center gap-5 mt-3"> <img class="max-w-[75px]" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/meta.svg" alt="meta" title="meta" width="118" height="24" loading="lazy"> <img class="max-w-[75px]" src="https://dcpgjvp7nmpcc.cloudfront.net/assets/tiktok.svg" alt="tiktok" title="tiktok" width="118" height="24" loading="lazy"> </div> </div> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Company</span> <ul class="text-white text-sm space-y-3"> <li> <a href="/about-us" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="About Us" title="About Us">About Us</a> </li><li> <a href="/contact-us" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Contact Us" title="Contact Us">Contact Us</a> </li><li> <a href="/community" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Community" title="Community">Community</a> </li><li> <a href="https://help.tagshop.ai/en/" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Help Center" title="Help Center" target="_blank" rel="noopener noreferrer">Help Center</a> </li><li> <a href="/privacy-policy" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Privacy Policy" title="Privacy Policy">Privacy Policy</a> </li><li> <a href="/terms-of-use" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Terms of Use" title="Terms of Use">Terms of Use</a> </li><li> <a href="/wall-of-love" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Wall of Love" title="Wall of Love">
189Wall of Love</a> </li> </ul> </div> <!-- Features column --> <div class="col-span-12 md:col-span-5 lg:col-span-2"> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Features</span> <ul class="text-white text-sm space-y-3"> <li> <a href="/ai-video-generator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Video Generator" title="AI Video Generator">AI Video Generator</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-assets-generator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Asset Generator" title="Asset Generator">Asset Generator</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI UGC Video Ads" title="AI UGC Video Ads">AI UGC Video Ads</a> </li><li> <a href="/ai-avatar" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Avatar" title="AI Avatar">AI Avatar</a> </li><li> <a href="/ai-script-generator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Script Generator" title="AI Script Generator">AI Script Generator</a> </li><li> <a href="/ai-twin" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Twin Generator" title="AI Twin Generator">AI Twin Generator</a> </li><li> <a href="/url-to-video" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="URL To Video" title="URL To Video">URL To Video</a> </li><li> <a href="/ai-actor" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Actor" title="AI Actor">AI Actor</a> </li><li> <a href="/custom-avatar" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Custom Avatar" title="Custom Avatar">Custom Avatar</a> </li><li> <a href="/text-to-video-ai" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Text to Video" title="Text to Video">Text to Video</a> </li><li> <a href="/image-to-video-ai" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="Image to Video" title="Image to Video">Image to Video</a> </li><li> <a href="/ai-product-video" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Product Video" title="AI Product Video">AI Product Video</a> </li><li> <a href="/all-features" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="All Features" title="All Features">All Features</a> </li><li> <a href="/ai-video-ads-generator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Video Ads Generator" title="AI Video Ads Generator">AI Video Ads Generator</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-ugc-creator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI UGC Creator" title="AI UGC Creator">AI UGC Creator</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-image-generator" class="font-medium hover:underline text-white text-sm cursor-pointer py-1" aria-label="AI Image Generator" title="AI Image Generator">AI Image Generator</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li> </ul> </div> <!-- Industries + Channels column --> <div class="col-span-12 md:col-span-5 lg:col-span-2"> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Industries</span> <ul class="text-white text-sm space-y-3 mb-8"> <li><a href="/industry/marketing" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Marketing</a></li><li><a href="/industry/food-and-beverage" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Food & Beverage</a></li><li><a href="/industry/health-and-fitness" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Health & Fitness</a></li><li><a href="/industry/home-decor" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Home Decor</a></li><li><a href="/industry/personal-care" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Personal Care</a></li><li><a href="/industry/beauty-and-cosmetics" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Beauty & Cosmetics</a></li><li><a href="/industry/insurance" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Insurance</a></li><li><a href="/industry/pet-products" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Pet Products</a></li><li><a href="/industry/fashion" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Fashion</a></li><li><a href="/industry/supplements" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Supplements</a></li><li><a href="/industry/jewelry" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Jewelry</a></li><li><a href="/industry/travel" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Travel</a></li><li><a href="/industries" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">All Industries</a></li> </ul> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Channels</span> <ul class="text-white text-sm space-y-3"> <li><a href="/ai-instagram-ads" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Instagram Ads</a></li><li><a href="/ai-facebook-ads" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Facebook Ads</a></li><li><a href="/ai-tiktok-ads" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Tiktok Ads</a></li><li><a href="/ai-youtube-ads" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Youtube Ads</a></li><li><a href="/ai-ugc-for-shopify" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI UGC for Shopify</a></li> </ul> </div> <!-- Resources + AI Models column --> <div class="col-span-12 md:col-span-5 lg:col-span-2"> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Resources</span> <ul class="text-white text-sm space-y-3 mb-8"> <li><a href="/templates" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Inspiration Gallery</a></li><li><a href="/review" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Review</a></li><li><a href="/compare" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Compare</a></li><li><a href="/pricing" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Pricing</a></li><li><a href="https://tagshop.ai/blog/" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Blog</a></li><li><a href="/affiliate" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Affiliate</a></li><li><a href="/glossary" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Glossary</a></li><li><a href="/alternative" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Alternative</a></li><li><a href="/ai-models" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Models</a></li><li><a href="/ai-video-api" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">AI Video API</a></li> </ul> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">AI Models</span> <ul class="text-white text-sm space-y-3"> <li> <a href="/ai-models/chatgpt-images-2-5" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Gpt Image 2.5</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-models/seedance-3" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Seedance 3.0</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Coming Soon</span> </li><li> <a href="/ai-models/seedance-2-5" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Seedance 2.5</a> </li><li> <a href="/ai-models/seedance-2" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Seedance 2.0</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Popular</span> </li><li> <a href="/ai-models/veo-3" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Veo 3</a> </li><li> <a href="/ai-models/kling-3-0" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Kling 3.0</a> </li><li> <a href="/ai-models/grok-imagine-video" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Grok Imagine Video</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li>
189 <a href="/ai-models/gpt-image-2" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">GPT Image 2</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">Trending</span> </li><li> <a href="/ai-models/chatgpt-images-2-5" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Gpt Image 2.5</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-models/nano-banana-pro" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Nano Banana Pro</a> </li><li> <a href="/ai-models/seedream-5-0" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Seedream 5.0</a> </li><li> <a href="/ai-models/ideogram-3" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Ideogram 3</a> </li><li> <a href="/ai-models/wan-3-0" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">Wan 3.0</a> <span class="text-[10px] ml-1 bg-blue-700 text-white border border-blue-700 px-1.5 rounded-full">New</span> </li><li> <a href="/ai-models" class="font-medium hover:underline text-white text-sm cursor-pointer py-1">All AI Models</a> </li> </ul> </div> <!-- Blog column --> <div class="col-span-12 md:col-span-5 lg:col-span-3"> <span class="text-gray-500 text-sm font-semibold mb-4 uppercase block">Blog</span> <ul class="text-white text-sm space-y-4"> <li> <a href="https://tagshop.ai/blog/ai-in-video-marketing/" target="_blank" rel="noopener noreferrer" class="font-medium hover:underline text-white text-sm" aria-label="How AI Is Changing Video Marketing in 2026" title="How AI Is Changing Video Marketing in 2026">How AI Is Changing Video Marketing in 2026</a> </li><li> <a href="https://tagshop.ai/blog/ai-video-prompts/" target="_blank" rel="noopener noreferrer" class="font-medium hover:underline text-white text-sm" aria-label="Ready-to-Use AI Video Prompts (All Industries Covered)" title="Ready-to-Use AI Video Prompts (All Industries Covered)">Ready-to-Use AI Video Prompts (All Industries Covered)</a> </li><li> <a href="https://tagshop.ai/blog/ai-video-marketing-statistics/" target="_blank" rel="noopener noreferrer" class="font-medium hover:underline text-white text-sm" aria-label="30+ AI Video Marketing Statistics (2026 Edition)" title="30+ AI Video Marketing Statistics (2026 Edition)">30+ AI Video Marketing Statistics (2026 Edition)</a> </li><li> <a href="https://tagshop.ai/blog/ai-video-examples/" target="_blank" rel="noopener noreferrer" class="font-medium hover:underline text-white text-sm" aria-label="Best AI Video Examples in 2026" title="Best AI Video Examples in 2026">Best AI Video Examples in 2026</a> </li> </ul> </div> </div> </div> </div> <div class="bg-white/10 h-px w-full"></div> <div class="py-4"> <div class="container mx-auto px-4 max-w-[1360px]"> <div class="flex justify-center items-center flex-col md:flex-row md:justify-between"> <p class="text-white text-sm my-2">2026, Tagshop.ai - All Rights Reserved</p> <div class="flex items-center gap-2 py-1 justify-center"> <a href="https://www.youtube.com/@tagshop" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="YouTube" title="YouTube"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="20" height="20" fill="currentColor"><path d="M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z"></path></svg> </a><a href="https://x.com/tagshopai" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="X / Twitter" title="X / Twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="20" height="20" fill="currentColor"><path d="M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z"></path></svg> </a><a href="https://www.linkedin.com/company/tagshop/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="LinkedIn" title="LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="20" height="20" fill="currentColor"><path d="M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z"></path></svg> </a><a href="https://www.instagram.com/tagshop.ai/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="Instagram" title="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" height="20" fill="currentColor"><path d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a><a href="https://www.facebook.com/tagshop/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="Facebook" title="Facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="20" height="20" fill="currentColor">
189<path d="M576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 440 146.7 540.8 258.2 568.5L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 574.1C477.8 558.8 576 450.9 576 320z"></path></svg> </a><a href="https://discord.gg/tagshop" target="_blank" rel="noopener noreferrer" class="w-10 h-10 hover:scale-105 bg-[#333333] rounded-full flex items-center justify-center transition-transform text-white" aria-label="Discord" title="Discord"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="20" height="20" fill="currentColor"><path d="M524.5 191.4C486.7 158.8 431.6 144.4 384.1 141.3C378.4 141 373.5 145.1 372.7 150.6C372.1 154.7 371.5 159.8 371.1 164.6C424.6 172.9 458.4 189.6 460.9 191L460.9 191C465 193.3 466.4 198.5 464.1 202.6C462.5 205.4 459.6 207 456.6 207C455.2 207 453.7 206.6 452.4 205.9C450.6 204.9 407.4 182.8 351.9 178C346.2 177.5 340.4 177.2 334.6 177.1C333.2 177.1 331.9 177 330.5 177C324.7 177.1 318.9 177.4 313.2 177.9C312.5 178 311.9 178 311.2 178.1C255 183 211.1 205.3 209.5 206.2C205.2 208.4 199.9 206.7 197.6 202.4C195.4 198.1 197 192.9 201.3 190.6L201.3 190.6C203.8 189.3 237.4 172.7 290.6 164.4C290.1 159.7 289.6 154.6 288.9 150.5C288 145 283.2 141 277.5 141.3C230 144.3 175 158.8 137.1 191.4C112.8 216.9 96 273.2 96 361.8C96 361.8 130.1 460.3 224.7 500.5C224.7 500.5 240.6 481.8 253.4 465.6C205.8 452.6 187.4 423.9 187.4 423.9C202.4 434 217.5 441.2 231.2 446.1C242.3 450.1 275.9 457.1 283 457.4C312.6 457.5 337.9 452.2 361.4 442.5C371.6 438.2 382.6 432.9 393.9 425.8C397.5 448.6 402.1 470.4 407.1 486.4C408.5 490.9 409.9 495 411.3 498.7C503 460 543.9 361.8 543.9 361.8C543.9 273.2 527.1 216.9 524.5 191.4zM250.5 401.4C230.7 401.4 214.5 383.2 214.5 360.7C214.5 338.2 230.4 320 250.5 320C270.7 320 286.9 338.4 286.6 360.7C286.6 383.2 270.7 401.4 250.5 401.4zM390.1 401.4C370.3 401.4 354.1 383.2 354.1 360.7C354.1 338.2 370 320 390.1 320C410.3 320 426.5 338.4 426.2 360.7C426.2 383.2 410.4 401.4 390.1 401.4z"></path></svg> </a> </div> </div> </div> </div> </footer>
189<script type="module">(function(){if(window.__gtmInitialized)return;function t(){if(!window.__gtmInitialized){if(window.__gtmInitialized=!0,["mousemove","click","scroll","keypress"].forEach(e=>document.removeEventListener(e,t)),!document.querySelector('script[src*="googletagmanager.com/gtm.js"]')){const e=document.createElement("script");e.innerHTML=`
vendor: 421 bytes, lines 189-198
189 190 (function(w,d,s,l,i){ 191 w[l]=w[l]||[]; 192 w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'}); 193 var f=d.getElementsByTagName(s)[0], 194 j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:''; 195 j.async=true; 196 j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; 197 f.parentNode.insertBefore(j,f); 198 })(window,document,'script','dataLayer','
198GTM-59THK8G
vendor: 10 bytes, lines 198-199
198'); 199
199`,document.head.appendChild(e)}if(!document.querySelector('script[src*="gtag/js"]')){const e=document.createElement("script");e.src="https://www.googletagmanager.com/gtag/js?id=G-RVE95CMTZF",e.async=!0,document.head.appendChild(e);const n=document.createElement("script");n.innerHTML=` 200
vendor: 151 bytes, lines 200-203
200window.dataLayer = window.dataLayer || []; 201 function gtag(){dataLayer.push(arguments);} 202 gtag('js', new Date()); 203 gtag('config', '
203G-RVE95CMTZF
vendor: 10 bytes, lines 203-204
203'); 204
204`,document.head.appendChild(n)}}}["mousemove","click","scroll","keypress"].forEach(e=>document.addEventListener(e,t,{passive:!0}))})();</script>
204 <!-- GTM noscript fallback --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59THK8G" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>
204<script type="module">(function(){const n=window.location.href,s=location.hostname==="localhost"||location.hostname==="127.0.0.1",l=s?"":"; domain=.tagshop.ai",_=s?"":"; secure",a=3600*24;function c(e){var o;return(o=document.cookie.split("; ").find(t=>t.startsWith(e+"=")))==null?void 0:o.split("=")[1]}function r(e,o,t){document.cookie=`${e}=${encodeURIComponent(o)}; path=/; max-age=${t}; samesite=lax${_}${l}`}c("ts_landing__")||(r("ts_landing__",n,a),localStorage.setItem("ts_landing__",n));const i=c("ts_referrer__");i&&!localStorage.getItem("ts_referrer__")&&localStorage.setItem("ts_referrer__",decodeURIComponent(i)),document.addEventListener("click",e=>{var t;(t=e.target)!=null&&t.closest(".signup-track")&&(r("ts_conversion__",n,a),localStorage.setItem("ts_conversion__",n))})})();</script>
204 <div id="cookie-consent-banner" class="fixed top-1/2 bottom-1/2 lg:top-[auto] lg:bottom-10 left-0 right-0 z-[9999] items-center justify-center px-3 hidden" role="dialog" aria-live="polite" aria-label="Cookie consent"> <div class="bg-gray-900/90 rounded-2xl border border-solid border-gray-500/20 backdrop-blur-sm flex items-center justify-between lg:flex-row flex-col gap-3 p-5"> <div class="flex items-center gap-2 max-w-md lg:flex-row flex-col lg:text-left text-center"> <!-- Cookie icon --> <svg class="w-8 h-8 text-yellow-500 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M8 13s.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg> <p class="text-sm text-white flex-1"> 205We use cookies to make the website work better for you. You can choose what's okay for you. See our 206<a href="/privacy-policy" class="text-white underline hover:text-gray-300 transition-colors font-medium ml-1" target="_blank" rel="noopener noreferrer">Privacy Policy</a> </p> </div> <div class="flex gap-2 flex-shrink-0"> <button id="cookie-reject-btn" class="px-4 py-2 rounded-full bg-gray-700 text-white text-sm font-medium hover:bg-gray-600 transition-colors" type="button"> 207Reject All 208</button> <button id="cookie-accept-btn" class="px-4 py-2 rounded-full bg-white text-black text-sm font-medium hover:bg-gray-100 transition-colors" type="button"> 209Accept All 210</button> </div> </div> </div>
210<script type="module">const a="ts_enable_cookie";const u=new Set(["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","GB","CH"]);function E(o){var t;return(t=document.cookie.split("; ").find(e=>e.startsWith(o+"=")))==null?void 0:t.split("=")[1]}function r(o,t,e){const i=location.hostname.includes("tagshop.ai")?"; domain=.tagshop.ai":"";document.cookie=`${o}=${t}; path=/; max-age=${e}; samesite=lax; secure${i}`}function f(){var e;const o=(e=document.cookie.split("; ").find(i=>i.startsWith("cf_country=")))==null?void 0:e.split("=")[1];if(o)return o.toUpperCase();const t=navigator.language.split("-")[1];return(t==null?void 0:t.length)===2?t.toUpperCase():null}function d(o){const t=window;if(!t.clarity)return;const e=o==="1"?"granted":"denied";t.clarity("consentv2",{ad_Storage:e,analytics_Storage:e})}const n=document.getElementById("cookie-consent-banner"),s=document.getElementById("cookie-accept-btn"),c=document.getElementById("cookie-reject-btn");function m(){n==null||n.classList.remove("hidden"),n==null||n.classList.add("flex")}function l(){n==null||n.classList.add("hidden"),n==null||n.classList.remove("flex")}function p(){const o=f();if(!(o?u.has(o):!0))return;const e=E(a);if(e!==void 0){d(e);return}setTimeout(m,1e3)}s==null||s.addEventListener("click",()=>{r(a,"1",31536e3),d("1"),l()});c==null||c.addEventListener("click",()=>{r(a,"0",31536e3),d("0"),l()});p();</script>
210
210<script src="/tracker.js" defer></script>
210
210<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4bb75117bd15456399b56842cb598e44","spa":2}' crossorigin="anonymous"></script>
210 211</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.