1<!DOCTYPE html> 2<html class="css-loading" data-wf-page="674b4d51348704112f5083a3" data-wf-site="674b4b796e378b632448767e" lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta content="width=device-width, initial-scale=1" name="viewport"> 6 <style>/* Splash from first paint: overlay + inlined logo; spinner in .css-preloader. */ 7html.css-loading{background:#fff} 8html.css-loading body{overflow:hidden} 9html.css-loading body>:not(.css-preloader){display:none!important} 10html.css-loading::before{content:"";position:fixed;inset:0;z-index:2147483646;background:#fff} 11html.css-loading::after{content:"";position:fixed;top:50%;left:50%;z-index:2147483647;width:127px;height:40px;margin:-44px 0 0 -63.5px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAABACAYAAAAd+Eu8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAt+SURBVHgB7Z09dts6Fsf/eW/6cdo0D9OkjWcFYbrpolmBOSuIswLRK4iyAikrsLMCKd10clZApkhtp3vvpNDjNckIgvBxAVK2aN/fOTi0SBAfBC4ucPFhYJ+sdh9qV9Zu80jdunbz2ikIwsg5QSOwYxG+odwUgjBSSGhJC41F2ER4BQFPU9OaLoMgjAiFcQnYodwagjASfqvdOQTiFKJ1hZFAgvsKQscpBGEEkOAqCB0nEIQR8BsEQRgdIriCMEJEcAVhhPwDiZycnGAymeD29vbOufj+/Xv18+dPRX+H/IZQSt3FSXFzoLgWi0WvOAXhWCmRMO85m802sSyXy+R51lpoNzc3N5tY8jyPiaeAIIyA5K7yq1fxs0hZluH0NG3GZTqdsjWtTlVVEJKZoGnMFISjI0njrtfrTQpFUSRp21RqYReNm8YU2+9yA5kqOzqSBDeVsiyj45rP55tUIuMqIHSYm04yCEdDUleZjESp0LsxXV7yX49TkcL19TWEZETDHjH3LrgEWYa50Ng2FbEmC4+VJMFNMRLpvH79muWPGggyaKXy9etXCMJjJElwUy3DHVxhPDs766XdReMKj5WkBRh9NS4JI7nQVE3q2Lbjnsa49DFsLcQptuPEa4cfPYxMC6tq3+mLasM71hbspHUK23wfc2ursJ0ao3QOXcH077EKeY62Kl9eXm76EloYQc/7Umv2Q1qVFZppEnpvqn34qXZfd3Psz4d253zZ/FO55Iiji9+0CFP4l5bwpm08a+wbo8x6kSEcd5eXOdzGrS6NS9jLYN2mU8GN0t4vwZ9nPjHe43QdM/jLyCzXLm1r8NLlKzMK22kQKhEpuKlzuDo0xeOLg6aN+hI5hxsruHPLu6FvSYWRt++fMr/9h3BSog766ypsbtw/N8I005Z54lfYr3iFxd872AXAl04bM+w3ihxy470r+PN0GZHWHLuNObkl/EzB+x4lLA1/yUzcL5ey9NDEN587hLYlYvOFOMHlVkCbu4z0f+5Jh0LaXPxNIO9mmFlk/DPD3zQhjeTOLHEuDT8hAekosC8QNriNqk3AzHs2dM0f63415FEJJC02FLQiyhbHENqWegUJH6UAn809OtfKJYW0CmZzcyNsM9zMEr+rgpfY1Q5TT76W2HYtXX5MzbvE4QRXwd8o3yCu0baV2zoQfhkIs4i2Kvedw9WxWZfJIDVEHA9kUa5q96Z2z1pHf18F3vlYu3/X7nl7vbD4ocLPLfepwirL/VXt/lu7f7XuTRvPkB8lc8RPBhvKR9X+pueF4adq0/S8vb5p36G0mvnvhgE+FIZjiX1ho+9G6aL0PW9dV76fAuGZ35zyYhsC6OF3VypDmwHsLn0h6d5xZPAZCts4dwhtS9DupZh8ob/Gpe+oHB/5JjK+GcIaMXekIYMbBXd5m+Gb/jLt2ZkjjAX2K/0cvO8UyluuPV9awuRQBN6bwP5NQ0asc7jrlI4Cr0fhS/dNG06c4J6fn2+GwhznDjW2JVI2M6Cf4M49fmeO+JTDv03YQ4LlC09HwW319oWft/ensOdl5ojLJ4A+lsZ7S8+zkhdkUHDnSE+vS3hD4XMs24RC07DcNYzRXeWYOdxQd7Wbz+2gBRd9wtN5gHXKnz3PbN3lFbbdSZPQHGGGfSG98ISnQ37+h3j+iabiFZZnFLfNgGZOZVC+FuBhdkEzHH79tClEVAYL8KCGKzRXnxv3FuDPBVdo6tFdHNELMGL24V5cXODDB//whMa5dEoFXUMrqt6/f4+6ew0ODzDG9UW4ap/rFS+0HvOb55mtlV6AD1WAa8QdR1vALjjvYde2xFvj9wnCFbzjD8s9heEXPeiY3yM0foXF/ztm2MRHJBItuFyNS6uirq6ugoLbLZ8MbSYg4Y7ZFH+EG+gr7BZeqPKaz5Xjb+IaPG2r8wVxgmsreIp3FvnOO6RzSI2rLPdiGwmff/Nbh3pVXqIFl7tOmQSHHGk+n7C/ffv2rlsb0rafPn2KWiN9hIJ7G/gd8q8zRAUeQnNRgWRwL88bWtCq9nrruP/QVJ5nNkt1MgfTuD9+/Li7fv782Tt2pTFuSCuvVqs7x92cMJJ9uH0KrjJ+K8QzlFDRYhKaFrF99Ar7aaN8rxCf/y/Y5vsHhqey3KOGaQU+fXswbKIEN0bjdcJD15DRKdQY0FiZ4I6vn8CuoMr4TR8wQ1wl4xsrdjHH6t0qIH3utuMr9qenXEIeQ2X8VuARynNlhEVj9Bn4vA6ErZNSZr+IsiqnWJRJU/ah07Yx8Y/kgDiFdGwV/wx8FOI3MBBkiLIJaCe8yrh/ZQkjRiu5MPOvwNNgobi/GL8z8I/sIX8Tz/O+ZbZDlOC+fPmSrcp0jdtHA9LYtoOr8b99+4ZHjs0YlYNfyXim+V0WaLRPhUZr2oxnJLy6AK2wn84p+N3EDPY8rSz3zuEnR7ixXFjuXTLeo4oZ+qZUZreWNE3AI2/joGuc4L548YKtcnVhTR1zkuYkazJB2jbmIPQngG2qwrZ1T0ehEa4M/eKrYNe8qk2DzoUjDb7C7DR450yhvIW9QXAJbwbeLqsV7L2JdRu2sjybwr301MQ2/TNHeBPJEluhpWtGD0owVxbVQsReuaS/l3J4OqHv2Y1ZajmZTDbcPGG4lVNZwP8yMq4C7pVDBFUaV9mR3xyNJlBoWnXXntLOzY3wzbBtmkE50mAKiW03VNmm0RwvTy3pXFriXsCej7KNv2ivS7jzXFrCzeCvI2v4N0WYDkb+SvjLjOKncvOVWQFECC79JwIOtO1Pf48EKRZzOWRMGAkb6Hc+CJO+gpsH/BcIV94Mafm0uZkRdslMr4K9Dun+O63lE6AS/EZlqLyXsFMMEHbnbN+rz5ZQcuogximza5xioOosyR0pFu0j4xBzjys0yxdjxwa2rmYojMpz/43l+cQI27dTSsHd1VyhMYpx78fgynOBZmdOBT4r8FZaVbAPMzhQen+li1odlqRzN9BfXV3tvRuz68e2yT6mu83ND/pp3CXCLbdOEek/A0/jEQrurqPpOmOLgv/4lxxbzTBDGIXduuR6JwevzlHcIYMTWj9lIBzKJzUkC4Q1uc4JI71LbMsmtzz3hV2Ar30prUoPgPMRozbQ23bmxIyPbedRcbvpiRvoUwRXoak0NqOFiwLuNb++OLiWR/K/wH6ZUuUgQcos7+Twn27Bjbvzf4nwsEG18drOWVqiyTPbEKqFd9m+T9cZ9sfQut/YOLpxZ9G6HPvlTmGa+QmhsE07fY9Sc5e+dLIEt+6qbrjYBI+7HdB1pA33nKs+/xEQj+tfkFBhKwy7yfwQjCWdHEwj3BIHgr1yKmbxhW0BBHeca45tO7hjXDkE/Re3OO6jTjvGks4QCvu9k4NVRrZxKsY4ZJtH5SzE0Odth4xbECI5w/bsp5zhX8GuXTm2gSTYghtzDpRryWHI2quvktKJ0fbyj76EASiw7cLPYZ9zJjI0c622M5QXOOCuJXZXOWYDvUvrffz40bkCioS9thxb3xONK9wjncDq0O956yrNn0ujkJ8LHJDBx7i+Bf60sZ5cLH3H14IQAbX8JHRTx3MFP9Tli50DjmbwMe4hBCdG24vgCgNQoDkidRXxTifwqYsromBp3JiuareBfkhSV2wJQg8qNKu9FJq51NfY3xZIflZotgNSV/LexmkswX1o4xC34ZDxrXAAKuyu4FLa/QdjUMElwUkZw4bi5sbvskoLwoBUOBJYK6eeiCsgCCMg6T/SC4LwsIjg7vIHBGEEiOAKwggRwd3l0Z8yJzwOSHBl8nOLfAthFJDgfoHQIYIrjAaaJO17eNVjcHMIwkj4vXZ/1u6v2v0HT5cKaYeuCcKD8Ht7/X/tniHtoOyxU8F+SqEgjIYcT2sl1RKP46wj4YnxzHF/gkb7mvvpfJuHx0B3njCdBbRC4n9KE4SH5m/6yHl58JsxwwAAAABJRU5ErkJggg==") center/contain no-repeat;animation:css-preloader-pulse 1.2s ease-in-out infinite} 12.css-preloader{display:none} 13html.css-loading .css-preloader{display:block!important;position:fixed;top:50%;left:50%;z-index:2147483647;width:22px;height:22px;margin:16px 0 0 -11px;border:2px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:css-spin .7s linear infinite} 14@keyframes css-preloader-pulse{0%,100%{opacity:.45}50%{opacity:1}} 15@keyframes css-spin{to{transform:rotate(360deg)}} 16
17/* Cases carousel â video sizing (index only, not in webflow export) */ 18.styled-video{display:block;width:100%;height:auto} 19 20/* Creatify-style CTA buttons â no transition (matches index hero CTA) */ 21.text-button-copy-creatify,.text-button-copy-creatify-copy{transition:none!important} 22.button:has(.text-button-copy-creatify),.button-copy:has(.text-button-copy-creatify),.button:has(.text-button-copy-creatify-copy),.button-copy:has(.text-button-copy-creatify-copy),.prd-btn-get-started:has(.text-button-copy-creatify-copy){transition:none!important} 23 24@media screen and (max-width:767px){ 25.button:has(.text-button-copy-creatify),.button-copy:has(.text-button-copy-creatify),.button:has(.text-button-copy-creatify-copy),.button-copy:has(.text-button-copy-creatify-copy),.prd-btn-get-started:has(.text-button-copy-creatify-copy){height:40px;max-height:40px;min-height:40px} 26.button:has(.text-button-copy-creatify) .image-button-first.hovered.w-embed,.button-copy:has(.text-button-copy-creatify) .image-button-first.hovered.w-embed,.button:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed,.button-copy:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed,.prd-btn-get-started:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed{display:none!important;width:0!important;max-width:0!important;height:0!important;margin:0!important;padding:0!important;transform:none!important} 27} 28</style> 29 <title>Pricing Plans | MakeUGC</title> 30 <link rel="preconnect" href="https://d2j3503r68l9dj.cloudfront.net/assets" crossorigin=""> 31 <link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css" as="style"><link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css" as="style"><link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css" as="style">
31<script>(function(){const allCss = ["https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css","https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css","https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css"]; 32 33 (function () { 34 var pending = allCss.length; 35 var done = false; 36 37 function sheetApplied(link) { 38 try { 39 return !!(link.sheet && link.sheet.cssRules && link.sheet.cssRules.length > 0); 40 } catch (e) { 41 // SecurityError: cross-origin stylesheet has finished loading 42 return true; 43 } 44 } 45 46 function finish() { 47 if (done) return; 48 done = true; 49 requestAnimationFrame(function () { 50 requestAnimationFrame(function () { 51 document.documentElement.classList.remove('css-loading'); 52 }); 53 }); 54 } 55 56 function one(link) { 57 if (!link || link.__cssReady) return; 58 if (!sheetApplied(link)) { 59 setTimeout(function () { one(link); }, 50); 60 return; 61 } 62 link.__cssReady = true; 63 if (--pending <= 0) finish(); 64 } 65 66 for (var i = 0; i < allCss.length; i++) { 67 (function (href) { 68 var link = document.createElement('link'); 69 link.rel = 'stylesheet'; 70 link.href = href; 71 link.onload = function () { one(link); }; 72 link.onerror = function () { 73 if (link.__cssReady) return; 74 link.__cssReady = true; 75 if (--pending <= 0) finish(); 76 }; 77 document.head.appendChild(link); 78 function poll() { 79 if (link.__cssReady) return; 80 if (sheetApplied(link)) { one(link); return; } 81 setTimeout(poll, 100); 82 } 83 setTimeout(poll, 100); 84 })(allCss[i]); 85 } 86 })(); 87 })();</script>
87 88 <noscript> 89 <link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css" rel="stylesheet" type="text/css"><link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css" rel="stylesheet" type="text/css"><link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css" rel="stylesheet" type="text/css"> 90 <style>html.css-loading,html.css-loading body>*{display:block!important}html.css-loading::before,html.css-loading::after{content:none!important}html.css-loading .css-preloader{display:none!important}</style> 91 </noscript> 92 93 <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." name="description"> 94 95 <meta content="Pricing Plans | MakeUGC" property="og:title"> 96 <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." property="og:description"> 97 <meta content="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/67d9723b4eb15a83e589e7f7_MakeUGC.jpeg" property="og:image"> 98 <meta content="Pricing Plans | MakeUGC" name="twitter:title"> 99 <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." name="twitter:description"> 100 <meta content="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/67d9723b4eb15a83e589e7f7_MakeUGC.jpeg" name="twitter:image"> 101 <meta property="og:type" content="website"> 102 <meta content="summary_large_image" name="twitter:card"> 103 104 <link rel="preconnect" href="https://d3e54v103j8qbb.cloudfront.net" crossorigin=""> 105 <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin=""> 106 <link href="https://fonts.googleapis.com" rel="preconnect"> 107 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> 108
108<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
108 109 <link href="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/favicon.png" rel="shortcut icon" type="image/x-icon"> 110 <link href="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/webclip.png" rel="apple-touch-icon">
vendor: 66 bytes, lines 110-111
110 111 <script async src="https://www.googletagmanager.com/gtag/js?id=
111G-6QZ9VHRMN0
vendor: 14 bytes, lines 111-112
111"></script> 112
112<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-6QZ9VHRMN0');</script>
112 113
113<script async src="https://js.sentry-cdn.com/b7fc643fbb970dc3e7dd0d4ec2c36a60.min.js" crossorigin="anonymous"></script>
113 114
114<script async src="https://cdn.tolt.io/tolt.js" data-tolt="a34ae216-5258-4dfd-a323-592e64abd8e2"></script>
114 115
115<script>
vendor: 327 bytes, lines 115-119
115(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 116new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 117j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 118'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 119})(window,document,'script','dataLayer','
119GTM-WQDQ254P
vendor: 3 bytes, line 119
119');
119</script>
119 120 <!-- InitialVisit: first-touch marketing attribution. 121 Sets sticky cookie `initialTrafficSource` on root domain (.makeugc.ai) 122 so subdomain `app.makeugc.ai` can read it and push into Stripe metadata. --> 123
123<script> 124 (function(document) { 125 var referrer = document.referrer; 126 var gaReferral = { 'utmcsr': '(direct)', 'utmcmd': '(none)', 'utmccn': '(not set)' }; 127 var thisHostname = document.location.hostname; 128 var thisDomain = getDomain_(thisHostname); 129 var referringDomain = getDomain_(document.referrer); 130 var sessionCookie = getCookie_('__utmzzses'); 131 var cookieExpiration = new Date(+new Date() + 1000 * 60 * 60 * 24 * 30 * 24); 132 var qs = document.location.search.replace('?', ''); 133 var hash = document.location.hash.replace('#', ''); 134 var gaParams = parseGoogleParams(qs + '#' + hash); 135 var storedVals = getCookie_('_utmz') || getCookie_('__utmzz'); 136 var newCookieVals = []; 137 var keyMap = { 138 'utm_source': 'utmcsr', 'utm_medium': 'utmcmd', 'utm_campaign': 'utmccn', 139 'utm_content': 'utmcct', 'utm_id': 'utmid', 'utm_term': 'utmctr', 140 'gclid': 'utmgclid', 'dclid': 'utmdclid', 'msclkid': 'utmmsclkid', 141 'twclid': 'utmtwclid', 'rdt_clid': 'utmrdtclid', 'fbclid': 'utmfbclid', 142 'li_fat_id': 'utmlifatid' 143 }; 144 var countryCode = null; 145 try { countryCode = sessionStorage.getItem('uc_user_country'); } catch (e) {} 146 if (countryCode) newCookieVals.push('country=' + countryCode); 147 var keyFilter = ['utmcsr','utmcmd','utmccn','utmcct','utmctr','utmid','utmgclid','utmdclid','utmmsclkid','utmtwcli
147d','utmrdtclid','utmfbclid','utmlifatid']; 148 var keyName, values, _val, _key, raw, key, len, i; 149 if (sessionCookie && referringDomain === thisDomain) gaParams = null; 150 if (gaParams && (gaParams.utm_source || gaParams.utm_medium || gaParams.utm_campaign || gaParams.utm_id || gaParams.gclid || gaParams.dclid || gaParams.msclkid || gaParams.twclid || gaParams.rdt_clid || gaParams.fbclid || gaParams.li_fat_id)) { 151 for (key in gaParams) { 152 if (typeof gaParams[key] !== 'undefined') { keyName = keyMap[key]; gaReferral[keyName] = gaParams[key]; } 153 } 154 if (gaParams.gclid || gaParams.dclid) { 155 gaReferral.utmcsr = 'google'; 156 gaReferral.utmcmd = gaParams.gclid ? 'cpc' : 'cpm'; 157 if (!gaParams.utm_campaign) gaReferral.utmccn = '(not set)'; 158 } 159 } else if (storedVals) { 160 values = {}; raw = storedVals.split('|'); len = raw.length; 161 for (i = 0; i < len; i++) { _val = raw[i].split('='); _key = _val[0].split('.').pop(); values[_key] = _val[1]; } 162 gaReferral = values; 163 } 164 for (key in gaReferral) { 165 if (typeof gaReferral[key] !== 'undefined' && keyFilter.indexOf(key) > -1) { 166 newCookieVals.push(key + '=' + gaReferral[key]); 167 } 168 } 169 var gaCookie = getCookie_('_ga'); 170 if (gaCookie) newCookieVals.push('ga_clientid=' + gaCookie); 171 if (referrer) newCookieVals.push('referrer=' + encodeURIComponent(referrer)); 172 newCookieVals.push('date=' + new Date().toJSON()); 173 newCookieVals.push('lp=' + encodeURIComponent(document.location.href)); 174 var finalCookieValue = newCookieVals.join('|'); 175 if (!getCookie_('initialTrafficSource')) { 176 writeCookie_('initialTrafficSource', finalCookieValue, cookieExpiration, '/', thisDomain); 177 } 178 writeCookie_('__utmzzses', 1, null, '/', thisDomain); 179 180 function parseGoogleParams(str) { 181 var campaignParams = ['utm_source','utm_medium','utm_campaign','utm_term','utm_content','utm_id','gclid','dclid','msclkid','twclid','rdt_clid','fbclid','li_fat_id']; 182 var regex = new RegExp('(' + campaignParams.join('|') + ')=([^&#]*)', 'gi'); 183 var gaParams = str.match(regex); var paramsObj = {}; var vals, len, i; 184 if (gaParams) { 185 len = gaParams.length; 186 for (i = 0; i < len; i++) { 187 vals = gaParams[i].split('='); 188 if (vals.length > 1) paramsObj[vals[0]] = decodeURIComponent(vals[1].replace(/\+/g, ' ')); 189 } 190 } 191 return paramsObj; 192 } 193 function writeCookie_(name, value, expiration, path, domain) { 194 var str = name + '=' + value + ';'; 195 if (expiration) str += 'Expires=' + expiration.toGMTString() + ';'; 196 if (path) str += 'Path=' + path + ';'; 197 if (domain) str += 'Domain=' + domain + ';'; 198 document.cookie = str; 199 } 200 function getCookie_(name) { 201 var cookies = '; ' + document.cookie; 202 var cvals = cookies.split('; ' + name + '='); 203 if (cvals.length > 1) return cvals.pop().split(';')[0]; 204 } 205 function getDomain_(url) { 206 if (!url) return; 207 var a = document.createElement('a'); a.href = url; 208 try { return a.hostname.match(/[^.]*\.[^.]{2,3}(?:\.[^.]{2,3})?$/)[0]; } catch (squelch) {} 209 } 210 })(document); 211 </script>
211 212
212<script type="application/ld+json">{"@context":"https://schema.org","@type":"OfferCatalog","name":"MakeUGC pricing plans","url":"https://makeugc.ai/pricing","itemListElement":[{"@type":"Offer","name":"Start up","url":"https://makeugc.ai/pricing","price":"59.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"59.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Growth","url":"https://makeugc.ai/pricing","price":"79.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"79.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Pro","url":"https://makeugc.ai/pricing","price":"149.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"149.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"}]}</script>
212 213 214<style>@media screen and (max-width:767px){.footer-bottom{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:100%;margin-top:2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem 0;text-align:center;box-sizing:border-box}.footer-bottom .legal-link{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem 1.25rem;width:100%}.footer-bottom .legal-text-link{font-size:14px;line-height:1.4;white-space:nowrap}.footer-bottom-content{width:100%;text-align:center;font-size:14px;line-height:1.5;color:#717680}.footer-bottom .footer-socials_wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%}.footer-bottom_image{width:calc(100% - 2rem);max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}}@media screen and (max-width:479px){.footer-bottom{gap:1rem;padding-left:1rem;padding-right:1rem}.footer-bottom .legal-link{gap:.5rem 1rem}.footer-bottom .legal-text-link,.footer-bottom-content{font-size:13px}} 215</style></head> 216<body class="body"> 217 <div class="css-preloader" aria-hidden="true"></div> 218 <div class="">
vendor: 72 bytes, lines 218-219
218 219 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
219GTM-WQDQ254P
vendor: 85 bytes, lines 219-220
219" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 220
220</div> 221 222 <main class="main"> 223 <div data-w-id="4210703b-56dd-a9c1-743f-edd78529a9c8" data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar navbar-2 w-nav"> 224 <div class="div-block-61 navbar-wrapper-top div-block-62"> 225 <div class="div-block-62"> 226 <div class="text-block-39">Unlimited Seedance 2.5 for 30 days</div> 227 </div> 228 <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m" target="_blank" class="button in-the-navbar agent w-inline-block"> 229 <div class="text-button smaller-nav">Try Now</div> 230 </a> 231 </div> 232 <div class="navbar-wrapper"> 233 <a href="/" class="brand-logo w-nav-brand"><img loading="eager" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/logo_web.png" alt="" class="image-navbar-logo"></a> 234 <nav role="navigation" class="nav_menu w-nav-menu"> 235 <div class="nav_menu_wrapper"> 236 <div data-hover="true" data-delay="0" class="w-dropdown"> 237 <div class="dropdown-toggle w-dropdown-toggle"> 238 <div class="text-block-47">Features</div> 239 <div class="icon-2 w-icon-dropdown-toggle"></div> 240 </div> 241 <nav class="dropdown-list w-dropdown-list"> 242 <a href="/talking-actor-feature" class="dropdown-link w-dropdown-link">Talking Actor</a> 243 <a href="/custom-ai-avatar-feature" class="dropdown-link-2 w-dropdown-link">Custom AI Avatar</a> 244 <a href="/b-roll-feature" class="dropdown-link-3 w-dropdown-link">B-roll video</a> 245 <a href="/product-in-hand-feature" class="dropdown-link-4 w-dropdown-link">Product In Hand</a> 246 <a href="/ai-workflows-feature" class="dropdown-link w-dropdown-link">AI Workflows</a> 247 <a href="/makeugc-gestures" class="dropdown-link-5 w-dropdown-link">Gestures video</a> 248 </nav> 249 </div> 250 <a href="/affiliate" class="nav-link w-nav-link">Affiliate</a> 251 <a href="/pricing" class="nav-link w-nav-link">Pricing</a> 252 <a href="/languages" class="nav-link w-nav-link">Languages</a> 253 <a href="/enterprise" class="nav-link w-nav-link">Enterprise</a> 254 <div class="div-block-66-small"> 255 <a href="https://app.makeugc.ai/auth/login" class="button in-the-navbar-login w-inline-block"> 256 <div class="text-button smaller-nav-copy">Login</div> 257 </a> 258 <a href="https://app.makeugc.ai/auth/signup" class="button in-the-navbar-copy w-inline-block"> 259 <div class="text-button smaller-nav">Get Started</div> 260 </a> 261 </div> 262 </div> 263 </nav> 264 <div class="div-block-66"> 265 <a href="https://app.makeugc.ai/auth/login" class="button in-the-navbar-login w-inline-block"> 266 <div class="text-button smaller-nav-copy">Login</div> 267 </a> 268 <a href="https://app.makeugc.ai/auth/signup" class="button in-the-navbar-copy w-inline-block"> 269 <div class="text-button smaller-nav">Get Started</div> 270 </a> 271 </div> 272 <div class="menu-button w-nav-button"> 273 <div class="menu_button_wrapper"> 274 <div data-is-ix2-target="1" class="lottie_file" data-w-id="4210703b-56dd-a9c1-743f-edd78529a9e0" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/666f1a076fccf7d29a8f38b1/667169c7f582ec980eb063dc_Animation%20-%201
274715374538243%20(3).json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div> 275 </div> 276 </div> 277 </div> 278</div> 279 280 281 <section id="pricing-v2" class="hf-pricing-v2 makeugc-pricing-v2"> 282 <div class="w-embed"> 283 <style>.makeugc-pricing-v2.hf-pricing-v2 { 284 background: #eaf0fd !important; 285 padding: 48px 24px 56px; 286} 287.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-wrap { 288 display: flex; 289 flex-direction: column; 290 align-items: center; 291 gap: 40px; 292 max-width: 1280px; 293 width: 95%; 294} 295.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer { 296 width: 100%; 297 border-radius: 24px; 298 padding: 36px 32px 40px; 299 text-align: center; 300 color: #fff; 301 display: flex; 302 flex-direction: column; 303 align-items: center; 304 background-color: #5b7cff; 305 background-image: url("https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/count_down_bg.png"); 306 background-size: cover; 307 background-position: center; 308 background-repeat: no-repeat; 309 box-shadow: 0 20px 50px rgba(79, 120, 255, 0.25); 310} 311.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-actions { 312 display: flex; 313 flex-direction: column; 314 align-items: center; 315 gap: 20px; 316 width: 100%; 317} 318.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-badges { 319 display: flex; 320 flex-wrap: wrap; 321 justify-content: center; 322 gap: 8px; 323 margin-bottom: 16px; 324} 325.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill { 326 display: inline-flex; 327 align-items: center; 328 padding: 6px 14px; 329 border-radius: 999px; 330 font-size: 12px; 331 font-weight: 700; 332 font-family: Inter, Arial, sans-serif; 333} 334.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.sm { padding: 5px 12px; font-size: 12px; } 335.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.green { 336 background: var(--tailwind-emerald-500, rgba(0, 188, 125, 1)); 337 color: #fff; 338 box-shadow: 339 0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset, 340 1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset; 341} 342.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.orange { 343 background: rgba(251, 87, 42, 1); 344 color: #fff; 345 box-shadow: 346 0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset, 347 1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset; 348} 349.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.pink { 350 background: var(--tailwind-fuchsia-500, rgba(225, 42, 251, 1)); 351 color: #fff; 352 box-shadow: 353 0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset, 354 1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset; 355} 356.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-title { 357 margin: 0 auto 24px; 358 max-width: 720px; 359 font-size: clamp(22px, 3vw, 32px); 360 font-weight: 700; 361 line-height: 1.2; 362 font-family: Inter, Arial, sans-serif; 363} 364.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown { 365 display: inline-flex; 366 align-items: center; 367 justify-content: center; 368 gap: 10px; 369 margin-bottom: 0; 370 padding: 12px; 371 border-radius: 16px; 372 background: rgba(255, 255, 255, 0.08); 373 backdrop-filter: blur(4px); 374 -webkit-backdrop-filter: blur(4px); 375 font-family: Inter, Arial, sans-serif; 376} 377.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit { 378 min-width: 72px; 379 padding: 24px 16px; 380 border-radius: 10px; 381 background: rgba(255, 255, 255, 0.08); 382} 383.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit span { 384 display: block; 385 font-size: 28px; 386 font-weight: 800; 387 line-height: 1; 388} 389.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit small { 390 display: block; 391 margin-top: 4px; 392 font-size: 10px; 393 opacity: 0.85; 394 text-transform: uppercase; 395 letter-spacing: 0.04em; 396} 397.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-sep { 398 font-size: 24px; 399 font-weight: 700; 400 opacity: 0.7; 401 margin-top: -12px; 402} 403.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-btn { 404 display: inline-flex; 405 align-items: center; 406 justify-content: center; 407 min-width: 200px; 408 height: 48px; 409 padding: 0 32px; 410 border-radius: 16px; 411 background: var(--main-colors-blue-50, rgba(239, 246, 255, 1)); 412 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 413 font-weight: 500; 414 font-size: 15px; 415 text-decoration: none; 416 font-family: Inter, Arial, sans-serif; 417 transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; 418}
419.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-btn:hover { 420 transform: translateY(-1px); 421 background: rgba(219, 234, 254, 1); 422 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); 423} 424.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-head { text-align: center; max-width: 640px; } 425.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-eyebrow { 426 margin: 0 0 12px; 427 color: #3b82f6; 428 font-size: 14px; 429 font-weight: 600; 430 font-family: Inter, Arial, sans-serif; 431} 432.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-title { 433 margin: 0 0 12px; 434 font-size: clamp(36px, 5vw, 56px); 435 font-weight: 800; 436 line-height: 1.05; 437 color: #111827; 438 font-family: Inter, Arial, sans-serif; 439 letter-spacing: -0.03em; 440} 441.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-subtitle { 442 margin: 0; 443 color: #6b7280; 444 font-size: 16px; 445 font-family: Inter, Arial, sans-serif; 446} 447.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid { 448 display: grid; 449 grid-template-columns: repeat(4, 1fr); 450 gap: 0; 451 width: 100%; 452 align-items: stretch; 453 margin-top: 40px; 454 border: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 455 border-radius: 16px; 456 overflow: visible; 457} 458.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card { 459 background: rgba(234, 240, 253, 1); 460 border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 461 border-radius: 0; 462 height: 100%; 463} 464.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap { 465 background: #8151ff; 466 border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 467 border-radius: 0; 468 border-bottom-left-radius: 24px; 469 border-bottom-right-radius: 24px; 470 height: 100%; 471} 472.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:first-child { 473 border-top-left-radius: 15px; 474} 475.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child { 476 border-top-right-radius: 15px; 477 border-right: none; 478} 479.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card { 480 border: none; 481 padding: 24px 20px; 482 display: flex; 483 flex-direction: column; 484 font-family: Inter, Arial, sans-serif; 485 height: 100%; 486 min-height: 100%; 487} 488.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header { 489 flex-shrink: 0; 490} 491.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap { 492 position: relative; 493 display: flex; 494 flex-direction: column; 495 min-height: 100%; 496 overflow: visible; 497 background: #8151ff; 498 border-bottom-left-radius: 24px; 499 border-bottom-right-radius: 24px; 500} 501.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value { 502 position: absolute; 503 top: 0; 504 left: 0; 505 right: 0; 506 height: 36px; 507 background: #8151ff; 508 color: #fff; 509 border-radius: 28px 28px 0 0; 510 display: flex; 511 align-items: center; 512 justify-content: center; 513 gap: 6px; 514 font-size: 12px; 515 font-weight: 700; 516 transform: translateY(-100%); 517 z-index: 2; 518 border: none; 519 border-left: 5px solid #8151ff; 520 border-right: 5px solid #8151ff; 521} 522.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value-icon { 523 flex-shrink: 0; 524 display: block; 525} 526.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro { 527 border: none; 528 border-left: 5px solid #8151ff; 529 border-right: 5px solid #8151ff; 530 border-bottom: 5px solid #8151ff; 531 border-radius: 24px; 532 overflow: hidden; 533 box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.15); 534 background: rgba(234, 240, 253, 1); 535 flex: 1; 536 height: 100%; 537 min-height: 100%; 538} 539/* Card inner layout â mirrors #pricing structure (colors/icons TBD) */ 540.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card ul { 541 list-style: none; 542 padding: 0; 543 margin: 0; 544} 545.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header h3 { 546 margin: 0 0 8px; 547 min-height: 48px; 548 font-size: 22px; 549 line-height: 1.2; 550 display: flex; 551 align-items: flex-start; 552 flex-wrap: wrap; 553 gap: 6px; 554 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 555 font-weight: 600; 556} 557.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header p { 558 margin: 0 0 20px; 559 color: #6b7280; 560 font-size: 12px; 561} 562.makeugc-pricing-v2.hf-pricing-v2 .hf-badge { 563 display: inline-flex; 564 align-items: center; 565 height: 18px; 566 padding: 0 6px; 567 border-radius: 4px; 568 font-size: 9px; 569 font-weight: 900; 570 white-space: nowrap; 571} 572.makeugc-pricing-v2.hf-pricing-v2 .hf-badge.pink { background: #f0177d; color: #fff; } 573.makeugc-pricing-v2.hf-pricing-v2 .hf-badge.blue { background: #45b9f1; color: #fff; } 574.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box { 575 background: rgba(255, 255, 255, 0.2); 576 border: 1px solid rgba(255, 255, 255, 0.12); 577 border-radius: 14px; 578 padding: 16px; 579 margin-bottom: 20px; 580} 581.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box strong { 582 display: flex; 583 align-items: center; 584 gap: 8px; 585 font-size: 14px; 586 margin-bottom: 10px; 587 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 588 font-weight: 600; 589} 590.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-icon { 591 flex-shrink: 0;
592 width: 20px; 593 height: 20px; 594} 595.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box p { 596 margin: 4px 0; 597 padding-left: 28px; 598 color: #6b7280; 599 font-size: 12px; 600 line-height: 1.4; 601} 602.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed { 603 margin-top: 14px; 604 display: flex; 605 align-items: center; 606 justify-content: center; 607 gap: 6px; 608 width: 100%; 609 background: linear-gradient(71.36deg, rgba(108, 166, 255, 0.12) 21.31%, rgba(51, 122, 255, 0.12) 109.76%); 610 color: var(--main-colors-website-purple, rgba(51, 122, 255, 1)); 611 font-size: 11px; 612 font-weight: 600; 613 line-height: 1; 614 padding: 10px; 615 border-radius: 7px; 616} 617.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed-icon { 618 display: block; 619 flex-shrink: 0; 620 width: 16px; 621 height: 16px; 622 transform: translateY(-2px); 623} 624.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed span { 625 display: block; 626 line-height: 1.2; 627} 628.makeugc-pricing-v2.hf-pricing-v2 .hf-price { 629 display: flex; 630 align-items: baseline; 631 gap: 8px; 632 margin: 20px 0; 633 flex-wrap: wrap; 634} 635.makeugc-pricing-v2.hf-pricing-v2 .hf-amount { 636 font-size: 30px; 637 font-weight: 600; 638 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 639} 640.makeugc-pricing-v2.hf-pricing-v2 .hf-old-price { 641 font-size: 22px; 642 font-weight: 400; 643 color: #9e9ead; 644 text-decoration: line-through; 645} 646.makeugc-pricing-v2.hf-pricing-v2 .hf-from { 647 font-size: 25px; 648 font-weight: 600; 649 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 650} 651.makeugc-pricing-v2.hf-pricing-v2 .hf-period { 652 color: #9ca3af; 653 font-size: 11px; 654} 655.makeugc-pricing-v2.hf-pricing-v2 .hf-plan-btn { 656 display: flex; 657 align-items: center; 658 justify-content: center; 659 width: 100%; 660 border: 0; 661 border-radius: 9px; 662 height: 46px; 663 margin: 0 0 20px; 664 flex-shrink: 0; 665 font-weight: 900; 666 cursor: pointer; 667 transition: transform 0.2s, opacity 0.2s; 668 text-decoration: none; 669 font-size: 14px; 670 font-family: Inter, Arial, sans-serif; 671 background: var(--main-colors-neutral-900, rgba(26, 26, 32, 1)); 672 box-shadow: 0px -4px 2px 0px rgba(255, 255, 255, 0.08) inset; 673 color: rgba(251, 252, 255, 1); 674} 675.makeugc-pricing-v2.hf-pricing-v2 .hf-plan-btn:hover { 676 transform: translateY(-1px); 677 opacity: 0.92; 678} 679.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-plan-btn:hover { 680 background: var(--main-colors-neutral-900, rgba(26, 26, 32, 1)); 681} 682.makeugc-pricing-v2.hf-pricing-v2 .hf-save { 683 margin: 0 0 20px; 684 color: #9ca3af; 685 font-size: 11px; 686 text-align: center; 687 font-weight: 700; 688} 689.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list { margin: 0; } 690.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block { 691 display: flex; 692 flex-direction: column; 693 gap: 0; 694 flex: 1; 695 min-height: 0; 696 margin-top: 0; 697 padding-bottom: 0; 698} 699.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block .hf-feature-list { 700 margin: 0; 701 flex: 0 0 auto; 702} 703.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-feature-list + .hf-unavailable-panel, 704.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-feature-list + .hf-available-panel { 705 margin-top: 16px; 706} 707.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-pro-unlimited-panel { 708 margin-top: 16px; 709} 710.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel, 711.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel, 712.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel { 713 flex-shrink: 0; 714} 715.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li, 716.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li, 717.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li { 718 margin-bottom: 10px; 719} 720.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li, 721.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel li, 722.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel li, 723.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel li, 724.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel li, 725.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list li, 726.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section li { 727 position: relative; 728 padding-left: 28px; 729 margin-bottom: 10px; 730 font-size: 12px; 731 line-height: 1.4; 732 color: #374151; 733} 734.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li { 735 margin-bottom: 10px; 736 display: flex; 737 align-items: center; 738 flex-wrap: wrap; 739 gap: 4px 6px; 740} 741.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li:last-child, 742.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li:last-child, 743.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li:last-child, 744.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li:last-child, 745.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel li:last-child, 746.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel li:last-child, 747.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel li:last-child, 748.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel li:last-child, 749.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list li:last-child, 750.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section li:last-child { 751 margin-bottom: 0; 752} 753.makeugc-pricing-v2.hf-pricing-v2 li.yes::before, 754.makeugc-pricing-v2.hf-pricing-v2 li.no::before { 755 content: ""; 756 position: absolute; 757 left: 0; 758 top: 50%; 759 transform: translateY(-50%); 760 width: 18px; 761 height: 18px; 762 background-repeat: no-repeat; 763 background-position: center; 764 background-size: contain; 765} 766.makeugc-pricing-v2.hf-pricing-v2 li.yes::before { 767 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M0 4.5C0 2.01472 2.01472 0 4.5 0H13.5C15.9853 0 18 2.01472 18 4.5V13.5C18 15.9853 15.9853 18 13.5 18H4.5C2.01472 18 0 15.9853 0 13.5V4.5Z' fill='%235372E6' fill-opacity='0.08'/%3
767E%3Cpath d='M5.35416 9.14579L7.68749 12.0625L12.5 6.66663' stroke='%23337AFF' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 768} 769.makeugc-pricing-v2.hf-pricing-v2 li.no { color: #848699; } 770.makeugc-pricing-v2.hf-pricing-v2 li.no::before { 771 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M0 4.5C0 2.01472 2.01472 0 4.5 0H13.5C15.9853 0 18 2.01472 18 4.5V13.5C18 15.9853 15.9853 18 13.5 18H4.5C2.01472 18 0 15.9853 0 13.5V4.5Z' fill='%23848699' fill-opacity='0.06'/%3E%3Cpath d='M12.1623 5.83765L5.83765 12.1623M5.83765 5.83765L12.1623 12.1623' stroke='%23848699' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 772} 773.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel { 774 background: rgba(255, 255, 255, 0.5); 775 border: 1px solid rgba(255, 255, 255, 0.75); 776 border-radius: 10px; 777 padding: 16px; 778 margin-top: 16px; 779} 780.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel { 781 background: rgba(255, 255, 255, 0.35); 782 border: 1px solid rgba(255, 255, 255, 0.55); 783 border-radius: 14px; 784 padding: 12px; 785 margin-top: 0; 786} 787.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel { 788 background: 789 radial-gradient(56.91% 156.08% at 29.95% 50%, rgba(255, 255, 255, 0.24) 0%, rgba(132, 182, 255, 0.24) 100%) padding-box, 790 linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.23) 100%) border-box; 791 border: 1px solid transparent; 792 border-radius: 14px; 793 padding: 12px; 794 margin-top: 0; 795} 796.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-head { 797 display: flex; 798 align-items: center; 799 justify-content: center; 800 gap: 6px; 801 background: #8486990a; 802 border-radius: 10px; 803 padding: 10px 12px; 804 margin-bottom: 12px; 805 font-size: 12px; 806 font-weight: 600; 807 color: #5c5c69; 808 line-height: 1.2; 809} 810.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-lock { 811 flex-shrink: 0; 812} 813.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list { 814 margin: 0; 815 padding: 0 4px; 816 list-style: none; 817} 818.makeugc-pricing-v2.hf-pricing-v2 .hf-available-head { 819 display: flex; 820 align-items: center; 821 justify-content: center; 822 gap: 6px; 823 background: transparent; 824 border: 1px solid rgba(255, 255, 255, 0.35); 825 border-radius: 10px; 826 padding: 10px 12px; 827 margin-bottom: 12px; 828 font-size: 12px; 829 font-weight: 600; 830 color: #337aff; 831 line-height: 1.2; 832} 833.makeugc-pricing-v2.hf-pricing-v2 .hf-available-lock { 834 flex-shrink: 0; 835} 836.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list { 837 margin: 0; 838 padding: 0 4px; 839 list-style: none; 840} 841.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li { 842 display: flex; 843 align-items: center; 844} 845.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li { 846 display: flex; 847 align-items: center; 848 justify-content: space-between; 849 gap: 8px; 850} 851.makeugc-pricing-v2.hf-pricing-v2 .hf-available-label { 852 flex: 1; 853 min-width: 0; 854} 855.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel { 856 background: #ffffff3d; 857 border: 1px solid #ffffff80; 858 border-radius: 14px; 859 padding: 12px; 860 margin-top: 0; 861} 862.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-head { 863 display: flex; 864 align-items: center; 865 justify-content: center; 866 gap: 6px; 867 background: #e12afb08; 868 border-radius: 10px; 869 padding: 10px 12px; 870 margin-bottom: 12px; 871 font-size: 12px; 872 font-weight: 600; 873 color: #e12afb; 874 line-height: 1.2; 875} 876.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-icon { 877 flex-shrink: 0; 878} 879.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list { 880 margin: 0; 881 padding: 0 4px; 882 list-style: none; 883} 884.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li { 885 display: flex; 886 align-items: center; 887 justify-content: space-between; 888 gap: 8px; 889} 890.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-label { 891 flex: 1; 892 min-width: 0; 893} 894.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-tags { 895 display: flex; 896 align-items: center; 897 gap: 6px; 898 flex-shrink: 0; 899} 900.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel.blue-panel { 901 background: linear-gradient(90deg, rgba(219, 234, 254, 0.9), rgba(191, 219, 254, 0.75)); 902} 903.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel h4, 904.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list h4, 905.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section h4 { 906 margin: 0 0 10px; 907 color: #111827; 908 font-size: 12px; 909 font-weight: 900; 910} 911.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list { margin-top: 16px; } 912.makeugc-pricing-v2.hf-pricing-v2 .hf-pill { 913 display: inline-flex; 914 align-items: center; 915 padding: 3px 6px; 916 border-radius: 999px; 917 font-size: 8px; 918 font-weight: 900; 919 margin-left: 4px; 920 vertical-align: middle; 921} 922.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.green { background: #c8ff00; color: #111; } 923.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.blue { background: #3dbeff;
923 color: #fff; } 924.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.muted { background: rgba(0, 0, 0, 0.06); color: #9ca3af; } 925.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.unlimited { 926 margin-left: 0; 927 flex-shrink: 0; 928 padding: 4px 8px; 929 font-size: 9px; 930 font-weight: 700; 931 background: linear-gradient(71.36deg, #6ca6ff -31.58%, #8151ff 158.1%); 932 color: #fff; 933} 934.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.resolution { 935 margin-left: 0; 936 flex-shrink: 0; 937 padding: 4px 8px; 938 font-size: 9px; 939 font-weight: 700; 940 background: #8486990a; 941 color: #5c5c69; 942} 943.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.unlimited-pro { 944 margin-left: 0; 945 flex-shrink: 0; 946 padding: 4px 8px; 947 font-size: 9px; 948 font-weight: 700; 949 background: linear-gradient(69.99deg, #8b5ffc 10.53%, #e12afb 139.41%); 950 color: #fff; 951} 952.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section { margin-top: 20px; } 953.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section h4 { color: #6b7280; letter-spacing: 0.5px; } 954@media (max-width: 1100px) { 955 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid { 956 grid-template-columns: repeat(2, 1fr); 957 margin-top: 0; 958 } 959 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card, 960 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap { 961 border-right: none; 962 border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 963 } 964 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-child(odd) { 965 border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 966 } 967 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-last-child(-n+2) { 968 border-bottom: none; 969 } 970 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:nth-child(2) { 971 border-top-right-radius: 15px; 972 } 973 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child { 974 border-top-right-radius: 0; 975 border-bottom-right-radius: 15px; 976 } 977 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap { 978 margin-top: 0; 979 padding-top: 40px; 980 border-top-left-radius: 24px; 981 border-top-right-radius: 24px; 982 border-bottom-left-radius: 24px; 983 border-bottom-right-radius: 24px; 984 } 985 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap { 986 border-top-left-radius: 24px; 987 border-top-right-radius: 24px; 988 border-bottom-left-radius: 24px; 989 border-bottom-right-radius: 24px; 990 } 991 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value { 992 top: 40px; 993 border-top-left-radius: 28px; 994 border-top-right-radius: 28px; 995 border-bottom-left-radius: 0; 996 border-bottom-right-radius: 0; 997 } 998 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro { 999 border-radius: 24px; 1000 border-top-left-radius: 24px; 1001 border-top-right-radius: 24px; 1002 overflow: visible; 1003 } 1004} 1005@media (max-width: 640px) { 1006 .makeugc-pricing-v2.hf-pricing-v2 { padding: 32px 16px 40px; } 1007 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer { padding: 28px 20px 32px; } 1008 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown { padding: 10px; gap: 8px; } 1009 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit { min-width: 56px; padding: 16px 10px; } 1010 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit span { font-size: 22px; } 1011 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid { 1012 grid-template-columns: 1fr; 1013 margin-top: 0; 1014 } 1015 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card, 1016 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap { 1017 border-right: none; 1018 border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 1019 } 1020 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-child(odd) { 1021 border-right: none; 1022 } 1023 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-last-child(-n+2) { 1024 border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1)); 1025 } 1026 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:first-child { 1027 border-top-left-radius: 15px; 1028 border-top-right-radius: 15px; 1029 } 1030 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:nth-child(2) { 1031 border-top-right-radius: 0; 1032 } 1033 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap { 1034 margin-top: 0; 1035 padding-top: 40px; 1036 padding-bottom: 8px; 1037 border-bottom: none; 1038 border-top-left-radius: 24px; 1039 border-top-right-radius: 24px; 1040 border-bottom-left-radius: 24px; 1041 border-bottom-right-radius: 24px; 1042 position: relative; 1043 z-index: 1; 1044 } 1045 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap { 1046 border-top-left-radius: 24px; 1047 border-top-right-radius: 24px; 1048 border-bottom-left-radius: 24px; 1049 border-bottom-right-radius: 24px; 1050 } 1051 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value { 1052 top: 40px; 1053 border-top-left-radius: 28px; 1054 border-top-right-radius: 28px; 1055 border-bottom-left-radius: 0; 1056 border-bottom-right-radius: 0; 1057 } 1058 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card.enterprise { 1059 position: relative; 1060 z-index: 0; 1061 } 1062 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child { 1063 border-top-right-radius: 0; 1064 border-bottom: none; 1065 border-bottom-left-radius: 15px; 1066 border-bottom-right-radius: 15px; 1067 } 1068 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro { 1069 border-radius: 24px; 1070 border-top-left-radius: 24px; 1071 border-top-right-radius: 24px; 1072 overflow: visible; 1073 } 1074} 1075 1076/* Panel switching + grid â scoped by class (no #id selectors; Astro strips those in <style>) */ 1077 1078.makeugc-pricing-v2.hf-pricing-v2 { 1079 display: block !important; 1080 box-sizing: border-box; 1081} 1082 1083.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-wrap { 1084 display: flex !important; 1085 flex-direction: column !important; 1086 align-items: center !important; 1087 gap: 40px; 1088 width: 95% !important; 1089 max-width: 1280px !important; 1090 margin: 0 auto !important; 1091 padding: 0 !important; 1092} 1093
1094.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls { 1095 display: flex; 1096 flex-direction: column; 1097 align-items: center; 1098 gap: 20px; 1099 width: 100%; 1100} 1101 1102.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-panels { 1103 position: relative; 1104 width: 100%; 1105 padding-top: 32px; 1106} 1107 1108.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform, 1109.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api { 1110 width: 100%; 1111 transition: 1112 opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), 1113 transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), 1114 visibility 0s linear 0.42s; 1115 will-change: opacity, transform; 1116} 1117 1118.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-platform, 1119.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-api { 1120 position: relative; 1121} 1122 1123.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api, 1124.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform { 1125 position: absolute; 1126 top: 0; 1127 left: 0; 1128 right: 0; 1129} 1130 1131.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-platform { 1132 opacity: 1; 1133 transform: translateY(0) scale(1); 1134 pointer-events: auto; 1135 z-index: 2; 1136 visibility: visible; 1137 transition-delay: 0s; 1138} 1139 1140.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api { 1141 opacity: 0; 1142 transform: translateY(16px) scale(0.985); 1143 pointer-events: none; 1144 z-index: 1; 1145 visibility: hidden; 1146} 1147 1148.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform { 1149 opacity: 0; 1150 transform: translateY(-16px) scale(0.985); 1151 pointer-events: none; 1152 z-index: 1; 1153 visibility: hidden; 1154} 1155 1156.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-api { 1157 opacity: 1; 1158 transform: translateY(0) scale(1); 1159 pointer-events: auto; 1160 z-index: 2; 1161 visibility: visible; 1162 transition-delay: 0s; 1163} 1164 1165.makeugc-pricing-v2.hf-pricing-v2.is-switching .hf-panel-platform, 1166.makeugc-pricing-v2.hf-pricing-v2.is-switching .hf-panel-api { 1167 transition-duration: 0.42s; 1168} 1169 1170.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid { 1171 display: grid !important; 1172 width: 100% !important; 1173 margin-top: 0 !important; 1174} 1175 1176.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform { 1177 grid-template-columns: repeat(4, minmax(0, 1fr)) !important; 1178} 1179 1180.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api { 1181 grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 1182} 1183 1184.makeugc-pricing-v2.hf-pricing-v2 .hf-old-price { 1185 opacity: 1; 1186 max-width: 100px; 1187 margin-right: 8px; 1188 overflow: hidden; 1189 white-space: nowrap; 1190 display: inline-block; 1191 vertical-align: middle; 1192 transition: opacity 0.4s ease, max-width 0.4s ease, margin 0.4s ease; 1193} 1194 1195/* Discount badge â quarterly (30%) / annual (50%) only */ 1196.makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-card-header .hf-v2-pill.green { 1197 display: none !important; 1198} 1199 1200/* Pro â Best value pill matches card border (#8151ff) */ 1201.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.purple { 1202 background: #8151ff; 1203 color: #fff; 1204 box-shadow: 1205 0px 2px 6px 0px rgba(0, 0, 0, 0.12) inset, 1206 1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset; 1207} 1208 1209/* Pro CTA â purple to match card border */ 1210.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-plan-btn.pro-btn { 1211 background: #8151ff; 1212 color: #fff; 1213 box-shadow: 0px -4px 2px 0px rgba(255, 255, 255, 0.12) inset; 1214} 1215 1216.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-plan-btn.pro-btn:hover { 1217 background: #7040ee; 1218 color: #fff; 1219} 1220 1221.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-plan-btn.pro-btn:hover { 1222 background: #7040ee; 1223} 1224 1225/* Pro â renew note only on Monthly */ 1226.makeugc-pricing-v2.hf-pricing-v2.is-yearly .hf-v2-card.pro .hf-pro-monthly-only, 1227.makeugc-pricing-v2.hf-pricing-v2.is-quarterly .hf-v2-card.pro .hf-pro-monthly-only { 1228 display: none !important; 1229} 1230 1231/* Pro tier picker â Monthly + Annually (light style like .hf-credit-box) */ 1232.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-picker { 1233 display: flex; 1234 flex-direction: column; 1235 width: 100%; 1236 padding: 16px; 1237 border-radius: 14px; 1238 border: 1px solid rgba(255, 255, 255, 0.12); 1239 background: rgba(255, 255, 255, 0.2); 1240 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 1241 box-sizing: border-box; 1242} 1243 1244/* Align Start for $1 â fixed pre-CTA block heights (all platform cards) */ 1245.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup, 1246.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth, 1247.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise, 1248.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card-pro-wrap .hf-v2-card.pro { 1249 display: flex; 1250 flex-direction: column; 1251} 1252 1253/* Desktop/tablet multi-column â fixed pre-CTA block heights (Platform tab only) */ 1254@media screen and (min-width: 641px) { 1255 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-card-header, 1256 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-card-header, 1257 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-card-header, 1258 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-card-header { 1259 flex: 0 0 100px; 1260 height: 100px; 1261 box-sizing: border-box; 1262 } 1263 1264 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-card-header h3, 1265 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-card-header h3, 1266 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-card-header h3, 1267 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-card-header h3 { 1268 min-height: 60px; 1269 } 1270 1271 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-credit-box, 1272 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-credit-box, 1273 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-credit-box, 1274 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker { 1275 flex: 0 0 178px; 1276 height: 178px; 1277 min-height: 178px; 1278 max-height: 178px; 1279 margin-bottom: 20px !important; 1280 box-sizing: border-box; 1281 display: flex; 1282 flex-direction: column; 1283 } 1284 1285 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-credit-box .hf-fixed, 1286 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-credit-box .hf-fixed, 1287 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-credit-box .hf-fixed { 1288 margin-top: auto; 1289 } 1290 1291 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker { 1292 overflow: hidden; 1293 } 1294 1295 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker .hf-pro-tier-slider { 1296 margin-top: auto; 1297 flex-shrink: 0; 1298 } 1299 1300 /* Price zone â same 76px footprint on every card (credit mb 20 + price 76 = gap to CTA) */ 1301 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-price, 1302 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-price, 1303 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-price, 1304 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block { 1305 flex: 0 0 76px; 1306 height: 76px; 1307 min-height: 76px; 1308 max-height: 76px; 1309 margin: 0 !important; 1310 box-sizing: border-box; 1311 } 1312 1313 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-price, 1314 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-price, 1315 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-price { 1316 display: flex; 1317 align-items: center; 1318 } 1319 1320 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block { 1321 display: flex; 1322 flex-direction: column; 1323 justify-content: flex-start; 1324 } 1325 1326 .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price { 1327 flex: 0 0 30px; 1328 height: 30px; 1329 min-height: 30px; 1330 align-items: center; 1331 margin: 0 !important; 1332 } 1333 1334 .makeugc-pricing-v2.hf-pricing-v2.is-yearly .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price, 1335 .makeugc-pricing-v2.hf-pricing-v2.is-quarterly .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price { 1336 flex: 1 1 auto; 1337 height: auto; 1338 min-height: 0; 1339 align-items: center; 1340 margin: 0 !important; 1341 } 1342 1343 .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price .hf-period-text { 1344 display: none; 1345 } 1346 1347 .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-pro-renew-note { 1348 flex: 1 1 auto; 1349 min-height: 0; 1350 margin: 4px 0 0 !important; 1351 overflow: hidden; 1352 display: -webkit-box; 1353 -webkit-box-orient: vertical; 1354 -webkit-line-clamp: 2; 1355 } 1356 1357 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-plan-btn, 1358 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-plan-btn, 1359 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-plan-btn, 1360 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-plan-btn { 1361 flex: 0 0 46px; 1362 height: 46px; 1363 margin: 0 0 20px !important; 1364 } 1365} 1366 1367.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-renew-note { 1368 margin: 0; 1369 color: #9ca3af; 1370 font-size: 11px; 1371 line-height: 1.35; 1372 font-weight: 700; 1373 font-family: Inter, Arial, sans-serif; 1374} 1375 1376.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-summary { 1377 display: flex; 1378 align-items: center; 1379 gap: 8px; 1380 margin-bottom: 0; 1381 font-size: 14px; 1382 font-weight: 600; 1383 color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1)); 1384 font-family: Inter, Arial, sans-serif; 1385} 1386 1387.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-summary .hf-credit-icon { 1388 flex-shrink: 0;
1389 width: 20px; 1390 height: 20px; 1391} 1392 1393.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-videos { 1394 font-size: inherit; 1395 font-weight: inherit; 1396 color: inherit; 1397 font-family: inherit; 1398} 1399 1400.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-detail { 1401 margin: 4px 0 0; 1402 padding-left: 28px; 1403 color: #6b7280; 1404 font-size: 12px; 1405 line-height: 1.4; 1406 font-family: Inter, Arial, sans-serif; 1407} 1408 1409.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-slider { 1410 padding-top: 8px; 1411} 1412 1413.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-track-wrap { 1414 position: relative; 1415 height: 36px; 1416 display: flex; 1417 align-items: center; 1418} 1419 1420.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-track { 1421 position: absolute; 1422 left: 14px; 1423 right: 14px; 1424 height: 3px; 1425 background: rgba(26, 26, 32, 0.12); 1426 border-radius: 999px; 1427 overflow: hidden; 1428 pointer-events: none; 1429} 1430 1431.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-fill { 1432 height: 100%; 1433 width: 0; 1434 background: #337aff; 1435 border-radius: 999px; 1436 transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1); 1437} 1438 1439.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-track { 1440 background: rgba(129, 81, 255, 0.18); 1441} 1442 1443.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-fill { 1444 background: #8151ff; 1445} 1446 1447.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-range:focus-visible { 1448 outline: 2px solid #8151ff; 1449 outline-offset: 2px; 1450 border-radius: 8px; 1451} 1452 1453.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range { 1454 position: relative; 1455 z-index: 2; 1456 width: 100%; 1457 margin: 0; 1458 height: 36px; 1459 background: transparent; 1460 -webkit-appearance: none; 1461 appearance: none; 1462 cursor: pointer; 1463} 1464 1465.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:focus { 1466 outline: none; 1467} 1468 1469.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:focus-visible { 1470 outline: 2px solid #6ca6ff; 1471 outline-offset: 2px; 1472 border-radius: 8px; 1473} 1474 1475.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-webkit-slider-runnable-track { 1476 height: 3px; 1477 background: transparent; 1478} 1479 1480.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-webkit-slider-thumb { 1481 -webkit-appearance: none; 1482 width: 28px; 1483 height: 28px; 1484 margin-top: -12px; 1485 border: 0; 1486 border-radius: 50%; 1487 background: #fff; 1488 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); 1489 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M4.5 3L2 7L4.5 11M9.5 3L12 7L9.5 11' stroke='%231A1A20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 1490 background-repeat: no-repeat; 1491 background-position: center; 1492 cursor: grab; 1493} 1494 1495.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:active::-webkit-slider-thumb { 1496 cursor: grabbing; 1497} 1498 1499.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-moz-range-track { 1500 height: 3px; 1501 background: transparent; 1502 border: 0; 1503} 1504 1505.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-moz-range-thumb { 1506 width: 28px; 1507 height: 28px; 1508 border: 0; 1509 border-radius: 50%; 1510 background: #fff; 1511 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); 1512 cursor: grab; 1513} 1514 1515.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-ticks { 1516 display: flex; 1517 justify-content: space-between; 1518 gap: 8px; 1519 margin-top: 2px; 1520 padding: 0 4px; 1521} 1522 1523.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-tick { 1524 flex: 1; 1525 border: 0; 1526 background: transparent; 1527 padding: 6px 0; 1528 font-family: Inter, Arial, sans-serif; 1529 font-size: 13px; 1530 line-height: 1; 1531 font-weight: 500; 1532 color: #6b7280; 1533 cursor: pointer; 1534 text-align: center; 1535 transition: color 0.2s ease, font-weight 0.2s ease; 1536} 1537 1538.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-tick.is-active { 1539 font-weight: 700; 1540} 1541 1542.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-note { 1543 margin: 0; 1544 text-align: center; 1545 color: #6b7280; 1546 font-size: 12px; 1547 line-height: 1.5; 1548 max-width: 640px; 1549} 1550 1551/* Tabs + billing â self-contained (index loads Webflow CSS async) */
1552.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls .tabs-menu-p { 1553 display: flex; 1554 justify-content: center; 1555 align-items: stretch; 1556 gap: 10px; 1557 width: 100%; 1558 max-width: 230px; 1559 min-height: 60px; 1560 padding: 6px; 1561 margin: 0; 1562 border: 0.1px solid rgba(156, 156, 172, 0.12); 1563 border-radius: 12px; 1564 background: transparent; 1565} 1566 1567.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi, 1568.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi { 1569 flex: 1; 1570 min-width: 100px; 1571 display: flex; 1572 justify-content: center; 1573 align-items: center; 1574 padding: 10px 16px; 1575 border: 0; 1576 border-radius: 8px; 1577 background: transparent; 1578 color: #1f1f1f; 1579 cursor: pointer; 1580 font: inherit; 1581 font-size: 14px; 1582 font-weight: 500; 1583 text-decoration: none; 1584 text-align: center; 1585 transition: 1586 background 0.28s cubic-bezier(0.22, 1, 0.36, 1), 1587 color 0.28s ease, 1588 transform 0.28s cubic-bezier(0.22, 1, 0.36, 1); 1589} 1590 1591.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi:active, 1592.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi:active { 1593 transform: scale(0.97); 1594} 1595 1596.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi.w--current, 1597.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi.w--current { 1598 background: rgba(156, 156, 172, 0.12); 1599} 1600
1601.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls .billing-toggle-row { 1602 display: flex; 1603 align-items: center; 1604 justify-content: center; 1605 gap: 14px; 1606 margin: 0; 1607 font-family: "Inter Tight", Inter, sans-serif; 1608} 1609 1610.makeugc-pricing-v2.hf-pricing-v2 .billing-segment { 1611 gap: 4px; 1612 padding: 4px; 1613 border-radius: 12px; 1614 background: rgba(156, 156, 172, 0.12); 1615} 1616 1617.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn { 1618 appearance: none; 1619 border: none; 1620 background: transparent; 1621 margin: 0; 1622 padding: 10px 16px; 1623 border-radius: 8px; 1624 font-family: inherit; 1625 font-size: 15px; 1626 line-height: 1; 1627 font-weight: 500; 1628 color: #9ca3af; 1629 cursor: pointer; 1630 transition: color 0.2s ease, background 0.2s ease, font-weight 0.2s ease; 1631 user-select: none; 1632} 1633 1634.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn:hover { 1635 color: #4b5563; 1636} 1637 1638.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn.is-active { 1639 background: #fff; 1640 color: #000; 1641 font-weight: 700; 1642 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); 1643} 1644 1645/* API has no quarterly billing */ 1646.makeugc-pricing-v2.hf-pricing-v2.api-mode .billing-segment-btn[data-billing="quarterly"] { 1647 display: none; 1648} 1649 1650.makeugc-pricing-v2.hf-pricing-v2 .billing-label { 1651 font-size: 16px; 1652 line-height: 1; 1653 font-weight: 500; 1654 color: #9ca3af; 1655 transition: color 0.25s ease, font-weight 0.25s ease; 1656 user-select: none; 1657} 1658 1659.makeugc-pricing-v2.hf-pricing-v2 .billing-label.active { 1660 color: #000; 1661 font-weight: 700; 1662} 1663 1664.makeugc-pricing-v2.hf-pricing-v2 .toggle-wrap { 1665 position: relative; 1666 width: 64px; 1667 height: 34px; 1668 display: flex; 1669 align-items: center; 1670 flex-shrink: 0; 1671} 1672 1673.makeugc-pricing-v2.hf-pricing-v2 .toggle-input { 1674 position: absolute; 1675 opacity: 0; 1676 width: 0; 1677 height: 0; 1678 margin: 0; 1679} 1680 1681.makeugc-pricing-v2.hf-pricing-v2 .toggle-slider { 1682 position: absolute; 1683 inset: 0; 1684 background: #d1d5db; 1685 border-radius: 999px; 1686 cursor: pointer; 1687 transition: background 0.3s ease; 1688} 1689 1690.makeugc-pricing-v2.hf-pricing-v2 .toggle-slider::before { 1691 content: ""; 1692 position: absolute; 1693 width: 26px; 1694 height: 26px; 1695 left: 4px; 1696 top: 4px; 1697 background: #fff; 1698 border-radius: 50%; 1699 transition: transform 0.3s ease; 1700} 1701 1702.makeugc-pricing-v2.hf-pricing-v2 .toggle-input:checked + .toggle-slider { 1703 background: #000; 1704} 1705 1706.makeugc-pricing-v2.hf-pricing-v2 .toggle-input:checked + .toggle-slider::before { 1707 transform: translateX(30px); 1708} 1709 1710@media screen and (max-width: 640px) { 1711 .makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn { 1712 padding: 9px 12px; 1713 font-size: 13px; 1714 } 1715} 1716 1717@media (prefers-reduced-motion: reduce) { 1718 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform, 1719 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api, 1720 .makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi, 1721 .makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi { 1722 transition: none !important; 1723 transform: none !important; 1724 } 1725 1726 .makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api { 1727 display: none !important; 1728 } 1729 1730 .makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform { 1731 display: none !important; 1732 } 1733} 1734 1735@media screen and (max-width: 1100px) { 1736 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform, 1737 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api { 1738 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 1739 } 1740 1741 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-panels { 1742 padding-top: 16px; 1743 } 1744} 1745 1746@media screen and (max-width: 640px) { 1747 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform, 1748 .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api { 1749 grid-template-columns: 1fr !important; 1750 align-items: start !important; 1751 } 1752 1753 /* Single column â natural heights (Platform + API) */ 1754 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-card-header, 1755 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card-pro-wrap .hf-v2-card .hf-card-header, 1756 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-credit-box, 1757 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-pro-tier-picker, 1758 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-card-header, 1759 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-card-header, 1760 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-credit-box, 1761 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-credit-box { 1762 flex: 0 0 auto; 1763 height: auto; 1764 min-height: 0; 1765 max-height: none; 1766 } 1767 1768 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-card-header h3, 1769 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-card-header h3 { 1770 min-height: 0; 1771 } 1772 1773 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-credit-box .hf-fixed { 1774 margin-top: 0; 1775 } 1776 1777 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker { 1778 overflow: visible; 1779 } 1780 1781 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker .hf-pro-tier-slider { 1782 margin-top: 0; 1783 } 1784 1785 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-price, 1786 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-price, 1787 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-price { 1788 flex: 0 0 auto; 1789 height: auto; 1790 min-height: 0; 1791 max-height: none; 1792 margin: 0 0 20px !important; 1793 } 1794 1795 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block { 1796 flex: 0 0 auto; 1797 height: auto; 1798 min-height: 0; 1799 max-height: none; 1800 margin: 0 0 20px !important; 1801 gap: 6px; 1802 } 1803 1804 .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price { 1805 flex: 0 0 auto; 1806 height: auto; 1807 min-height: 0; 1808 } 1809 1810 .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-pro-renew-note { 1811 flex: 0 0 auto; 1812 margin: 0 !important; 1813 overflow: visible; 1814 display: block; 1815 -webkit-line-clamp: unset; 1816 } 1817 1818 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-plan-btn, 1819 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-plan-btn, 1820 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-plan-btn { 1821 flex: 0 0 auto; 1822 margin-top: 0 !important; 1823 } 1824 1825 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-feature-list, 1826 .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-feature-list { 1827 flex: 0 0 auto; 1828 } 1829} 1830</style> 1831 </div> 1832 1833 <div class="hf-v2-wrap"> 1834 <div class="hf-v2-offer"> 1835 <div class="hf-v2-offer-badges">
1836 <span class="hf-v2-pill green">30% off</span> 1837 <span class="hf-v2-pill orange">Special 24h offer</span> 1838 <span class="hf-v2-pill pink">Unlimited access</span> 1839 </div> 1840 <h3 class="hf-v2-offer-title">Get 30-day Seedance 2.5, 365-day Nano Banana Pro, Nano Banana 2</h3> 1841 <div class="hf-v2-offer-actions"> 1842 <div class="hf-v2-countdown" aria-label="Offer countdown"> 1843 <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-days">24</span><small>Days</small></div> 1844 <span class="hf-v2-countdown-sep">:</span> 1845 <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-hours">00</span><small>Hours</small></div> 1846 <span class="hf-v2-countdown-sep">:</span> 1847 <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-mins">00</span><small>Minutes</small></div> 1848 <span class="hf-v2-countdown-sep">:</span> 1849 <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-secs">00</span><small>Seconds</small></div> 1850 </div> 1851 <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m" class="hf-v2-offer-btn">Accept offer</a> 1852 </div> 1853 </div> 1854 1855 1856
1857 <div class="makeugc-pricing-v2-controls"> 1858 <div class="tabs-menu-p papi" role="tablist" aria-label="Pricing type"> 1859 <button type="button" class="tab-link-tab-5 papi w--current" data-hf-tab="platform" role="tab" aria-selected="true">Platform</button> 1860 <button type="button" class="tab-link-tab-6 papi" data-hf-tab="api" role="tab" aria-selected="false">API</button> 1861 </div> 1862 1863 <div class="billing-toggle-row billing-segment" role="radiogroup" aria-label="Billing period"> 1864 <button type="button" class="billing-segment-btn is-active" data-billing="monthly" role="radio" aria-checked="true">Monthly</button> 1865 <button type="button" class="billing-segment-btn" data-billing="quarterly" role="radio" aria-checked="false">Quarterly</button> 1866 <button type="button" class="billing-segment-btn" data-billing="yearly" role="radio" aria-checked="false">Annually</button> 1867 </div> 1868 </div> 1869 1870 <div class="hf-v2-panels"> 1871 <div class="hf-v2-grid hf-panel-platform"> 1872 <article class="hf-v2-card startup"> 1873 <div class="hf-card-header"> 1874 <h3>Start up <span class="hf-v2-pill sm green">50% OFF</span></h3> 1875 <p>For creators getting started with AI UGC</p> 1876 </div> 1877 <div class="hf-credit-box"> 1878 <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-su-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url(#hfV2Cr-su-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-su-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-su-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg>500 credits / mo</strong> 1879 <p>1000+ realistic AI creators</p> 1880 <p>50+ languages available</p> 1881 <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 500 credits/mo</span></div> 1882 </div> 1883 <div class="hf-price"> 1884 <span class="hf-old-price">$59</span> 1885 <span class="hf-amount papi-startup-pricing">$59</span> 1886 <span class="hf-period hf-period-text">per month</span> 1887 </div> 1888 <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m" target="_blank" class="hf-plan-btn light papi-btn-startup-pricing">Start for $1</a> 1889 <div class="hf-card-features-block"> 1890 <ul class="hf-feature-list"> 1891 <li class="yes">Access to Selected models</li> 1892 <li class="yes">Parallel generation: up to 10 videos and 10 images</li> 1893 <li class="no">Seedance 2.5 Unlimited</li> 1894 <li class="yes">Export in HD, 2K, and 4K</li> 1895 <li class="yes">All the latest image models</li> 1896 <li class="yes">Unlimited AI scripts</li> 1897 <li class="no">Early access to advanced AI features</li> 1898 <li class="no">The lowest cost per credit</li> 1899 </ul> 1900 <div class="hf-unavailable-panel"> 1901 <div class="hf-unavailable-head"> 1902 <svg class="hf-unavailable-lock" width="16" height="16" viewB
1902ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M5.11111 7.33332V4.44443C5.11111 2.84888 6.40445 1.55554 8 1.55554C9.59556 1.55554 10.8889 2.84888 10.8889 4.44443V7.33332" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 10.4445V11.3333" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.3333 7.33337H4.66666C3.68482 7.33337 2.88889 8.12931 2.88889 9.11115V12.6667C2.88889 13.6485 3.68482 14.4445 4.66666 14.4445H11.3333C12.3152 14.4445 13.1111 13.6485 13.1111 12.6667V9.11115C13.1111 8.12931 12.3152 7.33337 11.3333 7.33337Z" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> 1903 <span>Unlimited unavailable:</span> 1904 </div> 1905 <ul class="hf-unavailable-list"> 1906 <li class="no">7-day Nano Banana 2</li> 1907 <li class="no">7-day Nano Banana Pro</li> 1908 <li class="no">30-day Seedance 2.5</li> 1909 </ul> 1910 </div> 1911 <div class="hf-pro-unlimited-panel"> 1912 <div class="hf-pro-unlimited-head"> 1913 <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 1914 <span>365-day unlimited & free gens</span> 1915 </div> 1916 <ul class="hf-pro-unlimited-list"> 1917 <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">2K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li> 1918 <li class="no"><span class="hf-pro-unlimited-label">Nano Banana Pro</span></li> 1919 <li class="no"><span class="hf-pro-unlimited-label">Seedance 2.5</span></li> 1920 </ul> 1921 </div> 1922 </div> 1923 </article> 1924 1925 <article class="hf-v2-card growth"> 1926 <div class="hf-card-header"> 1927 <h3>Growth <span class="hf-v2-pill sm green">50% OFF</span></h3> 1928 <p>Testing many creatives a month</p> 1929 </div> 1930 <div class="hf-credit-box"> 1931 <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-gr-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url(#hfV2Cr-gr-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-gr-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-gr-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg>1,000 credits / mo</strong> 1932 <p>Scale your ad creative testing</p> 1933 <p>
1933Batch Mode included</p> 1934 <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 1,000 credits/mo</span></div> 1935 </div> 1936 <div class="hf-price"> 1937 <span class="hf-old-price">$79</span> 1938 <span class="hf-amount papi-growth-pricing">$79</span> 1939 <span class="hf-period hf-period-text">per month</span> 1940 </div> 1941 <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-growth-79-m" target="_blank" class="hf-plan-btn lime papi-btn-growth-pricing">Start for $1</a> 1942 <div class="hf-card-features-block"> 1943 <ul class="hf-feature-list"> 1944 <li class="yes">Access to all AI models</li> 1945 <li class="yes">Parallel generation: up to 10 videos and 10 images</li> 1946 <li class="no">Seedance 2.5 Unlimited</li> 1947 <li class="yes">Export in HD, 2K, and 4K</li> 1948 <li class="yes">All the latest image models</li> 1949 <li class="yes">Unlimited AI scripts</li> 1950 <li class="yes">Early access to advanced AI features</li> 1951 <li class="no">The lowest cost per credit</li> 1952 </ul> 1953 <div class="hf-available-panel"> 1954 <div class="hf-available-head"> 1955 <svg class="hf-available-lock" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><g clip-path="url(#hfV2Av-gr-clip)"><path d="M6.44444 7.33332V4.44443C6.44444 2.84888 5.15111 1.55554 3.55556 1.55554C1.96 1.55554 0.666667 2.84888 0.666667 4.44443V5.55554" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.44444 10.4445V11.3333" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7778 7.33337H5.11111C4.12927 7.33337 3.33333 8.12931 3.33333 9.11115V12.6667C3.33333 13.6485 4.12927 14.4445 5.11111 14.4445H11.7778C12.7596 14.4445 13.5556 13.6485 13.5556 12.6667V9.11115C13.5556 8.12931 12.7596 7.33337 11.7778 7.33337Z" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="hfV2Av-gr-clip"><rect width="16" height="16" fill="white"/></clipPath></defs></svg> 1956 <span>Unlimited available in 2K:</span> 1957 </div> 1958 <ul class="hf-available-list"> 1959 <li class="yes"><span class="hf-available-label">7-day Nano Banana 2</span><span class="hf-pill unlimited">Unlimited</span></li> 1960 <li class="no"><span class="hf-available-label">7-day Nano Banana Pro</span></li> 1961 <li class="no"><span class="hf-available-label">30-day Seedance 2.5</span></li> 1962 </ul> 1963 </div> 1964 <div class="hf-pro-unlimited-panel"> 1965 <div class="hf-pro-unlimited-head"> 1966 <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 1967 <span>365-day unlimited & free gens</span> 1968 </div> 1969 <ul class="hf-pro-unlimited-list"> 1970 <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">2K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li> 1971 <li class="no"><span class="hf-pro-unlimited-label">Nano Banana Pro</span></li> 1972 <li class="no"><span class="hf-pro-unlimited-label">Seedance 2.5</span></li> 1973 </ul> 1974 </div> 1975 </div> 1976 </article> 1977 1978 <div class="hf-v2-card-pro-wrap"> 1979 <div class="hf-v2-best-value"><svg class="hf-v2-best-value-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M15.3005 8.12056H9.95255L10.2699 2.46822C10.2827 2.23882 10.0053 2.13165 9.87464 2.3155L3.38465 11.4499C3.25888 11.6269 3.37866 11.8793 3.58844 11.8793H8.93631L8.61899 17.5317C8.60616 17.7611 8.88356 17.8682 9.01422 17.6844L15.5043 8.55003C15.63 8.37304 15.5103 8.12056 15.3005 8.12056Z" stroke="#FBFCFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Best value</span></div> 1980 <article class="hf-v2-card pro"> 1981 <div class="hf-card-header"> 1982 <h3>Pro <span class="hf-v2-pill sm green">50% OFF</span> <span class="hf-v2-pill sm purple">Best value</span></h3> 1983 <p>For growing teams and power users</p> 1984 </div> 1985 <div class="hf-pro-tier-picker" data-pro-tier-picker> 1986 <strong class="hf-pro-tier-summary"><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-pr-mo-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url
1986(#hfV2Cr-pr-mo-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-pr-mo-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-pr-mo-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg><span class="hf-pro-tier-videos">2,000 credits / mo</span></strong> 1987 <p class="hf-pro-tier-detail">Product in hand videos</p> 1988 <p class="hf-pro-tier-detail">Video Agent & PDF to Video</p> 1989 <div class="hf-pro-tier-slider" role="group" aria-label="Choose Pro plan tier"> 1990 <div class="hf-pro-tier-track-wrap"> 1991 <div class="hf-pro-tier-track" aria-hidden="true"> 1992 <div class="hf-pro-tier-fill" data-pro-tier-fill></div> 1993 </div> 1994 <input type="range" class="hf-pro-tier-range" min="0" max="2" step="1" value="0" aria-label="Pro plan price tier" /> 1995 </div> 1996 <div class="hf-pro-tier-ticks"> 1997 <button type="button" class="hf-pro-tier-tick is-active" data-tier-index="0"><span class="hf-pro-tier-tick-price">2,000</span></button> 1998 <button type="button" class="hf-pro-tier-tick" data-tier-index="1"><span class="hf-pro-tier-tick-price">3,000</span></button> 1999 <button type="button" class="hf-pro-tier-tick" data-tier-index="2"><span class="hf-pro-tier-tick-price">5,000</span></button> 2000 </div> 2001 </div> 2002 </div> 2003 <div class="hf-pro-price-block"> 2004 <div class="hf-price"> 2005 <span class="hf-old-price">$149</span> 2006 <span class="hf-amount papi-pro-pricing">$1</span> 2007 <span class="hf-period hf-period-text">per month</span> 2008 </div> 2009 <p class="hf-pro-renew-note hf-pro-monthly-only" data-pro-renew-note>Renews at $149</p> 2010 </div> 2011 <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m" target="_blank" class="hf-plan-btn pro-btn papi-btn-pro-pricing">Start for $1</a> 2012 <div class="hf-card-features-block"> 2013 <ul class="hf-feature-list"> 2014 <li class="yes">Access to all AI models</li> 2015 <li class="yes">Parallel generation: up to 10 videos and 10 images</li> 2016 <li class="yes">Seedance 2.5 Unlimited</li> 2017 <li class="yes">Export in HD, 2K, and 4K</li> 2018 <li class="yes">All the latest image models</li> 2019 <li class="yes">Unlimited AI scripts</li> 2020 <li class="yes">Early access to advanced AI features</li> 2021 <li class="yes">The lowest cost per credit <span class="hf-pill green">3X CHEAPER</span></li> 2022 </ul> 2023 <div class="hf-available-panel"> 2024 <div class="hf-available-head"> 2025 <svg class="hf-available-lock" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><g clip-path="url(#hfV2Av-pr-clip)"><path d="M6.44444 7.33332V4.44443C6.44444 2.84888 5.15111 1.55554 3.55556 1.55554C1.96 1.55554 0.666667 2.84888 0.666667 4.44443V5.55554" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.44444 10.4445V11.3333" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7778 7.33337H5.11111C4.12927 7.33337 3.33333 8.12931 3.33333 9.11115V12.6667C3.33333 13.6485 4.12927 14.4445 5.11111 14.4445H11.7778C12.7596 14.4445 13.5556 13.6485 13.5556 12.6667V9.11115C13.5556 8.12931 12.7596 7.33337 11.7778 7.33337Z" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="hfV2Av-pr-clip"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>
2026 <span>Unlimited available in 2K:</span> 2027 </div> 2028 <ul class="hf-available-list"> 2029 <li class="yes"><span class="hf-available-label">7-day Nano Banana 2</span><span class="hf-pill unlimited">Unlimited</span></li> 2030 <li class="yes"><span class="hf-available-label">7-day Nano Banana Pro</span><span class="hf-pill unlimited">Unlimited</span></li> 2031 <li class="yes"><span class="hf-available-label">30-day Seedance 2.5</span><span class="hf-pill unlimited">Unlimited</span></li> 2032 </ul> 2033 </div> 2034 <div class="hf-pro-unlimited-panel"> 2035 <div class="hf-pro-unlimited-head"> 2036 <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 2037 <span>365-day unlimited & free gens</span> 2038 </div> 2039 <ul class="hf-pro-unlimited-list"> 2040 <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li> 2041 <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana Pro</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li> 2042 <li class="yes"><span class="hf-pro-unlimited-label">Seedance 2.5</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li> 2043 </ul> 2044 </div> 2045 </div> 2046 </article> 2047 </div> 2048 2049 <article class="hf-v2-card enterprise"> 2050 <div class="hf-card-header"> 2051 <h3>Enterprise <span class="hf-v2-pill sm pink">Unlimited access</span></h3> 2052 <p>For brands who need more</p> 2053 </div> 2054 <div class="hf-credit-box"> 2055 <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><g clip-path="url(#hfV2Cr-en-clip)"><path d="M11.75 15.6389V13.6945H13.0247C13.8406 13.6945 14.5173 13.0645 14.5764 12.2509L14.6635 11.0508L15.8333 10.5834L14.6666 9.02781C14.6666 6.12203 12.0105 3.83615 8.9943 4.46615C7.23186 4.83403 5.80775 6.25892 5.43908 8.02059C4.9763 10.2341 6.09241 12.2346 7.86108 13.1539V15.6389" stroke="#7489FF" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5274 8.44421C12.6347 8.44421 12.7216 8.53131 12.7217 8.63855C12.7217 8.74594 12.6348 8.83289 12.5274 8.83289C12.4202 8.83271 12.3331 8.74583 12.3331 8.63855C12.3332 8.53142 12.4203 8.44439 12.5274 8.44421Z" fill="#7489FF" stroke="#7489FF" stroke-width="0.777778"/></g><defs><clipPath id="hfV2Cr-en-clip"><rect x="3" y="3" width="14" height="14" rx="2.8" fill="white"/></clipPath></defs></svg>Dedicated support & API</strong> 2056 <p>Creative strategist included</p> 2057 <p>Custom AI workflows</p> 2058 <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Everything in Pro + enterprise perks</span></div> 2059 </div> 2060 <div class="hf-price"> 2061 <span class="hf-from">Custom</span> 2062 <span class="hf-period">pricing for your team</span> 2063 </div> 2064 <a href="https://calendly.com/makeugc/talkwithme" target="_blank" class="hf-plan-btn blue-btn">Explore Plans</a> 2065 <p class="hf-save">Flexible billing tailored to your team</p> 2066 <ul class="hf-feature-list"> 2067 <li class="yes">Everything in Pro</li> 2068 <li class="yes">Dedicated Slack channel</li> 2069 <li class="yes">Creative strategist</li> 2070 <li class="yes">API Access</li> 2071 <li class="yes">1-on-1 strategy calls</li> 2072 </ul> 2073 <div class="hf-team-section"> 2074 <h4>WORKSPACE & COLLABORATION</h4> 2075 <ul> 2076 <li class="yes">ElevenLabs voice integration</li> 2077 <li class="yes">AI scripting</li> 2078 <li class="yes">AI media buyer</li> 2079 <li class="yes">Custom AI workflows</li> 2080 </ul> 2081 </div> 2082 <div class="hf-team-section"> 2083 <h4>PERSONALIZED EXPERIENCE</h4> 2084 <ul> 2085 <li class="yes">Dedicated capacity SLA</li> 2086 <li class="yes">Priority queue</li> 2087 <li class="yes">Personal Slack Support</li> 2088 <li class="yes">Volume based discounts</li> 2089 </ul> 2090 </div> 2091 </article> 2092 </div> 2093 2094 <div class="hf-v2-grid hf-v2-grid-api hf-panel-api"> 2095 <article class="hf-v2-card api-starter"> 2096 <div class="hf-card-header"> 2097 <h3>API Starter</h3> 2098 <p>For testing, prototyping, and low-volume use</p> 2099 </div> 2100 <div class="hf-credit-box"> 2101 <strong>2,000 credits / mo</strong> 2102 <p>500+ realistic AI creators</p> 2103 <p>API access for integrations</p> 2104 <div class="hf-fixed">
2104<svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 2,000 credits/mo</span></div> 2105 </div> 2106 <div class="hf-price"> 2107 <span class="hf-old-price">$99</span> 2108 <span class="hf-amount papi-api-starter">$99</span> 2109 <span class="hf-period hf-period-text">per month</span> 2110 </div> 2111 <a href="#" data-checkout="price_1Tb0YrLUR872TBc87EMU6cNN" class="hf-plan-btn light papi-btn-api-starter">Choose plan</a> 2112 <ul class="hf-feature-list"> 2113 <li class="yes">2,000 credits / mo</li> 2114 <li class="yes">500+ realistic AI creators</li> 2115 <li class="yes">50+ languages available</li> 2116 <li class="yes">Fast 2-min processing</li> 2117 <li class="yes">B-roll generator</li> 2118 <li class="yes">Image generator</li> 2119 <li class="yes">Batch Mode</li> 2120 <li class="yes">Product in hand</li> 2121 <li class="yes">Custom AI avatar</li> 2122 </ul> 2123 </article> 2124 2125 <div class="hf-v2-card-pro-wrap"> 2126 <div class="hf-v2-best-value"><svg class="hf-v2-best-value-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M15.3005 8.12056H9.95255L10.2699 2.46822C10.2827 2.23882 10.0053 2.13165 9.87464 2.3155L3.38465 11.4499C3.25888 11.6269 3.37866 11.8793 3.58844 11.8793H8.93631L8.61899 17.5317C8.60616 17.7611 8.88356 17.8682 9.01422 17.6844L15.5043 8.55003C15.63 8.37304 15.5103 8.12056 15.3005 8.12056Z" stroke="#FBFCFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Best value</span></div> 2127 <article class="hf-v2-card api-pro pro"> 2128 <div class="hf-card-header"> 2129 <h3>API Pro <span class="hf-v2-pill sm orange">Best value</span></h3> 2130 <p>Designed for production systems and scalable workloads</p> 2131 </div> 2132 <div class="hf-credit-box"> 2133 <strong>6,000 credits / mo</strong> 2134 <p>Everything in API Starter</p> 2135 <p>Higher concurrency & priority queue</p> 2136 <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 6,000 credits/mo</span></div> 2137 </div> 2138 <div class="hf-price"> 2139 <span class="hf-old-price">$299</span> 2140 <span class="hf-amount papi-api-pro">$299</span> 2141 <span class="hf-period hf-period-text">per month</span> 2142 </div> 2143 <a href="#" data-checkout="price_1Tb0fHLUR872TBc8sN9zXAzI" class="hf-plan-btn pink-btn papi-btn-api-pro">Choose plan</a> 2144 <ul class="hf-feature-list"> 2145 <li class="yes">Everything in API Starter</li> 2146 <li class="yes">6,000 credits / mo</li> 2147 <li class="yes">Higher Concurrency (5x)</li> 2148 <li class="yes">Priority Queue</li> 2149 <li class="yes">Scalable API workloads</li> 2150 <li class="yes">Priority processing</li> 2151 </ul> 2152 </article> 2153 </div> 2154 2155 <article class="hf-v2-card api-enterprise enterprise"> 2156 <div class="hf-card-header"> 2157 <h3>Enterprise <span class="hf-v2-pill sm pink">Custom</span></h3> 2158 <p>For enterprises that need volume-based discounts and custom terms</p> 2159 </div> 2160 <div class="hf-credit-box"> 2161 <strong>Volume-based API pricing</strong> 2162 <p>Custom integration support</p> 2163 <p>Developer support via Slack</p> 2164 <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Everything in API Pro + enterprise perks</span></div> 2165 </div> 2166 <div class="hf-price">
2167 <span class="hf-from">Talk to sales</span> 2168 <span class="hf-period">custom pricing for your team</span> 2169 </div> 2170 <a href="https://calendly.com/makeugc/talkwithme" target="_blank" class="hf-plan-btn blue-btn">Book a call</a> 2171 <ul class="hf-feature-list"> 2172 <li class="yes">Everything in API Pro</li> 2173 <li class="yes">Volume-Based Discount</li> 2174 <li class="yes">White-Label License</li> 2175 <li class="yes">Developer Support via Slack</li> 2176 <li class="yes">Custom Integration</li> 2177 </ul> 2178 </article> 2179 </div> 2180 2181 </div> 2182 2183 2184 </div> 2185</section> 2186
2187<script>(function(){const checkoutBase = "https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/"; 2188const CREDIT_RATE = 100; 2189 2190document.addEventListener("DOMContentLoaded", function () { 2191 const root = document.getElementById("pricing-v2"); 2192 if (!root) return; 2193 2194 const tabs = root.querySelectorAll("[data-hf-tab]"); 2195 const billingBtns = root.querySelectorAll("[data-billing]"); 2196 const periodTexts = root.querySelectorAll(".hf-period-text"); 2197 let switchTimer; 2198 let billingPeriod = "monthly"; 2199 2200 const PERIOD_COPY = { 2201 monthly: "per month", 2202 quarterly: "per month, billed quarterly", 2203 yearly: "per month, billed annually", 2204 }; 2205 2206 const DISCOUNT_COPY = { 2207 quarterly: "30% OFF", 2208 yearly: "50% OFF", 2209 }; 2210 2211 const PLAN_BILLING = { 2212 "papi-startup-pricing": { 2213 buttonClass: "papi-btn-startup-pricing", 2214 monthly: { price: 59, strike: 89, url: checkoutBase + "trial72h-startup-59-m" }, 2215 quarterly: { price: 41, strike: 59, url: checkoutBase + "trial24h_startup_quarterly_59" }, 2216 yearly: { price: 29, strike: 59, url: checkoutBase + "trial24h-yearly-startup-59" }, 2217 }, 2218 "papi-growth-pricing": { 2219 buttonClass: "papi-btn-growth-pricing", 2220 monthly: { price: 79, strike: 119, url: checkoutBase + "trial72h-growth-79-m" }, 2221 quarterly: { price: 55, strike: 79, url: checkoutBase + "trial24h-quarterly-growth-79" }, 2222 yearly: { price: 39, strike: 79, url: checkoutBase + "trial24h-yearly-growth-79" }, 2223 }, 2224 "papi-api-starter": { 2225 buttonClass: "papi-btn-api-starter", 2226 monthly: { price: 99, strike: 149, checkout: "price_1Tb0YrLUR872TBc87EMU6cNN" }, 2227 yearly: { price: 50, strike: 99, checkout: "price_1TbijkLUR872TBc8GIacEopK" }, 2228 }, 2229 "papi-api-pro": { 2230 buttonClass: "papi-btn-api-pro", 2231 monthly: { price: 299, strike: 449, checkout: "price_1Tb0fHLUR872TBc8sN9zXAzI" }, 2232 yearly: { price: 150, strike: 299, checkout: "price_1TbikiLUR872TBc88K2k5lEG" }, 2233 }, 2234 }; 2235 2236 const PRO_TIERS = { 2237 monthly: [ 2238 { 2239 videos: 20, 2240 price: 1, 2241 strike: 149, 2242 renewNote: "Renews at $149", 2243 url: checkoutBase + "trial72h-pro-149-m", 2244 }, 2245 { 2246 videos: 30, 2247 price: 1, 2248 strike: 199, 2249 renewNote: "Renews at $199", 2250 url: checkoutBase + "trial72h-pro-199-m", 2251 }, 2252 { 2253 videos: 50, 2254 price: 1, 2255 strike: 249, 2256 renewNote: "Renews at $249", 2257 url: checkoutBase + "trial72h-pro-249-m", 2258 }, 2259 ], 2260 quarterly: [ 2261 { 2262 videos: 20, 2263 price: 104, 2264 strike: 149, 2265 url: checkoutBase + "trial24h-quarterly-pro-149", 2266 }, 2267 { 2268 videos: 30, 2269 price: 139, 2270 strike: 199, 2271 url: checkoutBase + "trial24h-quarterly-pro-199", 2272 }, 2273 { 2274 videos: 50, 2275 price: 174, 2276 strike: 249, 2277 url: checkoutBase + "trial24h-quarterly-pro-249", 2278 }, 2279 ], 2280 yearly: [ 2281 { 2282 videos: 20, 2283 price: 79, 2284 strike: 149, 2285 url: checkoutBase + "trial24h-yearly-pro-149", 2286 }, 2287 { 2288 videos: 30, 2289 price: 99, 2290 strike: 199, 2291 url: checkoutBase + "trial24h-yearly-pro-199", 2292 }, 2293 { 2294 videos: 50, 2295 price: 129, 2296 strike: 249, 2297 url: checkoutBase + "trial24h-yearly-pro-249", 2298 }, 2299 ], 2300 }; 2301 2302 const proCard = root.querySelector(".hf-panel-platform .hf-v2-card.pro"); 2303 const proPicker = root.querySelector("[data-pro-tier-picker]"); 2304 const proRange = proPicker && proPicker.querySelector(".hf-pro-tier-range"); 2305 const proFill = proPicker && proPicker.querySelector("[data-pro-tier-fill]"); 2306 2307 function getProTierIndex() { 2308 if (!proRange) return 0; 2309 return Number(proRange.value) || 0; 2310 } 2311 2312 function formatCreditsPerMonth(internal) { 2313 return (internal * CREDIT_RATE).toLocaleString("en-US") + " credits / mo"; 2314 } 2315 2316 function formatUsd(amount) { 2317 return "$" + Math.round(amount); 2318 } 2319 2320 function syncProTier() { 2321 if (!proCard || !proPicker) return; 2322 2323 const tiers = PRO_TIERS[billingPeriod] || PRO_TIERS.monthly; 2324 const priceEl = proCard.querySelector(".papi-pro-pricing"); 2325 const oldEl = proCard.querySelector(".hf-old-price"); 2326 const btn = proCard.querySelector(".papi-btn-pro-pricing"); 2327 const renewEl = proCard.querySelector("[data-pro-renew-note]"); 2328 const periodEl = proCard.querySelector(".hf-period-text"); 2329 const videosEl = proPicker.querySelector(".hf-pro-tier-videos"); 2330 const fallback = tiers[0]; 2331 const tier = tiers[getProTierIndex()] || fallback; 2332 2333 if (priceEl) priceEl.textContent = formatUsd(tier.price); 2334 if (oldEl) { 2335 if (tier.strike == null) { 2336 oldEl.style.display = "none"; 2337 } else { 2338 oldEl.style.display = ""; 2339 oldEl.textContent = formatUsd(tier.strike); 2340 } 2341 } 2342 if (renewEl) { 2343 renewEl.textContent = 2344 billingPeriod === "monthly" ? tier.renewNote || "" : ""; 2345 } 2346 if (videosEl) videosEl.textContent = formatCreditsPerMonth(tier.videos); 2347 if (periodEl) periodEl.style.display = billingPeriod === "monthly" ? "n
2347one" : ""; 2348 if (btn && tier.url) btn.setAttribute("href", tier.url); 2349 2350 if (proFill && proRange) { 2351 const max = Number(proRange.max) || tiers.length - 1; 2352 proFill.style.width = max > 0 ? (getProTierIndex() / max) * 100 + "%" : "0%"; 2353 } 2354 2355 proPicker.querySelectorAll(".hf-pro-tier-tick").forEach(function (tick) { 2356 const idx = Number(tick.getAttribute("data-tier-index")); 2357 tick.classList.toggle("is-active", idx === getProTierIndex()); 2358 }); 2359 if (proRange) proRange.setAttribute("aria-valuenow", String(getProTierIndex())); 2360 } 2361 2362 function syncPlanPrices() { 2363 Object.keys(PLAN_BILLING).forEach(function (planClass) { 2364 const plan = PLAN_BILLING[planClass]; 2365 const isApiPlan = planClass.indexOf("papi-api-") === 0; 2366 // API has no quarterly â always monthly or yearly only 2367 const periodKey = 2368 isApiPlan && billingPeriod === "quarterly" ? "monthly" : billingPeriod; 2369 const period = plan[periodKey] || plan.monthly; 2370 root.querySelectorAll("." + planClass).forEach(function (el) { 2371 el.textContent = formatUsd(period.price); 2372 const priceBox = el.closest(".hf-price"); 2373 const oldEl = priceBox && priceBox.querySelector(".hf-old-price"); 2374 if (oldEl) oldEl.textContent = formatUsd(period.strike); 2375 }); 2376 if (plan.buttonClass) { 2377 root.querySelectorAll("." + plan.buttonClass).forEach(function (btn) { 2378 if (period.url) btn.setAttribute("href", period.url); 2379 if (period.checkout) btn.setAttribute("data-checkout", period.checkout); 2380 }); 2381 } 2382 }); 2383 syncProTier(); 2384 } 2385 2386 function syncDiscountPills() { 2387 const label = DISCOUNT_COPY[billingPeriod] || ""; 2388 root.querySelectorAll(".hf-card-header .hf-v2-pill.green").forEach(function (pill) { 2389 if (label) pill.textContent = label; 2390 }); 2391 } 2392 2393 function initProTierPicker() { 2394 if (!proPicker || !proRange) return; 2395 2396 proRange.addEventListener("input", syncProTier); 2397 proPicker.querySelectorAll(".hf-pro-tier-tick").forEach(function (tick) { 2398 tick.addEventListener("click", function () { 2399 const idx = tick.getAttribute("data-tier-index"); 2400 if (idx == null) return; 2401 proRange.value = idx; 2402 syncProTier(); 2403 }); 2404 }); 2405 syncProTier(); 2406 } 2407
2408 tabs.forEach((tab) => { 2409 tab.addEventListener("click", () => { 2410 if (tab.classList.contains("w--current")) return; 2411 const isApi = tab.getAttribute("data-hf-tab") === "api"; 2412 tabs.forEach((t) => { 2413 const on = t === tab; 2414 t.classList.toggle("w--current", on); 2415 t.setAttribute("aria-selected", on ? "true" : "false"); 2416 }); 2417 root.classList.add("is-switching"); 2418 root.classList.toggle("api-mode", isApi); 2419 // API has no quarterly â fall back to monthly when switching tabs 2420 if (isApi && billingPeriod === "quarterly") { 2421 billingPeriod = "monthly"; 2422 syncBillingUi(); 2423 } 2424 clearTimeout(switchTimer); 2425 switchTimer = setTimeout(function () { 2426 root.classList.remove("is-switching"); 2427 }, 450); 2428 }); 2429 }); 2430 2431 function syncBillingUi() { 2432 root.classList.toggle("is-yearly", billingPeriod === "yearly"); 2433 root.classList.toggle("is-quarterly", billingPeriod === "quarterly"); 2434 periodTexts.forEach(function (el) { 2435 el.textContent = PERIOD_COPY[billingPeriod] || PERIOD_COPY.monthly; 2436 }); 2437 billingBtns.forEach(function (btn) { 2438 const on = btn.getAttribute("data-billing") === billingPeriod; 2439 btn.classList.toggle("is-active", on); 2440 btn.setAttribute("aria-checked", on ? "true" : "false"); 2441 }); 2442 syncDiscountPills(); 2443 syncPlanPrices(); 2444 } 2445 2446 billingBtns.forEach(function (btn) { 2447 btn.addEventListener("click", function () { 2448 const next = btn.getAttribute("data-billing"); 2449 if (!next || next === billingPeriod) return; 2450 billingPeriod = next; 2451 syncBillingUi(); 2452 }); 2453 }); 2454 2455 syncBillingUi(); 2456 initProTierPicker(); 2457 window.addEventListener("load", syncProTier); 2458 2459 function initOfferCountdown() {
2460 const offer = root.querySelector(".hf-v2-offer"); 2461 if (!offer) return; 2462 2463 const endKey = "hf-v2-offer-end"; 2464 let end = Number(localStorage.getItem(endKey)); 2465 if (!end || end < Date.now()) { 2466 end = Date.now() + 24 * 60 * 60 * 1000; 2467 localStorage.setItem(endKey, String(end)); 2468 } 2469 2470 const daysEl = root.querySelector(".hf-v2-cd-days"); 2471 const hoursEl = root.querySelector(".hf-v2-cd-hours"); 2472 const minsEl = root.querySelector(".hf-v2-cd-mins"); 2473 const secsEl = root.querySelector(".hf-v2-cd-secs"); 2474 const pad = function (n) { 2475 return String(n).padStart(2, "0"); 2476 }; 2477 2478 function tick() { 2479 const diff = Math.max(0, end - Date.now()); 2480 const s = Math.floor(diff / 1000); 2481 const d = Math.floor(s / 86400); 2482 const h = Math.floor((s % 86400) / 3600); 2483 const m = Math.floor((s % 3600) / 60); 2484 const sec = s % 60; 2485 if (daysEl) daysEl.textContent = pad(d); 2486 if (hoursEl) hoursEl.textContent = pad(h); 2487 if (minsEl) minsEl.textContent = pad(m); 2488 if (secsEl) secsEl.textContent = pad(sec); 2489 } 2490 2491 tick(); 2492 setInterval(tick, 1000); 2493 } 2494 2495 initOfferCountdown(); 2496}); 2497})();</script>
2497 2498 2499 <section class="section"> 2500 <div class="container-2"> 2501 <div class="top-part-cases v2"> 2502 <div class="cases-heading_wrapper v2"> 2503 <p class="par _18 v2-1">Our cases</p> 2504 <h2 class="h2-2 v2">Best results with MakeUGC</h2> 2505 <div class="text-block-33">Brands scaling faster & cheaper with AI UGC.</div> 2506 </div> 2507 </div> 2508 <div class="swiper cases-1"> 2509 <div class="swiper-wrapper cases-2"> 2510 <div class="swiper-slide case-box"> 2511 <div class="left-side_cases"> 2512 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases"> 2513 <div class="name-wrapper-top-part-left-cases"> 2514 <div class="name-top-part-left-cases">Waynes Reeves</div> 2515 <div class="info-name-top-part-left-cases"> 2516 <div class="info-actual-top-part-left-cases">Founder</div> 2517 </div> 2518 </div> 2519 </div> 2520 <h2 class="heading-cases">3Xâ4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2> 2521 <div class="bottom-part-cases"><img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div> 2522 </div> 2523 <div class="right_side_cases"> 2524 <div class="code-embed w-embed"> 2525 <style> 2526.styled-video { 2527 border-radius: 16px; 2528 overflow: hidden; 2529 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2530 border: 1px solid rgba(255, 255, 255, 0.1); 2531} 2532</style> 2533 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video"> 2534 </video> 2535 </div> 2536 </div> 2537 </div> 2538 <div class="swiper-slide case-box"> 2539 <div class="left-side_cases"> 2540 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases"> 2541 <div class="name-wrapper-top-part-left-cases"> 2542 <div class="name-top-part-left-cases">Jordan Welch</div> 2543 <div class="info-name-top-part-left-cases"> 2544 <div class="info-actual-top-part-left-cases">DTC Brand Owner</div> 2545 </div> 2546 </div> 2547 </div> 2548 <h2 class="heading-cases">Running AI ads since May 2 â strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2> 2549 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab
25490c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div> 2550 </div> 2551 <div class="right_side_cases"> 2552 <div class="code-embed-copy w-embed"> 2553 <style> 2554.styled-video { 2555 border-radius: 16px; 2556 overflow: hidden; 2557 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2558 border: 1px solid rgba(255, 255, 255, 0.1); 2559} 2560</style> 2561 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video"> 2562 </video> 2563 </div> 2564 </div> 2565 </div> 2566 <div class="swiper-slide case-box"> 2567 <div class="left-side_cases"> 2568 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases"> 2569 <div class="name-wrapper-top-part-left-cases"> 2570 <div class="name-top-part-left-cases">Eileen Lee</div> 2571 <div class="info-name-top-part-left-cases"> 2572 <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div> 2573 </div> 2574 </div> 2575 </div> 2576 <h2 class="heading-cases">$19K in ad spend â $69K in total sales with a 3.73x ROAS</h2> 2577 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div> 2578 </div> 2579 <div class="right_side_cases"> 2580 <div class="code-embed w-embed"> 2581 <style> 2582.styled-video { 2583 border-radius: 16px; 2584 overflow: hidden; 2585 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2586 border: 1px solid rgba(255, 255, 255, 0.1); 2587} 2588</style> 2589 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video"> 2590 </video> 2591 </div> 2592 </div> 2593 </div> 2594 </div> 2595 <div id="pagination-cases" class="pagination-cases"></div> 2596 </div> 2597 <div class="avatar_arrows only-widepc"> 2598 <a id="case-left" href="#" class="arrow_cases w-inline-block"> 2599 <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2600 <path d="M8.5 1L1.5 8M1.5 8L8.5 15M1.5 8L15.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 2601 </svg></div> 2602 </a> 2603 <a id="case-right" href="#" class="arrow_cases w-inline-block"> 2604 <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2605 <path d="M8.5 1L15.5 8M15.5 8L8.5 15M15.5 8L1.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 2606 </svg></div> 2607 </a> 2608 </div> 2609 <div class="swiper-only-desktop cases-1 swiper"> 2610 <div class="swiper-wrapper cases-2"> 2611 <div class="swiper-slide case-box"> 2612 <div class="div-block-13"> 2613 <div class="left-side_cases"> 2614 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases"> 2615 <div class="name-wrapper-top-part-left-cases"> 2616 <div class="name-top-part-left-cases">Waynes Reeves</div> 2617 <div class="info-name-top-part-left-cases"> 2618 <div class="info-actual-top-part-left-cases">Founder</div> 2619 </div> 2620 </div> 2621 </div> 2622 <h2 class="heading-cases">3Xâ4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2> 2623 <div class="bottom-part-cases">
2623<img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div> 2624 </div> 2625 <div class="right_side_cases"> 2626 <div class="code-embed w-embed"> 2627 <style> 2628.styled-video { 2629 border-radius: 16px; 2630 overflow: hidden; 2631 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2632 border: 1px solid rgba(255, 255, 255, 0.1); 2633} 2634</style> 2635 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video"> 2636 </video> 2637 </div> 2638 </div> 2639 </div> 2640 </div> 2641 <div class="swiper-slide-_desltop case-box swiper-slide v2"> 2642 <div class="div-block-13"> 2643 <div class="left-side_cases"> 2644 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases"> 2645 <div class="name-wrapper-top-part-left-cases"> 2646 <div class="name-top-part-left-cases">Jordan Welch</div> 2647 <div class="info-name-top-part-left-cases"> 2648 <div class="info-actual-top-part-left-cases">DTC Brand Owner</div> 2649 </div> 2650 </div> 2651 </div> 2652 <h2 class="heading-cases">Running AI ads since May 2 â strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2> 2653 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div> 2654 </div> 2655 <div class="right_side_cases"> 2656 <div class="code-embed-copy w-embed"> 2657 <style> 2658.styled-video { 2659 border-radius: 16px; 2660 overflow: hidden; 2661 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2662 border: 1px solid rgba(255, 255, 255, 0.1); 2663} 2664</style> 2665 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video"> 2666 </video> 2667 </div> 2668 </div> 2669 </div> 2670 </div> 2671 <div class="swiper-slide case-box"> 2672 <div class="div-block-13"> 2673 <div class="left-side_cases"> 2674 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases"> 2675 <div class="name-wrapper-top-part-left-cases"> 2676 <div class="name-top-part-left-cases">Eileen Lee</div> 2677 <div class="info-name-top-part-left-cases"> 2678 <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div> 2679 </div> 2680 </div> 2681 </div> 2682 <h2 class="heading-cases">$19K in ad spend â $69K in total sales with a 3.73x ROAS</h2> 2683 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div> 2684 </div> 2685 <div class="right_side_cases"> 2686 <div class="code-embed w-embed"> 2687 <style> 2688.styled-video { 2689 border-radius: 16px; 2690 overflow: hidden; 2691 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2692 border: 1px solid rgba(255, 255, 255, 0.1); 2693} 2694</style> 2695 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video"> 2696 </video> 2697 </div> 2698 </div> 2699 </div> 2700 </div> 2701 </div> 2702 <div id="pagination-cases" class="pagination-cases"></div> 2703 <div class="avatar_arrows"> 2704 <a id="case-left" href="#" class="arrow_cases w-inline-block"> 2705 <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2706 <path d="M8.5 1L1.5 8M1.5 8L8.5 15M1.5 8L15.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 2707 </svg></div> 2708 </a> 2709 <a id="case-right" href="#" class="arrow_cases w-inline-block"> 2710 <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2711 <path d="M8.5 1L15.5 8M15.5 8L8.5 15M15.5 8L1.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> 2712 </svg></div> 2713 </a> 2714 </div> 2715 </div> 2716 <div class="swiper-only-mobile cases-1 swiper"> 2717 <div class="swiper-wrapper cases-2"> 2718 <div class="swiper-slide case-box"> 2719 <div class="left-side_cases"> 2720 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases"> 2721 <div class="name-wrapper-top-part-left-cases"> 2722 <div class="name-top-part-left-cases">Waynes Reeves</div> 2723 <div class="info-name-top-part-left-cases"> 2724 <div class="info-actual-top-part-left-cases">Founder</div> 2725 </div> 2726 </div> 2727 </div> 2728 <h2 class="heading-cases">3Xâ4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2> 2729 <div class="bottom-part-cases">
2729<img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div> 2730 </div> 2731 <div class="right_side_cases"> 2732 <div class="code-embed w-embed"> 2733 <style> 2734.styled-video { 2735 border-radius: 16px; 2736 overflow: hidden; 2737 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2738 border: 1px solid rgba(255, 255, 255, 0.1); 2739} 2740</style> 2741 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video"> 2742 </video> 2743 </div> 2744 </div> 2745 </div> 2746 <div class="swiper-slide case-box"> 2747 <div class="left-side_cases"> 2748 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases"> 2749 <div class="name-wrapper-top-part-left-cases"> 2750 <div class="name-top-part-left-cases">Jordan Welch</div> 2751 <div class="info-name-top-part-left-cases"> 2752 <div class="info-actual-top-part-left-cases">DTC Brand Owner</div> 2753 </div> 2754 </div> 2755 </div> 2756 <h2 class="heading-cases">Running AI ads since May 2 â strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2> 2757 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div> 2758 </div> 2759 <div class="right_side_cases"> 2760 <div class="code-embed-copy w-embed"> 2761 <style> 2762.styled-video { 2763 border-radius: 16px; 2764 overflow: hidden; 2765 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2766 border: 1px solid rgba(255, 255, 255, 0.1); 2767} 2768</style> 2769 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video"> 2770 </video> 2771 </div> 2772 </div> 2773 </div> 2774 <div class="swiper-slide case-box"> 2775 <div class="left-side_cases"> 2776 <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases"> 2777 <div class="name-wrapper-top-part-left-cases"> 2778 <div class="name-top-part-left-cases">Eileen Lee</div> 2779 <div class="info-name-top-part-left-cases"> 2780 <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div> 2781 </div> 2782 </div> 2783 </div> 2784 <h2 class="heading-cases">$19K in ad spend â $69K in total sales with a 3.73x ROAS</h2> 2785 <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div> 2786 </div> 2787 <div class="right_side_cases"> 2788 <div class="code-embed w-embed"> 2789 <style> 2790.styled-video { 2791 border-radius: 16px; 2792 overflow: hidden; 2793 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 2794 border: 1px solid rgba(255, 255, 255, 0.1); 2795} 2796</style> 2797 <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video"> 2798 </video> 2799 </div> 2800 </div> 2801 </div> 2802 </div> 2803 <div id="pagination-cases" class="pagination-cases"></div> 2804 </div> 2805 </div> 2806 </section> 2807 2808 <section class="section"> 2809 <div class="container-4 for-the-faq"> 2810 <div class="w-layout-grid grid-4"> 2811 <div class="faq-heading_and_info_wrapper v2"> 2812 <p class="par _18 v2-1">FAQ</p> 2813 <h2 class="h2-2 darker v2">We've covered everything</h2> 2814 <p class="par _18 v2">Everything you need to know.</p> 2815 </div> 2816 <div class="faq_wrapper_all v2"> 2817 <div class="faq_parent v2"> 2818 <div class="faq_trigger"> 2819 <h3 class="faq_heading">How does Unlimited work?</h3> 2820 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2821 </div> 2822 <div class="faq_answer"> 2823 <p class="faq_par v2">Unlimited lets you generate without spending credits on supported models in your plan. Speed and concurrency may vary during peak hours.</p> 2824 <div class="faq_divider"></div> 2825 </div> 2826 </div> 2827 <div class="faq_parent v2"> 2828 <div class="faq_trigger"> 2829 <h3 class="faq_heading">Does Unlimited start on the $1 trial?</h3> 2830 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2831 </div> 2832 <div class="faq_answer"> 2833 <p class="faq_par v2">No. Unlimited only activates after your $1 trial ends and your first full billing cycle begins.</p> 2834 <div class="faq_divider"></div> 2835 </div> 2836 </div> 2837 <div class="faq_parent v2"> 2838 <div class="faq_trigger"> 2839 <h3 class="faq_heading">How does the 365-day Unlimited promo work?</h3> 2840 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2841 </div> 2842 <div class="faq_answer"> 2843 <p class="faq_par v2">You get one full year of unlimited generations on the specific models listed in your plan, starting from purchase. If you cancel or downgrade, access stops at the end of your current plan. If you upgrade, the 12 months continues uninterrupted. Unl
2843imited runs in the standard queue; credits always use the priority queue.</p> 2844 <div class="faq_divider"></div> 2845 </div> 2846 </div> 2847 <div class="faq_parent v2"> 2848 <div class="faq_trigger"> 2849 <h3 class="faq_heading">Can I change my subscription?</h3> 2850 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2851 </div> 2852 <div class="faq_answer"> 2853 <p class="faq_par v2">Yes. Upgrades take effect immediately. Downgrades apply at the end of your current billing period.</p> 2854 <div class="faq_divider"></div> 2855 </div> 2856 </div> 2857 <div class="faq_parent v2"> 2858 <div class="faq_trigger"> 2859 <h3 class="faq_heading">How do I get extra credits?</h3> 2860 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2861 </div> 2862 <div class="faq_answer"> 2863 <p class="faq_par v2">Upgrade your plan for a higher monthly limit, or buy credit packs without changing your subscription. Credits are added instantly.</p> 2864 <div class="faq_divider"></div> 2865 </div> 2866 </div> 2867 <div class="faq_parent v2"> 2868 <div class="faq_trigger"> 2869 <h3 class="faq_heading">How many credits do I get per month?</h3> 2870 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2871 </div> 2872 <div class="faq_answer"> 2873 <p class="faq_par v2">It depends on your plan â 500, 1,000, or 2,000 credits per month on paid plans. Check the pricing table for details.</p> 2874 <div class="faq_divider"></div> 2875 </div> 2876 </div> 2877 <div class="faq_parent v2"> 2878 <div class="faq_trigger"> 2879 <h3 class="faq_heading">Does my subscription auto-renew?</h3> 2880 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2881 </div> 2882 <div class="faq_answer"> 2883 <p class="faq_par v2">Yes. It renews automatically each billing cycle. You can cancel anytime in account settings â access continues until the end of the current period.</p> 2884 <div class="faq_divider"></div> 2885 </div> 2886 </div> 2887 <div class="faq_parent v2"> 2888 <div class="faq_trigger"> 2889 <h3 class="faq_heading">How do credits work?</h3> 2890 <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 2891 </div> 2892 <div class="faq_answer"> 2893 <p class="faq_par v2">Each generation costs a set number of credits depending on the model, duration, and resolution. Credits refresh each billing cycle and do not roll over â unused credits expire at the end of the month.</p> 2894 <div class="faq_divider"></div> 2895 </div> 2896 </div> 2897 </div> 2898 </div> 2899 </div> 2900</section> 2901 2902 2903 <section class="section cta action-v2 section-5"> 2904 <div class="container in-the-cta v2 action-v2"> 2905 <div class="div-block-109"> 2906 <div class="w-layout-grid grid-8"> 2907 <div class="div-block-110"> 2908 <h2 class="h2 white align-left v2 action-v2">Make your video in seconds.</h2> 2909 <div class="text-block-75">Watch how fast AI makes content people can't scroll past.</div> 2910 <div class="buttons-cta-wrapper is-full-width call-to-action"> 2911 <a href="/pricing" aria-current="page" class="button in-the-faq v2 action-v2 w-inline-block w--current"> 2912 <div class="div-block-114"> 2913 <div class="text-button action-v2">Generate videos with AI</div> 2914 </div> 2915 </a> 2916 </div> 2917 </div> 2918 <div class="div-block-111 middle"> 2919 <div class="w-layout-grid grid-9"> 2920 <div class="div-block-112 first"> 2921 <div class="div-block-113"> 2922 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_1.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2923 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_1.webm" type="video/webm"> 2924 </video></div> 2925 </div> 2926 <div class="div-block-113"> 2927 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_2.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2928 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_2.webm" type="video/webm"> 2929 </video></div> 2930 </div> 2931 </div> 2932 <div class="div-block-112"> 2933 <div class="div-block-113"> 2934 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_3.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2935 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_3.webm" type="video/webm"> 2936 </video></div> 2937 </div> 2938 <div class="div-block-113"> 2939 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_4.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2940 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_4.webm" type="video/webm"> 2941 </video></div> 2942 </div> 2943 </div> 2944 <div class="div-block-112 third"> 2945 <div class="div-block-113"> 2946 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_5.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2947 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_5.webm" type="video/webm"> 2948 </video></div> 2949 </div> 2950 <div class="div-block-113"> 2951 <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_6.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;"> 2952 <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_6.webm" type="video/webm"> 2953 </video></div> 2954 </div> 2955 </div> 2956 </div> 2957 </div> 2958 </div> 2959 </div> 2960 </div> 2961 </section> 2962 2963 2964 <footer class="footer"> 2965 <div class="list-wrapper-to-links w-dyn-list"> 2966 <div role="list" class="list-wrapper-to-links-list w-dyn-items"> 2967 <div role="listitem" class="list-wrapper-to-links-item w-dyn-item"> 2968 <a href="#" class="w-dyn-bind-empty"></a> 2969 </div> 2970 </div> 2971 <div class="w-dyn-empty"> 2972 <div>No items found.</div> 2973 </div> 2974 </div> 2975 <div class="container in-the-footer"> 2976 <div class="footer-left-side"> 2977 <a href="#" class="footer-logo-link w-inline-block"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/logo_web.png" loading="lazy" alt="" class="footer-logo"></a> 2978 <p class="par _20 _252b37 smaller">Write your script -> Pick an avatar -> Generate video</p> 2979 </div> 2980 <div class="footer-links_all"> 2981 <div class="footer-links-column"> 2982 <div class="footer-column-heading">main</div> 2983 <a href="/" class="footer-link">Home</a>
2984 <a href="/talking-actor-feature" class="footer-link">Talking Actor</a> 2985 <a href="/custom-ai-avatar-feature" class="footer-link">Custom AI Avatar</a> 2986 <a href="/b-roll-feature" class="footer-link">B-roll video</a> 2987 <a href="/product-in-hand-feature" class="footer-link">Product In Hand</a> 2988 <a href="/ai-workflows-feature" class="footer-link">AI Workflows</a> 2989 <a href="/makeugc-gestures" class="footer-link">Gestures video</a> 2990 <a href="/affiliate" class="footer-link">Affiliate</a> 2991 <a href="/pricing" class="footer-link">Pricing</a> 2992 <a href="/languages" class="footer-link">Languages</a> 2993 <a href="/ad-toolkit" class="footer-link">Ad Toolkit</a> 2994 <a href="/blog/all" class="footer-link">Blog</a> 2995 <a href="/ai/product-overview" class="footer-link">Product Overview</a> 2996 <a href="/docs/api" class="footer-link">API access</a> 2997 </div> 2998 <div id="w-node-_90da8c32-812b-d422-5140-3654c2aa271b-cfc8d441" class="footer-links-column asdasd"> 2999 <div class="footer-column-heading">legal</div> 3000 <a href="/terms-of-service" class="footer-link">Terms of Services</a> 3001 <a href="/affiliate-terms-of-service" class="footer-link">Terms of Service for Affiliates</a> 3002 <a href="/privacy-policy" class="footer-link">Privacy Policy</a> 3003 <a href="/refund-policy" class="footer-link">Refund Policy</a> 3004 <a href="/fair-use-policy" class="footer-link">Fair Use Policy</a> 3005 <a href="/custom-avatar-policy" class="footer-link">Custom Avatar Policy</a> 3006 <a href="/trial-policy" class="footer-link">Trial Policy</a> 3007 </div> 3008 <div id="w-node-f6bb60cd-838b-56ff-328b-b436cfc8d463-cfc8d441" class="footer-links-column second"> 3009 <div class="footer-column-heading">ADDRESS</div> 3010 <div class="footer-adress">45 Fitzroy Street,</div> 3011 <div class="footer-adress">Fitzrovia, London</div> 3012 <div class="footer-adress">W1T 6EB</div> 3013 </div> 3014 <div class="footer-links-column second"> 3015 <div class="footer-column-heading">need help?</div> 3016 <a href="mailto:[email protected]" class="footer-adress">Contact us</a> 3017 </div> 3018 </div> 3019 </div> 3020 <div class="w-layout-vflex footer-bottom"> 3021 <div class="legal-link"> 3022 <a href="/terms-of-service" class="legal-text-link w-inline-block"> 3023 <div>Terms & conditions</div> 3024 </a> 3025 <a href="/privacy-policy" class="legal-text-link w-inline-block"> 3026 <div>Privacy Policy</div> 3027 </a> 3028 <a href="mailto:[email protected]" class="legal-text-link w-inline-block"> 3029 <div>Contact us</div> 3030 </a> 3031 </div> 3032 <div class="footer-bottom-content"> 3033 <div>© 2026 MakeUGC. All rights Reserved.</div> 3034 </div> 3035 <div class="footer-socials_wrapper"> 3036 <div>Social Link:</div> 3037 <a href="https://x.com/makeugc" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" class="social_media_logo"> 3038 <path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z" app="ikonik"></path> 3039 </svg></a> 3040 <a href="https://www.tiktok.com/@makeugc" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo"> 3041 <path d="M12.5311 0.02025C13.8398 0 15.1411 0.012 16.4408 0C16.5196 1.53075 17.0701 3.09 18.1906 4.17225C19.3088 5.2815 20.8906 5.78925 22.4296 5.961V9.98775C20.9873 9.9405 19.5383 9.6405 18.2296 9.0195C17.6596 8.7615 17.1286 8.42925 16.6088 8.0895C16.6021 11.0115 16.6208 13.9297 16.5901 16.8397C16.5121 18.2377 16.0508 19.629 15.2378 20.781C13.9298 22.6988 11.6596 23.949 9.32781 23.988C7.89756 24.0697 6.46881 23.6797 5.25006 22.9612C3.23031 21.7702 1.80906 19.59 1.60206 17.25C1.57806 16.7498 1.56981 16.2503 1.59006 15.762C1.77006 13.8593 2.71131 12.039 4.17231 10.8008C5.82831 9.3585 8.14806 8.6715 10.3201 9.078C10.3403 10.5593 10.2811 12.039 10.2811 13.5203C9.28881 13.1993 8.12931 13.2892 7.26231 13.8915C6.62931 14.3017 6.14856 14.9302 5.89806 15.6412C5.69106 16.1482 5.75031 16.7115 5.76231 17.25C6.00006 18.891 7.57806 20.2702 9.26256 20.121C10.3793 20.109 11.4496 19.461 12.0316 18.5123C12.2198 18.18 12.4306 17.8403 12.4418 17.4495C12.5401 15.6608 12.5011 13.8795 12.5131 12.0908C12.5213 8.0595 12.5011 4.0395 12.5318 0.021L12.5311 0.02025Z" fill="currentColor" app="ikonik" class="path-dybv8"></path> 3042 </svg></a> 3043 <a href="https://www.linkedin.com/company/makeugc/" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo"> 3044 <path d="M6.201 21H1.84725V6.9795H6.201V21ZM4.0215 5.067C2.6295 5.06
30447 1.5 3.9135 1.5 2.5215C1.5 1.1295 2.62875 0 4.0215 0C5.41425 0 6.543 1.12875 6.543 2.5215C6.543 3.9135 5.4135 5.067 4.0215 5.067ZM22.4955 21H18.1515V14.175C18.1515 12.5482 18.1185 10.4625 15.888 10.4625C13.6245 10.4625 13.2772 12.2295 13.2772 14.058V21H8.928V6.9795H13.1033V8.892H13.164C13.7453 7.79025 15.165 6.62775 17.283 6.62775C21.6893 6.62775 22.4993 9.5295 22.4993 13.2983V21H22.4955Z" fill="currentColor" app="ikonik" class="path-7gktp"></path> 3045 </svg></a> 3046 <a href="https://www.instagram.com/makeugc.ai/" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo"> 3047 <defs app="ikonik"> 3048 <clipPath app="ikonik"> 3049 <rect width="24" height="24" fill="currentColor" app="ikonik" class="rect-tanne"></rect> 3050 </clipPath> 3051 </defs> 3052 <g clip-path="url(#clip0_405_371)" app="ikonik"> 3053 <path d="M12.0005 0C8.7387 0 8.3322 0.01575 7.0557 0.06975C5.77395 0.13275 4.90695 0.3315 4.14195 0.6285C3.35295 0.9375 2.68095 1.34775 2.0172 2.01525C1.34895 2.679 0.934953 3.351 0.630453 4.14C0.333453 4.905 0.134703 5.772 0.0717031 7.05375C0.0139531 8.331 0.00195312 8.73675 0.00195312 11.9985C0.00195312 15.2603 0.0177031 15.6667 0.0717031 16.9432C0.134703 18.2212 0.333453 19.092 0.630453 19.857C0.939453 20.646 1.3497 21.318 2.0172 21.9818C2.68095 22.65 3.35295 23.064 4.14195 23.3685C4.90695 23.6618 5.7777 23.8642 7.0557 23.9272C8.33295 23.985 8.7387 23.997 12.0005 23.997C15.2622 23.997 15.6687 23.9812 16.9452 23.9272C18.2232 23.8642 19.094 23.661 19.859 23.3685C20.648 23.0595 21.32 22.6493 21.9837 21.9818C22.652 21.318 23.066 20.6497 23.3705 19.857C23.6637 19.092 23.8662 18.2212 23.9292 16.9432C23.987 15.666 23.999 15.2603 23.999 11.9985C23.999 8.73675 23.9832 8.33025 23.9292 7.05375C23.8662 5.77575 23.663 4.9005 23.3705 4.14C23.0615 3.351 22.6512 2.679 21.9837 2.01525C21.32 1.347 20.6517 0.933 19.859 0.6285C19.094 0.3315 18.2232 0.13275 16.9452 0.06975C15.668 0.012 15.2622 0 12.0005 0V0ZM12.0005 2.16C15.2037 2.16 15.5862 2.17575 16.8522 2.22975C18.02 2.2845 18.656 2.4795 19.0782 2.6445C19.6415 2.86275 20.0352 3.12075 20.4612 3.54225C20.879 3.96 21.137 4.35825 21.3552 4.9215C21.5202 5.34375 21.7152 5.97975 21.77 7.1475C21.824 8.4135 21.8397 8.79675 21.8397 11.9992C21.8397 15.2017 21.824 15.585 21.7655 16.851C21.7025 18.0188 21.5075 18.6548 21.3432 19.077C21.116 19.6403 20.8625 20.034 20.444 20.46C20.0217 20.8778 19.6197 21.1358 19.061 21.354C18.644 21.519 17.999 21.714 16.8267 21.7687C15.554 21.8227 15.179 21.8385 11.9675 21.8385C8.75595 21.8385 8.3817 21.8227 7.10745 21.7642C5.9397 21.7012 5.29545 21.5062 4.8732 21.342C4.3032 21.1147 3.91245 20.8612 3.49395 20.4427C3.0717 20.0205 2.8032 19.6185 2.5962 19.0598C2.4282 18.6428 2.2362 17.9977 2.17395 16.8255C2.1312 15.5677 2.11095 15.1778 2.11095 11.9813C2.11095 8.78625 2.1312 8.3955 2.17395 7.122C2.2362 5.94975 2.4282 5.30625 2.5962 4.88775C2.8032 4.317 3.07245 3.927 3.49395 3.50475C3.9117 3.087 4.3032 2.817 4.8732 2.6055C5.29545 2.44125 5.92395 2.24625 7.0962 2.18775C8.36895 2.142 8.74395 2.1255 11.951 2.1255L12.0005 2.16ZM12.0005 5.84025C8.5947 5.84025 5.8407 8.598 5.8407 12C5.8407 15.4057 8.59845 18.1597 12.0005 18.1597C15.4062 18.1597 18.1602 15.402 18.1602 12C18.1602 8.59425 15.4025 5.84025 12.0005 5.84025V5.84025ZM12.0005 15.9998C9.78945 15.9998 8.0007 14.211 8.0007 12C8.0007 9.789 9.78945 8.00025 12.0005 8.00025C14.2115 8.00025 16.0002 9.789 16.0002 12C16.0002 14.211 14.2115 15.9998 12.0005 15.9998V15.9998ZM19.8485 5.59425C19.8485 6.3915 19.1997 7.035 18.4062 7.035C17.609 7.035 16.9655 6.39075 16.9655 5.59425C16.9655 4.8015 17.6135 4.1565 18.4062 4.1565C19.199 4.1565 19.8485 4.8015 19.8485 5.59425V5.59425Z" fill="currentColor" app="ikonik" class="path-vun2x"></path> 3054 </g> 3055 </svg></a> 3056 </div> 3057 </div><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Frame.svg" loading="lazy" alt="" class="footer-bottom_image"> 3058</footer> 3059 </main> 3060 3061
3061<script>(function(){const config = {"id":"index","pruneRules":[{"when":"mobile","selectors":[".looping-hero-images_all",".swiper-only-desktop"]},{"when":"desktop","selectors":[".looping_mobile_ony"]},{"when":"desktop-not-large","selectors":[".swiper.cases-1:not(.swiper-only-desktop):not(.swiper-only-mobile)",".swiper-only-mobile"]},{"when":"large-desktop","selectors":[".swiper-only-desktop",".swiper-only-mobile"]},{"when":"mobile-not-small","selectors":[".swiper-only-desktop",".swiper-only-mobile"]},{"when":"small-mobile","selectors":[".swiper-only-desktop",".swiper.cases-1:not(.swiper-only-desktop):not(.swiper-only-mobile)"]}],"eagerRules":[{"when":"desktop","selectors":[".looping-hero-images_all"]},{"when":"mobile","selectors":[".looping_mobile_ony"]}],"swiperGuard":true,"mobileSwiperRetry":true,"swiperCleanupMs":600}; 3062 3063(function () { 3064 var cfg = config; 3065 var MQ = '(max-width: 991px)'; 3066 var MQ_SM = '(max-width: 479px)'; 3067 var MQ_LG = '(min-width: 1920px)'; 3068 3069 function isMobile() { 3070 return window.matchMedia(MQ).matches; 3071 } 3072 3073 function isSmallMobile() { 3074 return window.matchMedia(MQ_SM).matches; 3075 } 3076 3077 function isLargeDesktop() { 3078 return window.matchMedia(MQ_LG).matches; 3079 } 3080 3081 function breakpointKey() { 3082 if (!isMobile()) return isLargeDesktop() ? 'large-desktop' : 'desktop'; 3083 if (!isSmallMobile()) return 'tablet'; 3084 return 'phone'; 3085 } 3086 3087 function shouldApplyRule(when) { 3088 if (when === 'mobile') return isMobile(); 3089 if (when === 'desktop') return !isMobile(); 3090 if (when === 'desktop-not-large') return !isMobile() && !isLargeDesktop(); 3091 if (when === 'large-desktop') return !isMobile() && isLargeDesktop(); 3092 if (when === 'mobile-not-small') return isMobile() && !isSmallMobile(); 3093 if (when === 'small-mobile') return isSmallMobile(); 3094 return false; 3095 } 3096 3097 function isUserControlledVideo(video) { 3098 return video.hasAttribute('controls'); 3099 } 3100 3101 function pruneHiddenSections() { 3102 cfg.pruneRules.forEach(function (rule) { 3103 if (!shouldApplyRule(rule.when)) return; 3104 rule.selectors.forEach(function (sel) { 3105 document.querySelectorAll(sel).forEach(function (el) { 3106 el.remove(); 3107 }); 3108 }); 3109 }); 3110 } 3111 3112 function pauseAndClear(video) { 3113 if (isUserControlledVideo(video)) return; 3114 try { 3115 video.pause(); 3116 video.removeAttribute('src'); 3117 while (video.firstChild) { 3118 video.removeChild(video.firstChild); 3119 } 3120 video.load(); 3121 } catch (e) {} 3122 } 3123 3124 function isEagerVideo(video) { 3125 for (var i = 0; i < cfg.eagerRules.length; i++) { 3126 var rule = cfg.eagerRules[i]; 3127 var when = rule.when || 'always'; 3128 if (when === 'mobile' && !isMobile()) continue; 3129 if (when === 'desktop' && isMobile()) continue; 3130 for (var j = 0; j < rule.selectors.length; j++) { 3131 var sel = rule.selectors[j]; 3132 if (video.matches(sel) || video.closest(sel)) return true; 3133 } 3134 } 3135 return false; 3136 } 3137 3138 function isInInactiveSwiperSlide(video) { 3139 if (!cfg.swiperGuard) return false; 3140 if (video.closest('.looping_mobile_ony')) return false; 3141 var slide = video.closest('.swiper-slide'); 3142 if (!slide) return false; 3143 var swiperEl = slide.closest('.swiper'); 3144 if (!swiperEl || !swiperEl.swiper) return false; 3145 return !slide.classList.contains('swiper-slide-active'); 3146 } 3147 3148 function fixSourceType(source) { 3149 var url = source.getAttribute('data-src') || source.getAttribute('src') || ''; 3150 if (url.indexOf('.webm') !== -1) source.type = 'video/webm'; 3151 else if (url.indexOf('.mp4') !== -1) source.type = 'video/mp4'; 3152 } 3153 3154 function activateVideo(video) { 3155 if (isUserControlledVideo(video)) return; 3156 if (isInInactiveSwiperSlide(video)) return; 3157 3158 if (video.dataset.lazyLoaded === '1') { 3159 video.play().catch(function () {}); 3160 return; 3161 } 3162 3163 var sources = video.querySelectorAll('source[data-src]'); 3164 if (!sources.length) { 3165 sources = video.querySelectorAll('source[src]'); 3166 } 3167 if (!sources.length && video.dataset.video) { 3168 var lazySource = document.createElement('source'); 3169 lazySource.setAttribute('data-src', video.dataset.video); 3170 lazySource.type = video.dataset.video.indexOf('.webm') !== -1 ? 'video/webm' : 'video/mp4'; 3171 video.appendChild(lazySource); 3172 sources = video.querySelectorAll('source[data-src]'); 3173 } 3174 if (!sources.length) return; 3175
3176 sources.forEach(function (source) { 3177 fixSourceType(source); 3178 var url = source.getAttribute('data-src') || source.getAttribute('src'); 3179 if (url && !source.src) { 3180 source.src = url; 3181 } 3182 }); 3183 3184 video.muted = true; 3185 video.playsInline = true; 3186 video.load(); 3187 video.play().then(function () { 3188 video.dataset.lazyLoaded = '1'; 3189 }).catch(function () { 3190 delete video.dataset.lazyLoaded; 3191 }); 3192 } 3193 3194 function deactivateVideo(video) { 3195 if (isEagerVideo(video)) return; 3196 if (video.dataset.lazyLoaded !== '1') return; 3197 video.pause(); 3198 } 3199 3200 function activateEagerVideos() { 3201 cfg.eagerRules.forEach(function (rule) { 3202 var when = rule.when || 'always'; 3203 if (when === 'mobile' && !isMobile()) return; 3204 if (when === 'desktop' && isMobile()) return; 3205 rule.selectors.forEach(function (sel) { 3206 document.querySelectorAll(sel + ' video').forEach(activateVideo); 3207 }); 3208 }); 3209 } 3210 3211 function activateOnHeroReady() { 3212 activateEagerVideos(); 3213 (cfg.onHeroReadySelectors || []).forEach(function (sel) { 3214 document.querySelectorAll(sel).forEach(activateVideo); 3215 }); 3216 } 3217 3218 function prepareVideos(root) { 3219 root.querySelectorAll('video').forEach(function (video) { 3220 video.preload = 'none'; 3221 video.playsInline = true; 3222 if (isUserControlledVideo(video)) return; 3223 3224 video.muted = true; 3225 if (video.hasAttribute('autoplay')) { 3226 video.autoplay = true; 3227 } 3228 3229 video.querySelectorAll('source[src]').forEach(function (source) { 3230 if (!source.getAttribute('data-src')) { 3231 source.setAttribute('data-src', source.getAttribute('src')); 3232 source.removeAttribute('src'); 3233 } 3234 fixSourceType(source); 3235 }); 3236 3237 if (video.dataset.video && !video.querySelector('source[data-src]')) { 3238 var lazySource = document.createElement('source'); 3239 lazySource.setAttribute('data-src', video.dataset.video); 3240 lazySource.type = video.dataset.video.indexOf('.webm') !== -1 ? 'video/webm' : 'video/mp4'; 3241 video.appendChild(lazySource); 3242 } 3243 }); 3244 } 3245 3246 function observeVideos(root) { 3247 if (!('IntersectionObserver' in window)) { 3248 root.querySelectorAll('video').forEach(activateVideo); 3249 return null; 3250 } 3251 3252 var observer = new IntersectionObserver( 3253 function (entries) { 3254 entries.forEach(function (entry) { 3255 if (entry.isIntersecting) { 3256 activateVideo(entry.target); 3257 } else { 3258 deactivateVideo(entry.target); 3259 } 3260 }); 3261 }, 3262 { rootMargin: '200px', threshold: 0.01 } 3263 ); 3264 3265 root.querySelectorAll('video').forEach(function (video) { 3266 if (isEagerVideo(video) || isUserControlledVideo(video)) return; 3267 observer.observe(video); 3268 }); 3269 3270 return observer; 3271 } 3272 3273 function resetLazyState() { 3274 document.querySelectorAll('video').forEach(function (video) { 3275 delete video.dataset.lazyLoaded; 3276 }); 3277 } 3278 3279 function activateVisibleVideos() { 3280 activateEagerVideos(); 3281 document.querySelectorAll('video').forEach(function (video) { 3282 if (isEagerVideo(video)) return; 3283 var rect = video.getBoundingClientRect(); 3284 if (rect.top < window.innerHeight + 200 && rect.bottom > -200) { 3285 activateVideo(video); 3286 } 3287 }); 3288 } 3289 3290 function watchHeroReady(onReady) { 3291 var selector = cfg.heroReadySelector; 3292 if (!selector) { 3293 onReady(); 3294 return; 3295 } 3296 var header = document.querySelector(selector); 3297 if (!header) { 3298 onReady(); 3299 return; 3300 } 3301 if (header.classList.contains('is-hero-ready')) { 3302 onReady(); 3303 return; 3304 } 3305 var heroObserver = new MutationObserver(function () { 3306 if (header.classList.contains('is-hero-ready')) { 3307 heroObserver.disconnect(); 3308 onReady(); 3309 } 3310 }); 3311 heroObserver.observe(header, { attributes: true, attributeFilter: ['class'] }); 3312 } 3313 3314 function initSync() { 3315 pruneHiddenSections(); 3316 prepareVideos(document); 3317 observeVideos(document); 3318 if (!cfg.deferEagerUntilReady) { 3319 activateEagerVideos(); 3320 } 3321 } 3322 3323 function initAsync() { 3324 if (cfg.mobileSwiperRetry && isMobile()) { 3325 activateEagerVideos(); 3326 var tries = 0; 3327 var timer = setInterval(function () { 3328 tries += 1; 3329 var el = document.querySelector('.looping_mobile_ony'); 3330 if ((el && el.swiper) || tries >= 50) { 3331 clearInterval(timer); 3332 activateEagerVideos(); 3333 } 3334 }, 100); 3335 } 3336 3337 if (cfg.swiperCleanupMs) { 3338 setTimeout(function () { 3339 document.querySelectorAll('video').forEach(function (video) { 3340 if (isInInactiveSwiperSlide(video)) { 3341 pauseAndClear(video); 3342 video.dataset.lazyLoaded = ''; 3343 } 3344 }); 3345 document.querySelectorAll('.cases-1').forEach(function (swiperEl) { 3346 if (!swiperEl.swiper) return; 3347 swiperEl.swiper.on('slideChange', function () { 3348 swiperEl.querySelectorAll('video[controls]').forEach(function (video) { 3349 var slide = video.closest('.swiper-slide'); 3350 if (slide && slide.classList.contains('swiper-slide-active')) { 3351 try { video.load(); } catch (e) {} 3352 } 3353 }); 3354 }); 3355 }); 3356 }, cfg.swiperCleanupMs); 3357 } 3358 3359 if (cfg.heroReadySelector) { 3360 watchHeroReady(function () { 3361 activateOnHeroReady(); 3362 activateVisibleVideos(); 3363 }); 3364 } 3365 3366 if (cfg.webflowRetryMs) { 3367 setTimeout(function () { 3368 resetLazyState(); 3369 activateOnHeroReady(); 3370 activateVisibleVideos(); 3371 }, cfg.webflowRetryMs); 3372 } 3373 } 3374 3375 function watchCssReveal() { 3376 if (!document.documentElement.classList.contains('css-loading')) { 3377 activateVisibleVideos(); 3378 return; 3379 } 3380 var observer = new MutationObserver(function () { 3381 if (!document.documentElement.classList.contains('css-loading')) { 3382 observer.disconnect(); 3383 activateVisibleVideos(); 3384 } 3385 }); 3386 observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] }); 3387 } 3388
3389 window.__videoOptimizerActivate = activateVisibleVideos; 3390 3391 initSync(); 3392 watchCssReveal(); 3393 3394 if (document.readyState === 'loading') { 3395 document.addEventListener('DOMContentLoaded', initAsync); 3396 } else { 3397 initAsync(); 3398 } 3399 3400 var initialBp = breakpointKey(); 3401 var resizeTimer; 3402 window.addEventListener('resize', function () { 3403 clearTimeout(resizeTimer); 3404 resizeTimer = setTimeout(function () { 3405 if (breakpointKey() === initialBp) return; 3406 if (window.__videoOptimizerReloading) return; 3407 window.__videoOptimizerReloading = true; 3408 window.location.reload(); 3409 }, 400); 3410 }); 3411})(); 3412})();</script>
3412 3413 3414
3414<script> 3415 function initSentry() { 3416 if (typeof Sentry !== 'undefined') { 3417 Sentry.init({ 3418 dsn: "https://b7fc643fbb970dc3e7dd0d4ec2c36a60@o4511530047373312.ingest.us.sentry.io/4511530058317824", 3419 }); 3420 } 3421 } 3422 if (document.readyState === 'loading') { 3423 document.addEventListener('DOMContentLoaded', initSentry); 3424 } else { 3425 initSentry(); 3426 } 3427</script>
vendor: 1 bytes, line 3427
3427
3428<script defer src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=674b4b796e378b632448767e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3428
3428
3429<script defer src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/tooltip.js" type="text/javascript" integrity="sha384-IIHHs5EyPKqUFNFkmDdboHa7DYH7IF6Cv1v2MqazjClAzrfbpMBVPyz6h7nmw5GS" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3429
3429
3430<script defer src="https://d2j3503r68l9dj.cloudfront.net/assets/js/webflow.js" type="text/javascript"></script>
3430 3431
3432<script> 3433document.addEventListener('DOMContentLoaded', function() { 3434$('.button').hover(function() { 3435 $('.image-button-second, .image-button-first', this).toggleClass('hovered'); 3436}); 3437$('.button').hover(function() { 3438 $('.image-button-second-left, .image-button-first-left', this).toggleClass('hovered'); 3439}); 3440}); 3441</script>
vendor: 1 bytes, line 3441
3441
3442<script> 3443function getCookie(name) { 3444 const v = document.cookie.split('; ').find(row => row.startsWith(name + '=')); 3445 return v ? decodeURIComponent(v.split('=')[1]) : null; 3446} 3447</script>
vendor: 1 bytes, line 3447
3447
3448<script> 3449function getTrackingCookies() { 3450 if (!document.cookie) return null; 3451 const data = document.cookie 3452 .split("; ") 3453 .reduce((acc, c) => { 3454 const [k, ...v] = c.split("="); 3455 acc[decodeURIComponent(k)] = decodeURIComponent(v.join("=")); 3456 return acc; 3457 }, {}); 3458 return Object.keys(data).length ? JSON.stringify(data) : null; 3459} 3460</script>
vendor: 1 bytes, line 3460
3460
3461<script> 3462(function () { 3463 const params = new URLSearchParams(window.location.search); 3464 function setCookie(name, value, days) { 3465 const d = new Date(); 3466 d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000); 3467 document.cookie = 3468 encodeURIComponent(name) + "=" + encodeURIComponent(value) + 3469 ";expires=" + d.toUTCString() + 3470 ";path=/" + 3471 ";domain=.makeugc.ai"; 3472 } 3473 setCookie("utm_domain", window.location.origin + window.location.pathname, 30); 3474 params.forEach((value, key) => { 3475 if (value) { 3476 setCookie(key, value, 30); 3477 console.log(`Set cookie: ${key}`) 3478 } 3479 }); 3480})(); 3481</script>
vendor: 1 bytes, line 3481
3481
3482<script>(function(){const checkoutApiUrl = "https://app.makeugc.ai/api/subscriptions/create-checkout"; 3483 3484document.addEventListener('DOMContentLoaded', function() { 3485 if (window.tolt_referral) { 3486 localStorage.setItem('tolt_referral', window.tolt_referral); 3487 } 3488 document.querySelectorAll('[data-checkout]').forEach(button => { 3489 button.addEventListener('click', async function(e) { 3490 e.preventDefault(); 3491 const priceId = this.getAttribute('data-checkout'); 3492 const toltReferral = localStorage.getItem('tolt_referral'); 3493 const adsTracking = getTrackingCookies(); 3494 try { 3495 const response = await fetch(checkoutApiUrl, { 3496 method: 'POST', 3497 headers: { 3498 'Content-Type': 'application/json', 3499 'Accept': 'application/json' 3500 }, 3501 body: JSON.stringify({ 3502 priceId, 3503 toltReferral, 3504 adsTracking, 3505 }) 3506 }); 3507 if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`); 3508 const data = await response.json(); 3509 if (data.url) { 3510 const url = new URL(data.url); 3511 if (toltReferral) { 3512 url.searchParams.append('tolt_referral', toltReferral); 3513 } 3514 window.location.href = url.toString(); 3515 } 3516 } catch (error) { 3517 console.error('Checkout error:', error); 3518 } 3519 }); 3520 }); 3521}); 3522})();</script>
vendor: 1 bytes, line 3522
3522
3523<script> 3524document.querySelectorAll('.carousel').forEach((carousel) => { 3525 const track = carousel.querySelector('.carousel-track'); 3526 const prevBtn = carousel.querySelector('.carousel-prev'); 3527 const nextBtn = carousel.querySelector('.carousel-next'); 3528 const duration = 400; 3529 function getStep() { 3530 const card = track.querySelector('.carousel-card'); 3531 const gap = 20; 3532 return card.offsetWidth + gap; 3533 } 3534 nextBtn.addEventListener('click', () => { 3535 const step = getStep(); 3536 track.style.transition = 'transform 0.4s ease'; 3537 track.style.transform = `translateX(-${step}px)`; 3538 setTimeout(() => { 3539 const first = track.firstElementChild; 3540 track.appendChild(first); 3541 track.style.transition = 'none'; 3542 track.style.transform = 'translateX(0)'; 3543 }, duration); 3544 }); 3545 prevBtn.addEventListener('click', () => { 3546 const step = getStep(); 3547 const last = track.lastElementChild; 3548 track.prepend(last); 3549 track.style.transition = 'none'; 3550 track.style.transform = `translateX(-${step}px)`; 3551 requestAnimationFrame(() => { 3552 track.style.transition = 'transform 0.4s ease'; 3553 track.style.transform = 'translateX(0)'; 3554 }); 3555 }); 3556}); 3557</script>
vendor: 1 bytes, line 3557
3557
3558<script> 3559window.addEventListener('load', () => { 3560 document.querySelectorAll('.marquee').forEach((marquee) => { 3561 const track = marquee.querySelector('.marquee-track'); 3562 const content = marquee.querySelector('.marquee-content'); 3563 while (track.scrollWidth < marquee.offsetWidth * 2) { 3564 track.appendChild(content.cloneNode(true)); 3565 } 3566 const width = content.getBoundingClientRect().width; 3567 const exactWidth = Math.round(width); 3568 track.style.setProperty('--scroll-width', exactWidth + 'px'); 3569 const speed = 80; 3570 const duration = exactWidth / speed; 3571 track.style.animationDuration = duration + 's'; 3572 }); 3573}); 3574</script>
vendor: 1 bytes, line 3574
3574
3575<script defer src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.8.4/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3575
3575
3576<script> 3577document.addEventListener('DOMContentLoaded', function () { 3578 if (typeof Swiper === 'undefined') return; 3579 if (document.querySelector('.looping_mobile_ony')) { 3580 new Swiper('.looping_mobile_ony', { 3581 slidesPerView: "auto", 3582 spaceBetween: 16, 3583 navigation: { 3584 nextEl: '#hero-right', 3585 prevEl: '#hero-left', 3586 }, 3587 pagination: { 3588 el: "#pagination-cases", 3589 clickable: true, 3590 }, 3591 }); 3592 } 3593 if (document.querySelector('.cases-1')) { 3594 new Swiper('.cases-1', { 3595 slidesPerView: "auto", 3596 spaceBetween: 27, 3597 navigation: { 3598 nextEl: '#case-right', 3599 prevEl: '#case-left', 3600 }, 3601 pagination: { 3602 el: "#pagination-cases", 3603 clickable: true, 3604 }, 3605 }); 3606 } 3607 if (document.querySelector('.avatar_1')) { 3608 new Swiper('.avatar_1', { 3609 slidesPerView: "auto", 3610 spaceBetween: 16, 3611 navigation: { 3612 nextEl: '#first-right', 3613 prevEl: '#first-left', 3614 }, 3615 pagination: { 3616 el: "#swiper-pagination2", 3617 clickable: true, 3618 }, 3619 breakpoints: { 3620 991: { 3621 centeredSlides: true, 3622 initialSlide: 2, 3623 spaceBetween: 95, 3624 } 3625 } 3626 }); 3627 } 3628}); 3629</script>
vendor: 1 bytes, line 3629
3629
3630<script> 3631const loopingElements = document.querySelectorAll('.looping_hero-part-whle-cooking, .looping_hero-part-whle-cooking-v2'); 3632loopingElements.forEach((element) => { 3633 element.addEventListener('mouseenter', () => { 3634 loopingElements.forEach((el) => { 3635 el.style.animationPlayState = 'paused'; 3636 }); 3637 }); 3638 element.addEventListener('mouseleave', () => { 3639 loopingElements.forEach((el) => { 3640 el.style.animationPlayState = 'running'; 3641 }); 3642 }); 3643}); 3644</script>
vendor: 1 bytes, line 3644
3644
3645<script>(function(){const pricingConfig = [{"labelClass":"papi-startup-pricing","buttonClass":"papi-btn-startup-pricing","monthlyPrice":"$59","quarterlyPrice":"$41","yearlyPrice":"$29","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h_startup_quarterly_59","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-startup-59"},{"labelClass":"papi-growth-pricing","buttonClass":"papi-btn-growth-pricing","monthlyPrice":"$79","quarterlyPrice":"$55","yearlyPrice":"$39","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-growth-79-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-quarterly-growth-79","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-growth-79"},{"labelClass":"papi-pro-pricing","buttonClass":"papi-btn-pro-pricing","monthlyPrice":"$149","quarterlyPrice":"$104","yearlyPrice":"$79","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-quarterly-pro-149","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-pro-149"},{"labelClass":"papi-api-starter","monthlyPrice":"$99","yearlyPrice":"$50"},{"labelClass":"papi-api-pro","monthlyPrice":"$299","yearlyPrice":"$150"}]; 3646 3647window.addEventListener("load", function () { 3648 // PricingV2 owns billing when it renders the Monthly / Quarterly / Annually segment. 3649 if (document.querySelector("#pricing-v2 [data-billing]")) return; 3650 3651 const toggle = document.getElementById("billing-toggle"); 3652 const monthlyLabel = document.getElementById("monthly-label"); 3653 const yearlyLabel = document.getElementById("yearly-label"); 3654 if (!toggle) return; 3655 const hasProTierPicker = !!document.querySelector("[data-pro-tier-picker]"); 3656 function updatePricing() { 3657 const isYearly = toggle.checked; 3658 if (isYearly) { 3659 yearlyLabel.classList.add("active"); 3660 monthlyLabel.classList.remove("active"); 3661 } else { 3662 monthlyLabel.classList.add("active"); 3663 yearlyLabel.classList.remove("active"); 3664 } 3665 pricingConfig.forEach(item => { 3666 const skipProTierPicker = 3667 hasProTierPicker && 3668 (item.labelClass === "papi-pro-pricing" || item.buttonClass === "papi-btn-pro-pricing"); 3669 if (skipProTierPicker) return; 3670 const priceElements = document.querySelectorAll("." + item.labelClass); 3671 priceElements.forEach(el => { 3672 el.textContent = isYearly ? item.yearlyPrice : item.monthlyPrice; 3673 }); 3674 const buttonElements = document.querySelectorAll("." + item.buttonClass); 3675 buttonElements.forEach(btn => { 3676 if (skipProTierPicker) return; 3677 const newUrl = isYearly ? item.yearlyUrl : item.monthlyUrl; 3678 btn.setAttribute("href", newUrl); 3679 }); 3680 }); 3681 const apiStarterButtons = document.querySelectorAll(".papi-btn-api-starter"); 3682 apiStarterButtons.forEach(btn => { 3683 btn.setAttribute("data-checkout", isYearly ? "price_1TbijkLUR872TBc8GIacEopK" : "price_1Tb0YrLUR872TBc87EMU6cNN"); 3684 }); 3685 const apiProButtons = document.querySelectorAll(".papi-btn-api-pro"); 3686 apiProButtons.forEach(btn => { 3687 btn.setAttribute("data-checkout", isYearly ? "price_1TbikiLUR872TBc88K2k5lEG" : "price_1Tb0fHLUR872TBc8sN9zXAzI"); 3688 }); 3689 const monthlyBadges = document.querySelectorAll(".papi-img-badge-monthly"); 3690 const yearlyBadges = document.querySelectorAll(".papi-img-badge-yearly"); 3691 monthlyBadges.forEach(el => { el.style.display = isYearly ? "none" : ""; }); 3692 yearlyBadges.forEach(el => { el.style.display = isYearly ? "" : "none"; }); 3693 } 3694 toggle.addEventListener("change", updatePricing); 3695 updatePricing(); 3696}); 3697})();</script>
vendor: 1 bytes, line 3697
3697
3698<script> 3699document.addEventListener('DOMContentLoaded', () => { 3700 const tiles = document.querySelectorAll('.ac-rail .ac-tile'); 3701 const dots = document.querySelectorAll('.ac-dots i'); 3702 const captions = { 3703 build1: "Actors that hold your product", 3704 build2: "Actors that wear your clothing", 3705 build3: "Actors who bring your product to life" 3706 }; 3707 function updateCaption() { 3708 const mainVideo = document.querySelector(".ac-tile.main video"); 3709 const caption = captions[mainVideo.id] || ""; 3710 document.querySelector(".ac-cap").textContent = caption; 3711 } 3712 tiles.forEach((tile, index) => { 3713 tile.addEventListener('click', () => { 3714 tiles.forEach(t => { 3715 t.classList.remove('main'); 3716 t.classList.add('side'); 3717 }); 3718 tile.classList.remove('side'); 3719 tile.classList.add('main'); 3720 dots.forEach(dot => dot.classList.remove('on')); 3721 if (dots[index]) { 3722 dots[index].classList.add('on'); 3723 } 3724 updateCaption(); 3725 }); 3726 }); 3727}); 3728</script>
vendor: 1 bytes, line 3728
3728
3729<script>(function(){const appOrigin = "https://app.makeugc.ai"; 3730const prodOrigin = "https://app.makeugc.ai"; 3731 3732document.addEventListener("DOMContentLoaded", function () { 3733 if (appOrigin === prodOrigin) return; 3734 document.querySelectorAll('a[href*="app.makeugc.ai"]').forEach(function (link) { 3735 const href = link.getAttribute("href"); 3736 if (!href) return; 3737 link.setAttribute("href", href.split(prodOrigin).join(appOrigin)); 3738 }); 3739}); 3740})();</script>
3740 3741 3742</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.