Stock Video Footage Subscription Premium

<!DOCTYPE html> <html lang="en" class="scroll-smooth"> <head> <link rel="dns-prefetch" href="https://www.googletagmanager.com/" > <link rel="dns-prefetch" href="https://ssm.codes" > <link rel="dns-prefetch" href="https://try.abtasty.com" > <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" > <link rel="dns-prefetch" href="https://googleoptimize.com" > <link rel="dns-prefetch" href="https://aax.amazon-adsystem.com" > <link rel="dns-prefetch" href="https://resources.videvo.net" > <script> document.addEventListener("DOMContentLoaded", function() { function checkOptanonConsentAndLoadScripts() { //Get a cookie by name function getCookie(name) { let cookieValue = null; if (document.cookie && document.cookie !== '') { let cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { let cookie = cookies[i].trim(); if (cookie.substring(0, name.length + 1) === (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } // Parse the OptanonConsent cookie let optanonConsent = getCookie("OptanonConsent"); if (optanonConsent) { let groupsString = optanonConsent.split('&').find(segment => segment.startsWith("groups")); if (groupsString) { if (groupsString.includes("C0002:1")) { // Update Alpine store waitForAlpineAndUpdateStore(); } } } } function waitForAlpineAndUpdateStore() { const intervalId = setInterval(() => { if (window.Alpine && Alpine.store('scriptLoader')) { Alpine.store('scriptLoader').loadScripts = true; clearInterval(intervalId); // Clear the interval once the store is updated } }, 100); // Check every 100ms } checkOptanonConsentAndLoadScripts(); // Move loadOneTrustScript function out of the event handler function loadOneTrustScript(src) { return new Promise((resolve, reject) => { if (!document.querySelector(`script[src='${src}']`)) { let script = document.createElement('script'); script.onload = resolve; script.onerror = reject; script.src = src; script.id = 'onetrust_modal'; script.setAttribute('data-document-language', true); script.setAttribute('charset', 'UTF-8'); script.setAttribute('data-domain-script', "e616b904-3acd-4e4b-ad07-5deddea821ea"); document.body.appendChild(script); } else { resolve(); } }); } // List of events grouped by device type const mouseEvents = ["mousemove", "scroll", "mousedown", "DOMMouseScroll", "mousewheel", "keyup"]; const touchEvents = ["touchstart", "touchmove"]; // Combine both event types const allEvents = [...mouseEvents, ...touchEvents]; allEvents.forEach(evt => { document.documentElement.addEventListener(evt, e => { if(!document.getElementById('onetrust_modal')) { loadOneTrustScript('https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js').then(() => { // Ensure this function is only defined after the script has loaded let OptanonWrapper = function() { }; }); } }, { passive: true }); // Setting passive to true to improve scroll performance }); document.body.addEventListener('click', function(event) { // Check for clicks on specific elements by ID or class if (event.target.id === 'onetrust-accept-btn-handler' || event.target.closest('#onetrust-accept-btn-handler') || event.target.id === 'accept-recommended-btn-handler' || event.target.closest('#accept-recommended-btn-handler') || event.target.classList.contains('save-preference-btn-handler') || event.target.closest('.save-preference-btn-handler')) { checkOptanonConsentAndLoadScripts(); } }); }); </script> <script> var dataLayer = window.dataLayer || []; </script> <template x-data x-if="Alpine.store('scriptLoader')?.loadScripts" id="gtm-script"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WVLJMDF');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVLJMDF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </template> <template x-data x-if="Alpine.store('scriptLoader')?.loadScripts" id="header-scripts"> <script type="text/javascript" src="https://try.abtasty.com/593d43b36a4f51dce420ba5c9e3d0b51.js"></script> </template> <template x-data x-if="Alpine.store('scriptLoader')?.loadScripts"> <script src="https://ssm.codes/smart-tag/videvonet.js"></script> </template>  <title>Stock Video Footage Subscription Premium</title> <meta name="description" content="Download free stock video footage with 4k and HD clips available. Click here to download royalty-free licensing videos from Videvo today."> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.videvo.net/premium-plans/"> <meta property="og:title" content="Stock Video Footage Subscription Premium"> <meta property="og:description" content="Download free stock video footage with 4k and HD clips available. Click here to download royalty-free licensing videos from Videvo today."> <meta property="og:site_name" content="Free Stock Footage - Videvo.net"> <meta property="og:image" content="https://www.videvo.net/images/og-image-new.png"> <link rel="alternate" hreflang="x-default" href="https://www.videvo.net/premium-plans/"> <link rel="alternate" hreflang="en" href="https://www.videvo.net/premium-plans/"> <link rel="alternate" hreflang="es" href="https://www.videvo.net/es/premium-plans/"> <link rel="alternate" hreflang="de" href="https://www.videvo.net/de/premium-plans/"> <link rel="canonical" href="https://www.videvo.net/premium-plans/">  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#ffffff"> <link rel="preload" href="https://www.videvo.net/build/assets/Inter-Regular.1c73d805.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.videvo.net/build/assets/Inter-Semibold.8288b418.woff2" as="font" type="font/woff2" crossorigin> <meta name="robots" content="noindex"> <meta name="robots" content="nofollow">  <link rel="preload" href="https://www.videvo.net/build/assets/app.c065773d.css" as="style"> <link rel="stylesheet" href="https://www.videvo.net/build/assets/app.c065773d.css"> <style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="flex min-h-screen flex-col overflow-y-scroll font-custom antialiased scroll-smooth"> <template x-data x-if="Alpine.store('scriptLoader')?.googleLogin"> <script src="https://accounts.google.com/gsi/client?hl=en" async defer></script> </template> <div id="credential_picker_container" style="position: fixed; z-index: 9999; height: 232px;"></div> <header x-data="initHeader()" class="header-transparent fixed top-0 left-0 right-0 z-50 flex flex-col lg:flex"> <div class="flex min-h-[3.5rem] items-center justify-between gap-2 px-4 max-xs:px-3 duration-300 lg:h-16 lg:gap-0 lg:transition-all max-lg:h-full w-full" :class="{'max-lg:items-start max-xs:items-center max-xs:pt-2': openSearch}"> <div class="flex flex-1 items-center gap-3 sm:gap-4 lg:gap-8 max-lg:!gap-y-0" :class="{'max-lg:h-full max-lg:flex-wrap max-sm:max-w-[80%]': openSearch}"> <a href="/#rs=videvo-logo" class="flex flex-1 items-center lg:flex-none order-0 sm:min-w-[90px]"> <img loading="lazy" src="/images/logo_rebranding.svg" width="118" height="24" alt="Videvo logo" class="max-xs:hidden" :class="{'max-xs:!block': openSearch, 'max-xs:!block': false }"/> <img loading="lazy" src="/images/logo-small.svg" width="19.8" height="21.9" alt="Videvo logo" class="max-xs:block hidden" :class="{'max-xs:!hidden': openSearch, 'max-xs:!hidden': false }"/> </a> <div class="max-navbar:hidden max-w-xl flex-1 items-center py-2 flex order-0" :class="{ 'max-navbar:hidden': !openSearch, 'max-navbar:basis-full max-navbar:order-3 max-sm:max-w-full': openSearch }"> <div x-data="initFormSearch()" class="w-full" > <form x-data="$store.suggestionsStore" x-init="query=''; lang = 'en'; type = category;" id="search" action="/search/" class="bg-gray-150 h-9 relative flex flex-1 rounded max-w-full" @submit.prevent.stop=" query = document.querySelector('#searchInput').value; // Manually sync the query validateSearch(); $store.suggestionsStore.incrementQuerySearchCount(query, type, 'en'); " > <button type="submit"></button> <div class="flex justify-center"> <div x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class="relative">  <button x-ref="button" x-on:click="toggle(); console.log('test')" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="bg-gray-50 border-gray-300 flex h-full items-center gap-2 whitespace-nowrap rounded-tl rounded-bl border-r pl-3 pr-2 max-xs:pl-2 font-semibold text-gray-900"> <span :class="`hidden`"> All videos </span> <span class="max-xs:block hidden mr-3"> <svg x-cloak="1" x-show="categoryIconIndex == 1" class="fill-current h-6 w-6" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.6493 23C24.0076 23.0002 24.3513 22.8463 24.6046 22.5723C24.858 22.2984 25.0002 21.9267 25 21.5393V6.4607C25.0002 6.07328 24.858 5.70165 24.6046 5.42767C24.3513 5.1537 24.0076 4.99984 23.6493 5H4.35096C3.99262 4.99984 3.64891 5.15369 3.39553 5.42766C3.14214 5.70162 2.99986 6.07325 3 6.4607V21.5393C2.99986 21.9268 3.14214 22.2984 3.39553 22.5723C3.64891 22.8463 3.99262 23.0002 4.35096 23H23.6493ZM23 21H5V7H23V21ZM14.4991 15.9991L18 13.9994L14.4991 12.0012L11 10V18L14.4991 15.9991Z" fill="#2B2B2B"/> </svg> <svg x-cloak="1" x-show="categoryIconIndex == 2" class="fill-current h-6 w-6" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M9.48816 3.81992C9.3405 2.98594 8.61316 2.35156 7.73816 2.35156H2.05066C1.07175 2.35156 0.273315 3.15 0.273315 4.12891V9.87109C0.273315 10.85 1.07175 11.6484 2.05066 11.6484H7.73816C8.61316 11.6484 9.3405 11.0141 9.48816 10.1801V3.81992Z" /><path d="M13.3849 3.89087C13.1743 3.76782 12.9118 3.76782 12.7013 3.89087L10.5822 5.11587V8.9057L12.7013 10.128C12.8079 10.1881 12.9255 10.2182 13.0431 10.2182C13.1607 10.2182 13.2782 10.1881 13.3849 10.128C13.5954 10.0049 13.7267 9.7807 13.7267 9.53461V4.48423C13.7267 4.23813 13.5954 4.01392 13.3849 3.89087Z" /></svg> <svg x-cloak="1" x-show="categoryIconIndex == 3" class="fill-current h-6 w-6" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13 4.05078V6.07078C11.5777 6.24887 10.23 6.80867 9.10005 7.69078L7.68005 6.26078C9.16005 5.05078 10.99 4.25078 13 4.05078ZM6.26005 7.68078L7.69005 9.10078C6.83005 10.2108 6.25005 11.5408 6.07005 13.0008H4.05005C4.24595 11.0483 5.01486 9.19737 6.26005 7.68078ZM6.07005 15.0008H4.05005C4.25005 17.0108 5.05005 18.8408 6.26005 20.3208L7.69005 18.8908C6.80641 17.7655 6.24632 16.4206 6.07005 15.0008ZM13 23.9508C11.048 23.753 9.19762 22.9843 7.68005 21.7408L9.10005 20.3108C10.23 21.1929 11.5777 21.7527 13 21.9308V23.9508ZM24 14.0008C24 19.1608 20.08 23.4208 15.05 23.9508V21.9308C18.97 21.4108 22 18.0508 22 14.0008C22 9.95078 18.97 6.59078 15.05 6.07078V4.05078C20.08 4.58078 24 8.84078 24 14.0008ZM12 10.0008L15.05 12.0363L18 14.0008L15.05 15.9652L12 18.0008V10.0008Z" fill="#2B2B2B"/> </svg> <svg x-cloak="1" x-show="categoryIconIndex == 4" class="fill-current h-6 w-6" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.578 0.752131C6.32256 0.646311 6.02853 0.704826 5.83302 0.900307L3.29886 3.43447H1.77734C0.797316 3.43447 0 4.23179 0 5.21181V8.82119C0 9.80122 0.797316 10.5985 1.77734 10.5985H3.29889L5.83305 13.1327C6.02856 13.3282 6.32256 13.3867 6.57803 13.2809C6.83348 13.1751 7.00003 12.9258 7.00003 12.6493V1.38369C7 1.10722 6.83345 0.857951 6.578 0.752131ZM5.63281 10.9991L4.06541 9.43171C3.93723 9.30352 3.76335 9.2315 3.58203 9.2315H1.77734C1.55118 9.2315 1.36719 9.04751 1.36719 8.82135V5.21197C1.36719 4.98581 1.55118 4.80181 1.77734 4.80181H3.58203C3.76332 4.80181 3.9372 4.72979 4.06541 4.6016L5.63281 3.03418V10.9991ZM8.77734 12.2392C8.39981 12.2392 8.09375 11.9331 8.09375 11.5556C8.09375 11.1781 8.39981 10.872 8.77734 10.872C10.9033 10.872 12.6328 9.14246 12.6328 7.01654C12.6328 4.89062 10.9033 3.16107 8.77734 3.16107C8.39981 3.16107 8.09375 2.85501 8.09375 2.47748C8.09375 2.09994 8.39981 1.79388 8.77734 1.79388C11.6571 1.79388 14 4.13675 14 7.01654C14 9.89633 11.6571 12.2392 8.77734 12.2392ZM8.77734 9.50482C8.39981 9.50482 8.09375 9.19876 8.09375 8.82123C8.09375 8.44369 8.39981 8.13763 8.77734 8.13763C9.3955 8.13763 9.89844 7.6347 9.89844 7.01654C9.89844 6.39838 9.3955 5.89545 8.77734 5.89545C8.39981 5.89545 8.09375 5.58939 8.09375 5.21185C8.09375 4.83432 8.39981 4.52826 8.77734 4.52826C10.1494 4.52826 11.2656 5.64448 11.2656 7.01654C11.2656 8.38859 10.1494 9.50482 8.77734 9.50482Z" /></svg> <svg x-cloak="1" x-show="categoryIconIndex == 5" class="fill-current h-6 w-6" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M20.1202143,11.0688896 C19.9916176,10.7181707 19.6928864,10.4857143 19.3389286,10.4857143 C18.9939471,10.4857143 18.67665,10.7077729 18.5470666,11.0955411 L17.4969177,14.2483969 L15.7319757,5.07275157 C15.6432177,4.60987347 15.2986832,4.33333333 14.9096429,4.33333333 C14.4924205,4.33333333 14.1390469,4.64553063 14.0726633,5.12578744 L12.5870974,15.8472742 L11.2070146,9.40281819 C11.1105702,8.95178445 10.7677335,8.68452381 10.385,8.68452381 C10.0206587,8.68452381 9.69381818,8.92717816 9.57837727,9.34445402 L8.29182875,14.0205753 L7.50795763,11.9611838 C7.37752625,11.6174539 7.0792676,11.3904762 6.72928571,11.3904762 C6.44411951,11.3904762 6.18906438,11.544319 6.03295091,11.7978366 L4.74225033,13.8571429 L2.53571429,13.8571429 C2.04761671,13.8571429 1.66666667,14.2804207 1.66666667,14.7857143 C1.66666667,15.2910079 2.04761671,15.7142857 2.53571429,15.7142857 L5.19714286,15.7142857 C5.48070356,15.7142857 5.74026583,15.5619221 5.89482186,15.310053 L6.55249238,14.267153 L7.64351083,17.1305876 C7.77508201,17.476633 8.06766243,17.7011905 8.41892857,17.7011905 C8.80310547,17.7011905 9.12006385,17.430115 9.22775274,17.0398578 L10.2845491,13.1979296 L11.9426182,20.9459442 C12.0406837,21.3994208 12.3749338,21.6666667 12.7614286,21.6666667 C13.1789643,21.6666667 13.5321397,21.3540822 13.5984292,20.8728697 L15.0412899,10.4597015 L16.4530211,17.8010416 C16.5393078,18.2506582 16.8861584,18.5416667 17.2807143,18.5416667 C17.6483058,18.5416667 17.9453664,18.3010721 18.0692054,17.9323069 L19.3748645,14.0162989 L20.5751519,17.2989923 C20.7037056,17.6495937 21.0035455,17.8821429 21.3575,17.8821429 C21.6402762,17.8821429 21.8952471,17.7296379 22.0502996,17.4788739 L23.210978,15.697619 L25.4728571,15.697619 C25.956669,15.697619 26.3333333,15.2791031 26.3333333,14.7785714 C26.3333333,14.2779477 25.9567247,13.8571429 25.4728571,13.8571429 L22.7707143,13.8571429 C22.4889028,13.8571429 22.2305569,14.0121285 22.0765685,14.2620473 L21.5625855,15.0146298 L20.1202143,11.0688896 Z"></path></svg> </span> <span x-cloak x-text="categoryText" class="max-xs:hidden"></span> <svg class="fill-current h-4 w-4 rotate-90 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button>  <div x-ref="panel" x-show="open" x-cloak x-transition.origin.top.left :id="$id('dropdown-button')" style="display: block;" class="absolute left-0 z-20 mt-2 rounded-md bg-white p-2 shadow-md"> <button x-on:click.prevent="setCategory('video', 'All Videos'); categoryIconIndex = 1;" :class="category === 'videos' ? 'font-semibold bg-blue-500 text-white' : 'text-gray-800 hover:bg-gray-150'" class="flex w-full items-center gap-2 whitespace-nowrap rounded px-4 py-2 text-left"> <svg class="fill-current h-6 w-6 mr-2" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.44271 6.03372L11.9519 8.74864C12.0815 8.82669 12.1612 8.96961 12.1612 9.12411C12.1612 9.27862 12.0815 9.42154 11.9519 9.49959L7.44271 12.2145C7.37675 12.2542 7.30288 12.2741 7.22903 12.2741C7.15641 12.2741 7.0838 12.2549 7.01863 12.2165C6.88713 12.1389 6.80603 11.9949 6.80603 11.839V6.4092C6.80603 6.2533 6.88713 6.1093 7.01863 6.03175C7.15011 5.95422 7.3119 5.95495 7.44271 6.03372Z" fill="#121212"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.96875 2.375C0.882 2.375 0 3.257 0 4.34375V13.9062C0 14.4284 0.207421 14.9292 0.576633 15.2984C0.945846 15.6676 1.44661 15.875 1.96875 15.875H16.0312C16.5534 15.875 17.0542 15.6676 17.4234 15.2984C17.7926 14.9292 18 14.4284 18 13.9062V4.34375C18 3.257 17.118 2.375 16.0312 2.375H1.96875ZM1.76988 4.14488C1.82262 4.09213 1.89416 4.0625 1.96875 4.0625H16.0312C16.1058 4.0625 16.1774 4.09213 16.2301 4.14488C16.2829 4.19762 16.3125 4.26916 16.3125 4.34375V13.9062C16.3125 13.9808 16.2829 14.0524 16.2301 14.1051C16.1774 14.1579 16.1058 14.1875 16.0312 14.1875H1.96875C1.8135 14.1875 1.6875 14.0615 1.6875 13.9062V4.34375C1.6875 4.26916 1.71713 4.19762 1.76988 4.14488Z" fill="#121212"/> </svg> All videos <svg x-show="category === 'video'" class="fill-current ml-auto h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </button> <button x-on:click.prevent="setCategory('footage', 'Footage'); categoryIconIndex = 2;" :class="category === 'footage' ? 'font-semibold bg-blue-500 text-white' : 'text-gray-800 hover:bg-gray-150'" class="flex w-full items-center gap-2 whitespace-nowrap rounded px-4 py-2 text-left"> <svg class="fill-current h-6 w-6 mr-2" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2753 5.92695C17.0433 5.76172 16.7444 5.71953 16.4737 5.81797L13.0425 7.03437V6.18359C13.0425 4.925 12.0159 3.89844 10.7573 3.89844H2.63623C1.37764 3.89844 0.351074 4.925 0.351074 6.18359V13.5664C0.351074 14.825 1.37764 15.8516 2.63623 15.8516H10.7573C12.0159 15.8516 13.0425 14.825 13.0425 13.5664V12.7367L16.4737 13.9566C16.5687 13.9918 16.6671 14.0059 16.769 14.0059C16.9483 14.0059 17.1241 13.9496 17.2753 13.8441C17.5073 13.6789 17.6479 13.4117 17.6479 13.127V6.64766C17.6479 6.35937 17.5108 6.09219 17.2753 5.92695ZM11.2847 13.5664C11.2847 13.8582 11.0491 14.0938 10.7573 14.0938H2.63623C2.34443 14.0938 2.10889 13.8582 2.10889 13.5664V6.18359C2.10889 5.8918 2.34443 5.65625 2.63623 5.65625H10.7573C11.0491 5.65625 11.2847 5.8918 11.2847 6.18359V13.5664ZM15.8901 11.8824L13.0917 10.8875C13.0741 10.8805 13.0601 10.877 13.0425 10.8734V8.89766C13.0601 8.89414 13.0741 8.88711 13.0917 8.88359L15.8901 7.88867V11.8824Z" fill="#121212"/> </svg> Footage <svg x-show="category === 'footage'" class="fill-current ml-auto h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </button> <button x-on:click.prevent="setCategory('motion-graphics', 'Motion Graphics'); categoryIconIndex = 3;" :class="category === 'motion-graphics' ? 'font-semibold bg-blue-500 text-white' : 'text-gray-800 hover:bg-gray-150'" class="flex w-full items-center gap-2 whitespace-nowrap rounded px-4 py-2 text-left"> <svg class="fill-current h-6 w-6 mr-2" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_397_120076)"> <path d="M8.07519 0.375V2.20214C6.79183 2.36322 5.5759 2.86957 4.55639 3.66746L3.27519 2.374C4.61053 1.27952 6.26165 0.555905 8.07519 0.375Z" fill="#121212"/> <path d="M1.99399 3.65842L3.28421 4.94284C2.50827 5.94686 1.98496 7.14987 1.82256 8.47048H0C0.176757 6.70442 0.870507 5.0302 1.99399 3.65842Z" fill="#121212"/> <path d="M0 10.2795H1.82256C1.9816 11.5638 2.48694 12.7803 3.28421 13.7981L1.99399 15.0916C0.902256 13.7529 0.180451 12.0976 0 10.2795Z" fill="#121212"/> <path d="M8.07519 18.375C6.31398 18.1961 4.64443 17.5008 3.27519 16.376L4.55639 15.0825C5.5759 15.8804 6.79183 16.3868 8.07519 16.5479V18.375Z" fill="#121212"/> <path d="M9.92481 18.375C14.4632 17.8956 18 14.0423 18 9.375C18 4.70766 14.4632 0.854397 9.92481 0.375V2.20214C13.4617 2.67249 16.1955 5.71168 16.1955 9.375C16.1955 13.0383 13.4617 16.0775 9.92481 16.5479V18.375Z" fill="#121212"/> <path d="M7.72418 6.28372L12.2333 8.99864C12.363 9.07669 12.4426 9.21961 12.4426 9.37411C12.4426 9.52862 12.363 9.67154 12.2333 9.74959L7.72418 12.4645C7.65822 12.5042 7.58435 12.5241 7.5105 12.5241C7.43788 12.5241 7.36527 12.5049 7.3001 12.4665C7.1686 12.3889 7.0875 12.2449 7.0875 12.089V6.6592C7.0875 6.5033 7.1686 6.3593 7.3001 6.28175C7.43158 6.20422 7.59337 6.20495 7.72418 6.28372Z" fill="#121212"/> </g> <defs> <clipPath id="clip0_397_120076"> <rect width="18" height="18" fill="white" transform="translate(0 0.375)"/> </clipPath> </defs> </svg> Motion graphics <svg x-show="category === 'motion-graphics'" class="fill-current ml-auto h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </button> <button x-on:click.prevent="setCategory('music', 'Music'); categoryIconIndex = 4;" :class="category === 'music' ? 'font-semibold bg-blue-500 text-white' : 'text-gray-800 hover:bg-gray-150'" class="flex w-full items-center gap-2 whitespace-nowrap rounded px-4 py-2 text-left"> <svg class="fill-current h-6 w-6 mr-2" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7498 13.0035C15.7472 15.019 14.2227 16.008 12.8261 16.008C11.6474 16.008 10.5288 15.3029 10.5288 13.9134C10.5288 12.4824 12.0964 11.1681 13.8115 11.1681C14.0217 11.1681 14.2331 11.1875 14.4446 11.229V5.63984L6.61308 7.23285V14.2971C6.61047 16.3139 5.07289 17.3042 3.66583 17.3042C2.48328 17.3042 1.39209 16.6017 1.39209 15.2173C1.39209 13.7838 2.95969 12.463 4.6787 12.463C4.88754 12.463 5.09899 12.4824 5.31044 12.5239V4.07276L15.7498 1.75V13.0035V13.0035Z" fill="#121212"/> </svg> Music <svg x-show="category === 'music'" class="fill-current ml-auto h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </button> <button x-on:click.prevent="setCategory('sound-effects', 'Sound Effects'); categoryIconIndex = 5;" :class="category === 'sound-effects' ? 'font-semibold bg-blue-500 text-white' : 'text-gray-800 hover:bg-gray-150'" class="flex w-full items-center gap-2 whitespace-nowrap rounded px-4 py-2 text-left"> <svg class="fill-current h-6 w-6 mr-2" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.21209 3.075C9.27151 2.65982 9.59376 2.375 9.98642 2.375C10.3533 2.375 10.6686 2.62824 10.7482 3.02877L12.0687 9.65863L12.7678 7.63139C12.8847 7.29368 13.1766 7.09058 13.5017 7.09058C13.8358 7.09058 14.1104 7.3031 14.2261 7.60793L15.2967 10.4362L15.5813 10.0338C15.7219 9.81496 15.9604 9.67466 16.2254 9.67466H17.206C17.6597 9.67466 18 10.0536 18 10.4882C18 10.9231 17.6593 11.2999 17.206 11.2999H16.635L15.7474 12.6155C15.606 12.8355 15.3699 12.9743 15.1038 12.9743C14.7699 12.9743 14.4943 12.7619 14.3785 12.457L13.5351 10.2292L12.5994 12.9394C12.4884 13.2587 12.2149 13.4798 11.8682 13.4798C11.4961 13.4798 11.1796 13.2146 11.1022 12.8251L10.1087 7.83563L9.05585 15.1739C8.99653 15.5897 8.67454 15.875 8.28149 15.875C7.91691 15.875 7.61071 15.6295 7.52304 15.238L6.30223 9.72864L5.58411 12.2499C5.48743 12.5882 5.19736 12.8356 4.83506 12.8356C4.50379 12.8356 4.23423 12.6299 4.11579 12.3291L3.32911 10.3351L2.92613 10.9523C2.78469 11.1745 2.54429 11.3127 2.27809 11.3127H0.800831C0.344052 11.3127 0 10.9322 0 10.4937C0 10.0552 0.344052 9.67466 0.800831 9.67466H1.85557L2.84681 8.14732C2.98883 7.92484 3.22541 7.78405 3.49407 7.78405C3.82387 7.78405 4.09824 7.99115 4.21595 8.29071L4.71718 9.56243L5.64813 6.29469C5.75196 5.93224 6.05227 5.71003 6.39543 5.71003C6.75575 5.71003 7.06985 5.95428 7.15647 6.34542L8.11966 10.6891L9.21209 3.075Z" fill="#121212"/> </svg> Sound effects <svg x-show="category === 'sound-effects'" class="fill-current ml-auto h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </button> </div> </div> </div> <div @keydown.arrow-down.prevent="$store.suggestionsStore.highlightNext()" @keydown.arrow-up.prevent="$store.suggestionsStore.highlightPrevious()" @keydown.enter.prevent="$store.suggestionsStore.selectHighlighted()" class="w-full" > <input id="searchInput" type="text" x-model="query" @click="fetchAutocomplete(query, category, 'en')" @input.debounce.100="fetchAutocomplete(query, category, 'en')" name="q" value="" autocomplete="off" :placeholder="'Search' + ' ' + categoryText" class="h-full w-full min-w-0 flex-1 appearance-none rounded-tr rounded-br bg-transparent pl-4 pr-10 text-gray-800 placeholder-gray-600 hover:bg-white focus:bg-white focus:outline-none" > <div x-cloak x-show="showAutocomplete" class="w-full flex-col bg-white flex rounded-b-lg overflow-hidden shadow-md" @click.away="showAutocomplete = false"> <template x-for="(suggestion, index) in autocompleteSuggestions" :key="Math.random().toString(36).substr(2, 9)+suggestion.name"> <a x-bind:href="suggestion.href" x-on:click="$store.suggestionsStore.sendEvent({'event':'suggested_similar_category_search', 'category': query, 'suggested-category': suggestion.name.replace(/<[^<>]*>/g, ''), 'user_id':, 'date': new Date().toJSON()});" class="w-full hover:bg-gray-300 pl-4 pt-2 pr-4 pb-2" :class="{'focused-suggestion': index === highlightedIndex}" > <div x-html="suggestion.name"></div> </a> </template> </div> </div> <input type="hidden" name="mode" :value="category"> <button type="submit" class="w-9 h-9 absolute top-0 right-0 flex items-center justify-center rounded text-gray-900"> <svg class="fill-current h-4 w-4" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7173 16.4393L12.9552 11.6773C13.9077 10.4527 14.4759 8.91502 14.4759 7.24698C14.4759 3.26096 11.233 0.0180664 7.24698 0.0180664C3.26096 0.0180664 0.0180664 3.26096 0.0180664 7.24698C0.0180664 11.233 3.26096 14.4759 7.24698 14.4759C8.91502 14.4759 10.4527 13.9077 11.6773 12.9552L16.4393 17.7172C16.6158 17.8937 16.8471 17.9819 17.0783 17.9819C17.3096 17.9819 17.5408 17.8937 17.7173 17.7173C18.0701 17.3644 18.0701 16.7922 17.7173 16.4393ZM1.8253 7.24698C1.8253 4.25746 4.25746 1.8253 7.24698 1.8253C10.2365 1.8253 12.6687 4.25746 12.6687 7.24698C12.6687 10.2365 10.2365 12.6687 7.24698 12.6687C4.25746 12.6687 1.8253 10.2365 1.8253 7.24698Z" /> </svg> </button> </form> </div> <style scoped> .highlighted { font-weight: bold; color: #000; } .focused-suggestion { background-color: rgb(200,200,200); } </style> <script> function saveLastQuery() { let query = document.querySelector('input[name="q"]').value.replace(/(\r \t \n)/gm, '').trim(); query = query.replace(/(\s+)/gm, ' '); query = query.replace(/%20/g, "+"); localStorage.setItem('last_search', query); } function initFormSearch() { let firstCategory = "video"; let firstCategoryName = firstCategory.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' '); return { open: false, categoryIconIndex: 1, category: firstCategory, categoryText: `${(firstCategory === "video" ? "All videos" : firstCategoryName)}`, toggle() { console.log('aici'); if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, setCategory(category, text) { this.category = category this.categoryText = text this.close() }, close(focusAfter) { if (!this.open) return this.open = false; focusAfter && focusAfter.focus() }, validateSearch(e) { const searchValueLength = document.querySelector('#searchInput').value?.trim()?.length ?? 0; if (searchValueLength === 0) { e.preventDefault(); document.querySelector('#searchInput').value = ''; toggleSearchInputPlaceholder(); return false; } } } } function toggleSearchInputPlaceholder() { document.querySelector("#searchInput").placeholder = 'Enter a search term'; setTimeout(() => { document.querySelector("#searchInput").placeholder = 'Search...'; }, 3000) } document.getElementById('search').addEventListener('submit', function(e) { e.preventDefault(); const searchValueLength = document.querySelector('#searchInput').value?.trim()?.length ?? 0; if (searchValueLength === 0) { document.querySelector('#searchInput').value = ''; toggleSearchInputPlaceholder(); return false; } let oldTimestamp = localStorage.getItem('freepik_redirected'); let difference = 43200000; //86400000; //2629743.83; let currentTimestamp = Date.now(); let timeout = 1000; if ((oldTimestamp == null || currentTimestamp - oldTimestamp > difference) ) { const istockRedirectBaseUrl = 'https://www.freepik.com/search'; let query = this.querySelector('input[name="q"]').value.replace(/(\r \t \n)/gm, '').trim(); query = query.replace(/(\s+)/gm, ' '); query = query.replace(/%20/g, "+"); let selectedType = this.querySelector('input[name="mode"]').value; if(selectedType == 'motion-graphics') { query = 'animated ' + query; } if(selectedType == 'music' || selectedType == 'sound-effects') { saveLastQuery(); this.submit(); return; } let url = new URL(istockRedirectBaseUrl); url.searchParams.set('adplacement', 'red_indirect_all'); url.searchParams.set('sharedid', query + '+search'); url.href += '&format=search&last_filter=query&last_value=' + query + '&query=' + query + '&type=video&utm_source=videvo&utm_medium=affiliate&utm_campaign=traffic_internal&utm_content=red_indirect_all&utm_term=' + query; if(redirectFreepik(url.href, currentTimestamp)) { saveLastQuery(); this.submit(); } } else { saveLastQuery(); this.submit(); return; } }); function redirectFreepik(url, currentTimestamp) { const link = document.createElement('a'); link.href = url; link.setAttribute('target', '_blank'); link.style.display = 'none'; document.body.appendChild(link); link.click(); link.remove(); try { localStorage.setItem('freepik_redirected', currentTimestamp); //Trigger Google Analytics event for istock redirect window.dataLayer.push({ event: 'istockRedirectEvent', eventCategory: 'Istock Redirect', eventAction: 'Triggered redirect on search', eventLabel: 'url: ' + "https://www.videvo.net/premium-plans/" }); let customPixelSearchData = JSON.parse('{\u0022path\u0022:\u0022premium-plans\u0022,\u0022ga_client_id\u0022:null,\u0022lang\u0022:\u0022en\u0022,\u0022user_type\u0022:\u0022anonymous\u0022,\u0022user_id\u0022:null,\u0022r\u0022:0.09236746984178548}'); customPixelSearchData.action = 'clk'; customPixelSearchData.type = 'search'; customPixelSearchData.sponsor = 'freepik'; customPixelSearchData.term = document.querySelector('#searchInput').value?.trim()?.length ?? 0; customPixelSearchData.sponsor_pixel = 'red_indirect_all'; trackCustom('user-search-freepik-redirect', customPixelSearchData); let iStockPixelSearchData = JSON.parse('{\u0022sponsor_pixel\u0022:\u0022freepik\u0022,\u0022sponsor\u0022:\u0022freepik\u0022,\u0022term\u0022:\u0022\u0022,\u0022r\u0022:0.22374967868614462}'); iStockPixelSearchData.action = 'clk'; iStockPixelSearchData.type = 'search'; iStockPixelSearchData.sponsor = 'freepik'; iStockPixelSearchData.term = document.querySelector('#searchInput').value?.trim()?.length ?? 0; iStockPixelSearchData.utm_term = 'user search'; iStockPixelSearchData.sponsor_pixel = 'red_indirect_all'; trackCustomFreepik(iStockPixelSearchData); debugger; } catch (error) { console.log(error); } return true; } </script> </div> <button x-on:click="openSearch = ! openSearch" class="max-sm:ml-0 ml-auto h-6 border-r border-white/20 px-4 text-white max-navbar:block hidden order-0"> <svg height="16" width="16" class="fill-current h-4 w-4" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7173 16.4393L12.9552 11.6773C13.9077 10.4527 14.4759 8.91502 14.4759 7.24698C14.4759 3.26096 11.233 0.0180664 7.24698 0.0180664C3.26096 0.0180664 0.0180664 3.26096 0.0180664 7.24698C0.0180664 11.233 3.26096 14.4759 7.24698 14.4759C8.91502 14.4759 10.4527 13.9077 11.6773 12.9552L16.4393 17.7172C16.6158 17.8937 16.8471 17.9819 17.0783 17.9819C17.3096 17.9819 17.5408 17.8937 17.7173 17.7173C18.0701 17.3644 18.0701 16.7922 17.7173 16.4393ZM1.8253 7.24698C1.8253 4.25746 4.25746 1.8253 7.24698 1.8253C10.2365 1.8253 12.6687 4.25746 12.6687 7.24698C12.6687 10.2365 10.2365 12.6687 7.24698 12.6687C4.25746 12.6687 1.8253 10.2365 1.8253 7.24698Z" /> </svg> </button> <div x-data="{ openMenu: false }" class="order-1 max-sm:ml-0 ml-auto flex items-center lg:order-2 lg:ml-0 lg:pr-4" x-cloak> <button x-on:click="openMenu = true" class="ml-auto flex items-center justify-center text-white focus:outline-none istock-six:hidden"> Menu <svg class="fill-current ml-2 h-4 w-4 rotate-90 opacity-50 group-hover:opacity-100" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button> <div class="relative"> <nav class="hidden flex-row istock-six:flex"> <span class="group relative"> <a href="https://www.videvo.net/stock-video-footage/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Videos" ga4-link_url="https://www.videvo.net/stock-video-footage/" onclick="sendEvent(this);"> Videos <svg alt="caret icon" class="fill-current ml-1 h-5 w-5 rotate-90 fill-current opacity-60 group-hover:opacity-100" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </a> <div class="absolute top-full left-0 hidden flex-col gap-1 rounded-lg bg-white p-2 shadow-lg group-hover:flex"> <a href="https://www.videvo.net/stock-video-footage/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="All videos" ga4-link_url="https://www.videvo.net/stock-video-footage/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">All videos</span> </a> <a href="https://www.videvo.net/free-stock-footage/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Footage" ga4-link_url="https://www.videvo.net/free-stock-footage/" onclick="sendEvent(this);"> Footage </a> <a href="https://www.videvo.net/free-motion-graphics/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Motion graphics" ga4-link_url="https://www.videvo.net/free-motion-graphics/" onclick="sendEvent(this);"> Motion graphics </a> </div> </span> <span class="group relative"> <a href="https://www.videvo.net/video-editing-templates/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Templates" ga4-link_url="https://www.videvo.net/video-editing-templates/" onclick="sendEvent(this);"> Templates <svg alt="caret icon" class="fill-current ml-1 h-5 w-5 rotate-90 fill-current opacity-60 group-hover:opacity-100" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </a> <div class="absolute top-full left-0 hidden flex-col gap-1 rounded-lg bg-white p-2 shadow-lg group-hover:flex"> <a href="https://www.videvo.net/video-editing-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="All templates" ga4-link_url="https://www.videvo.net/video-editing-templates/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">All templates</span> </a> <a href="https://www.videvo.net/after-effects-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="After Effects templates" ga4-link_url="https://www.videvo.net/after-effects-templates/" onclick="sendEvent(this);"> After Effects templates </a> <a href="https://www.videvo.net/premiere-pro-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Premiere Pro templates" ga4-link_url="https://www.videvo.net/premiere-pro-templates/" onclick="sendEvent(this);"> Premiere Pro templates </a> <a href="https://www.videvo.net/davinci-resolve-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="DaVinci Resolve templates" ga4-link_url="https://www.videvo.net/davinci-resolve-templates/" onclick="sendEvent(this);"> DaVinci Resolve templates </a> <a href="https://www.videvo.net/final-cut-pro-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Final Cut Pro templates" ga4-link_url="https://www.videvo.net/final-cut-pro-templates/" onclick="sendEvent(this);"> Final Cut Pro templates </a> <a href="https://www.videvo.net/motion-graphics-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Motion Graphics templates" ga4-link_url="https://www.videvo.net/motion-graphics-templates/" onclick="sendEvent(this);"> Motion Graphics templates </a> </div> </span> <span class="group relative"> <a href="https://www.videvo.net/royalty-free-music/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Audio" ga4-link_url="https://www.videvo.net/royalty-free-music/" onclick="sendEvent(this);"> Audio <svg alt="caret icon" class="fill-current ml-1 h-5 w-5 rotate-90 fill-current opacity-60 group-hover:opacity-100" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </a> <div class="absolute top-full left-0 hidden flex-col gap-1 rounded-lg bg-white p-2 shadow-lg group-hover:flex"> <a href="https://www.videvo.net/royalty-free-music/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Music" ga4-link_url="https://www.videvo.net/royalty-free-music/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">Music</span> </a> <a href="https://www.videvo.net/royalty-free-sound-effects/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Sound effects" ga4-link_url="https://www.videvo.net/royalty-free-sound-effects/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">Sound effects</span> </a> </div> </span> <a href="https://www.videvo.net/collections/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Collections" ga4-link_url="https://www.videvo.net/collections/" onclick="sendEvent(this);">Collections</a> <a href="https://help.videvo.net/" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Help" ga4-link_url="https://help.videvo.net/" onclick="sendEvent(this);">Help</a> </nav> </div> <div :class="{ hidden: !openMenu }" class="fixed top-0 left-0 right-0 z-40 flex h-screen flex-col bg-white istock-six:hidden"> <nav class="flex flex-col"> <div class="mb-2 flex items-center justify-between border-b border-gray-200 py-2 pl-6 pr-4"> <p class="text-lg font-semibold text-gray-900">Menu</p> <button x-on:click="openMenu = false" class="p-2 focus:outline-none"> <svg class="fill-current h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"> <path d="M242.355 397l127.987-127.987c9.763-9.763 9.763-25.592 0-35.355-9.764-9.763-25.592-9.763-35.355 0L207 361.644 79.013 233.658c-9.764-9.763-25.592-9.763-35.355 0s-9.763 25.592 0 35.355l127.986 127.986L43.658 524.986c-9.763 9.763-9.763 25.592 0 35.355 9.764 9.763 25.592 9.763 35.355 0l127.986-127.986 127.987 127.987c9.764 9.763 25.592 9.763 35.355 0s9.763-25.592 0-35.355L242.355 397z"> </path> </svg> </button> </div> <div class="relative px-4 py-1.5" x-data="{ openVideos: false }" x-cloak> <div class="flex items-center rounded-lg" :class="{ 'bg-gray-150': openVideos }"> <a href="https://www.videvo.net/stock-video-footage/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Videos" ga4-link_url="https://www.videvo.net/stock-video-footage/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 xl:hidden" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M9.48816 3.81992C9.3405 2.98594 8.61316 2.35156 7.73816 2.35156H2.05066C1.07175 2.35156 0.273315 3.15 0.273315 4.12891V9.87109C0.273315 10.85 1.07175 11.6484 2.05066 11.6484H7.73816C8.61316 11.6484 9.3405 11.0141 9.48816 10.1801V3.81992Z" /><path d="M13.3849 3.89087C13.1743 3.76782 12.9118 3.76782 12.7013 3.89087L10.5822 5.11587V8.9057L12.7013 10.128C12.8079 10.1881 12.9255 10.2182 13.0431 10.2182C13.1607 10.2182 13.2782 10.1881 13.3849 10.128C13.5954 10.0049 13.7267 9.7807 13.7267 9.53461V4.48423C13.7267 4.23813 13.5954 4.01392 13.3849 3.89087Z" /></svg> Videos </a> <button x-on:click="openVideos = ! openVideos" class="border-l border-gray-300 py-1 pl-4 pr-2"> <svg class="fill-current h-5 w-5 rotate-90 text-gray-900" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button> </div> <div :class="{ hidden: !openVideos }" class="flex flex-col pl-6"> <a href="https://www.videvo.net/stock-video-footage/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="All videos" ga4-link_url="https://www.videvo.net/stock-video-footage/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">All videos</span> </a> <a href="https://www.videvo.net/free-stock-footage/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Footage" ga4-link_url="https://www.videvo.net/free-stock-footage/" onclick="sendEvent(this);"> Footage </a> <a href="https://www.videvo.net/free-motion-graphics/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Motion graphics" ga4-link_url="https://www.videvo.net/free-motion-graphics/" onclick="sendEvent(this);"> Motion graphics </a> </div> </div> <div class="relative px-4 py-1.5" x-data="{ openTemplates: false }" x-cloak> <div class="flex items-center rounded-lg" :class="{ 'bg-gray-150': openTemplates }"> <a href="https://www.videvo.net/video-editing-templates/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Templates" ga4-link_url="https://www.videvo.net/video-editing-templates/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 xl:hidden" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M16.2422 4.70039V4.69688C16.2422 4.6793 16.2387 4.66172 16.2387 4.64414C16.2387 4.64063 16.2387 4.63359 16.2352 4.63008C16.2316 4.6125 16.2281 4.59141 16.2246 4.57383C16.2211 4.55625 16.2176 4.53516 16.2105 4.51758C16.2105 4.51406 16.207 4.50703 16.207 4.50352C16.2035 4.48594 16.1965 4.46836 16.1895 4.4543V4.45078C16.1824 4.4332 16.1754 4.41562 16.1684 4.39805C16.1648 4.39453 16.1648 4.3875 16.1613 4.38398C16.1543 4.36992 16.1473 4.35234 16.1402 4.33828C16.1402 4.33477 16.1367 4.33477 16.1367 4.33125C16.1297 4.31367 16.1191 4.29961 16.1086 4.28203C16.1051 4.27852 16.1016 4.27148 16.1016 4.26797C16.091 4.25391 16.084 4.23984 16.0734 4.22578L16.0699 4.22227C16.0594 4.2082 16.0453 4.19063 16.0348 4.17656C16.0313 4.17305 16.0277 4.16953 16.0242 4.16602C16.0102 4.15195 15.9996 4.13789 15.9855 4.12383L12.4699 0.608203C12.4559 0.594141 12.4418 0.580078 12.4277 0.569531C12.4242 0.566016 12.4207 0.5625 12.4172 0.558984C12.4031 0.548437 12.3891 0.534375 12.3715 0.523828C12.368 0.523828 12.368 0.520313 12.3645 0.520313C12.3504 0.509766 12.3363 0.499219 12.3223 0.492188C12.3187 0.488672 12.3117 0.485156 12.3082 0.481641C12.2941 0.471094 12.2766 0.464062 12.2625 0.453516C12.259 0.453516 12.2555 0.45 12.2555 0.45C12.2414 0.442969 12.2273 0.435937 12.2133 0.428906C12.2098 0.425391 12.2027 0.425391 12.1992 0.421875C12.1816 0.414844 12.1641 0.407812 12.15 0.400781C12.1465 0.400781 12.1465 0.400781 12.143 0.397266C12.1289 0.390234 12.1113 0.386719 12.0938 0.383203C12.0902 0.383203 12.0832 0.379688 12.0797 0.379688C12.0621 0.376172 12.0445 0.369141 12.027 0.365625H12.0234C12.0059 0.362109 11.9883 0.358594 11.9707 0.358594C11.9637 0.358594 11.9602 0.358594 11.9531 0.355078C11.9355 0.351563 11.918 0.351562 11.9039 0.351562C11.9004 0.351562 11.9004 0.351562 11.8969 0.351562C11.8828 0.351562 11.8688 0.351562 11.8547 0.351562H4.04297C2.78438 0.351562 1.75781 1.37813 1.75781 2.63672V15.3633C1.75781 16.6219 2.78438 17.6484 4.04297 17.6484H13.957C15.2156 17.6484 16.2422 16.6219 16.2422 15.3633V4.74609C16.2422 4.73203 16.2422 4.71797 16.2422 4.70039ZM13.957 15.8906H4.04297C3.75117 15.8906 3.51562 15.6551 3.51562 15.3633V2.63672C3.51562 2.34492 3.75117 2.10938 4.04297 2.10938H10.9688V4.74609C10.9688 5.23125 11.3625 5.625 11.8477 5.625H14.4844V15.3633C14.4844 15.6551 14.2488 15.8906 13.957 15.8906Z" /><path d="M11.8477 7.38281H6.15234C5.66719 7.38281 5.27344 7.77656 5.27344 8.26172V13.2539C5.27344 13.7391 5.66719 14.1328 6.15234 14.1328H11.8477C12.3328 14.1328 12.7266 13.7391 12.7266 13.2539V8.26172C12.7266 7.77656 12.3328 7.38281 11.8477 7.38281ZM10.9688 12.375H7.03125V9.14062H10.9688V12.375Z" /><path d="M6.1875 5.625H8.33203C8.81719 5.625 9.21094 5.23125 9.21094 4.74609C9.21094 4.26094 8.81719 3.86719 8.33203 3.86719H6.1875C5.70234 3.86719 5.30859 4.26094 5.30859 4.74609C5.30859 5.23125 5.70234 5.625 6.1875 5.625Z" /></svg> Templates </a> <button x-on:click="openTemplates = ! openTemplates" class="border-l border-gray-300 py-1 pl-4 pr-2"> <svg class="fill-current h-5 w-5 rotate-90 text-gray-900" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button> </div> <div :class="{ hidden: !openTemplates }" class="flex flex-col pl-6"> <a href="https://www.videvo.net/video-editing-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="All templates" ga4-link_url="https://www.videvo.net/video-editing-templates/" onclick="sendEvent(this);"> <span class="font-semibold text-gray-800">All templates</span> </a> <a href="https://www.videvo.net/after-effects-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="After Effects templates" ga4-link_url="https://www.videvo.net/after-effects-templates/" onclick="sendEvent(this);"> After Effects templates </a> <a href="https://www.videvo.net/premiere-pro-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Premiere Pro templates" ga4-link_url="https://www.videvo.net/premiere-pro-templates/" onclick="sendEvent(this);"> Premiere Pro templates </a> <a href="https://www.videvo.net/davinci-resolve-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="DaVinci Resolve templates" ga4-link_url="https://www.videvo.net/davinci-resolve-templates/" onclick="sendEvent(this);"> DaVinci Resolve templates </a> <a href="https://www.videvo.net/final-cut-pro-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Final Cut Pro templates" ga4-link_url="https://www.videvo.net/final-cut-pro-templates/" onclick="sendEvent(this);"> Final Cut Pro templates </a> <a href="https://www.videvo.net/motion-graphics-templates/#rs=submenu" class="text-gray-800 py-2 pl-3 pr-6 whitespace-nowrap flex items-center hover:bg-gray-150 rounded-lg" ga4-event="navbar" ga4-link_text="Motion Graphics templates" ga4-link_url="https://www.videvo.net/motion-graphics-templates/" onclick="sendEvent(this);"> Motion Graphics templates </a> </div> </div> <div class="px-4 py-1.5"> <a href="https://www.videvo.net/royalty-free-music/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Music" ga4-link_url="https://www.videvo.net/royalty-free-music/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 p-px xl:hidden" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.578 0.752131C6.32256 0.646311 6.02853 0.704826 5.83302 0.900307L3.29886 3.43447H1.77734C0.797316 3.43447 0 4.23179 0 5.21181V8.82119C0 9.80122 0.797316 10.5985 1.77734 10.5985H3.29889L5.83305 13.1327C6.02856 13.3282 6.32256 13.3867 6.57803 13.2809C6.83348 13.1751 7.00003 12.9258 7.00003 12.6493V1.38369C7 1.10722 6.83345 0.857951 6.578 0.752131ZM5.63281 10.9991L4.06541 9.43171C3.93723 9.30352 3.76335 9.2315 3.58203 9.2315H1.77734C1.55118 9.2315 1.36719 9.04751 1.36719 8.82135V5.21197C1.36719 4.98581 1.55118 4.80181 1.77734 4.80181H3.58203C3.76332 4.80181 3.9372 4.72979 4.06541 4.6016L5.63281 3.03418V10.9991ZM8.77734 12.2392C8.39981 12.2392 8.09375 11.9331 8.09375 11.5556C8.09375 11.1781 8.39981 10.872 8.77734 10.872C10.9033 10.872 12.6328 9.14246 12.6328 7.01654C12.6328 4.89062 10.9033 3.16107 8.77734 3.16107C8.39981 3.16107 8.09375 2.85501 8.09375 2.47748C8.09375 2.09994 8.39981 1.79388 8.77734 1.79388C11.6571 1.79388 14 4.13675 14 7.01654C14 9.89633 11.6571 12.2392 8.77734 12.2392ZM8.77734 9.50482C8.39981 9.50482 8.09375 9.19876 8.09375 8.82123C8.09375 8.44369 8.39981 8.13763 8.77734 8.13763C9.3955 8.13763 9.89844 7.6347 9.89844 7.01654C9.89844 6.39838 9.3955 5.89545 8.77734 5.89545C8.39981 5.89545 8.09375 5.58939 8.09375 5.21185C8.09375 4.83432 8.39981 4.52826 8.77734 4.52826C10.1494 4.52826 11.2656 5.64448 11.2656 7.01654C11.2656 8.38859 10.1494 9.50482 8.77734 9.50482Z" /></svg> Music </a> </div> <div class="px-4 py-1.5"> <a href="https://www.videvo.net/royalty-free-sound-effects/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Sound effects" ga4-link_url="https://www.videvo.net/royalty-free-sound-effects/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 p-px xl:hidden" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.578 0.752131C6.32256 0.646311 6.02853 0.704826 5.83302 0.900307L3.29886 3.43447H1.77734C0.797316 3.43447 0 4.23179 0 5.21181V8.82119C0 9.80122 0.797316 10.5985 1.77734 10.5985H3.29889L5.83305 13.1327C6.02856 13.3282 6.32256 13.3867 6.57803 13.2809C6.83348 13.1751 7.00003 12.9258 7.00003 12.6493V1.38369C7 1.10722 6.83345 0.857951 6.578 0.752131ZM5.63281 10.9991L4.06541 9.43171C3.93723 9.30352 3.76335 9.2315 3.58203 9.2315H1.77734C1.55118 9.2315 1.36719 9.04751 1.36719 8.82135V5.21197C1.36719 4.98581 1.55118 4.80181 1.77734 4.80181H3.58203C3.76332 4.80181 3.9372 4.72979 4.06541 4.6016L5.63281 3.03418V10.9991ZM8.77734 12.2392C8.39981 12.2392 8.09375 11.9331 8.09375 11.5556C8.09375 11.1781 8.39981 10.872 8.77734 10.872C10.9033 10.872 12.6328 9.14246 12.6328 7.01654C12.6328 4.89062 10.9033 3.16107 8.77734 3.16107C8.39981 3.16107 8.09375 2.85501 8.09375 2.47748C8.09375 2.09994 8.39981 1.79388 8.77734 1.79388C11.6571 1.79388 14 4.13675 14 7.01654C14 9.89633 11.6571 12.2392 8.77734 12.2392ZM8.77734 9.50482C8.39981 9.50482 8.09375 9.19876 8.09375 8.82123C8.09375 8.44369 8.39981 8.13763 8.77734 8.13763C9.3955 8.13763 9.89844 7.6347 9.89844 7.01654C9.89844 6.39838 9.3955 5.89545 8.77734 5.89545C8.39981 5.89545 8.09375 5.58939 8.09375 5.21185C8.09375 4.83432 8.39981 4.52826 8.77734 4.52826C10.1494 4.52826 11.2656 5.64448 11.2656 7.01654C11.2656 8.38859 10.1494 9.50482 8.77734 9.50482Z" /></svg> Sound effects </a> </div> <div class="px-4 py-1.5"> <a href="https://www.videvo.net/collections/#rs=menu" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Collections" ga4-link_url="https://www.videvo.net/collections/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 p-px xl:hidden" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="none" viewBox="0 0 24 24"><path d="M20 2H8c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM8 16V4h12l.002 12H8z"></path><path d="M4 8H2v12c0 1.103.897 2 2 2h12v-2H4V8zm11-2h-2v3h-3v2h3v3h2v-3h3V9h-3z"></path></svg> Collections </a> </div> <div class="px-4 py-1.5"> <a href="https://help.videvo.net/" class="flex flex-1 items-center rounded-lg p-2 font-semibold text-gray-900 hover:bg-gray-50 xl:flex-none xl:rounded-none xl:text-white/[0.85] xl:hover:bg-transparent xl:hover:text-white" ga4-event="navbar" ga4-link_text="Help" ga4-link_url="https://help.videvo.net/" onclick="sendEvent(this);"> <svg class="fill-current mr-3 h-5 w-5 xl:hidden" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.05023 11.9498C3.37236 13.2719 5.13023 14 7 14C8.86977 14 10.6276 13.2719 11.9498 11.9498C13.2719 10.6276 14 8.86977 14 7C14 5.13023 13.2719 3.37239 11.9498 2.05023C10.6276 0.728137 8.86977 0 7 0C5.13023 0 3.37236 0.728137 2.05023 2.05023C0.728137 3.37239 0 5.13023 0 7C0 8.86977 0.728137 10.6276 2.05023 11.9498ZM1.36719 7C1.36719 3.89405 3.89405 1.36719 7 1.36719C10.1059 1.36719 12.6328 3.89405 12.6328 7C12.6328 10.1059 10.1059 12.6328 7 12.6328C3.89405 12.6328 1.36719 10.1059 1.36719 7ZM7 9.07812C6.62246 9.07812 6.31641 8.77207 6.31641 8.39453V7.51953C6.31641 7.142 6.62246 6.83594 7 6.83594C7.75387 6.83594 8.36719 6.22262 8.36719 5.46875C8.36719 4.71488 7.75387 4.10156 7 4.10156C6.24613 4.10156 5.63281 4.71488 5.63281 5.46875C5.63281 5.84629 5.32675 6.15234 4.94922 6.15234C4.57168 6.15234 4.26562 5.84629 4.26562 5.46875C4.26562 3.96102 5.49224 2.73438 7 2.73438C8.50776 2.73438 9.73438 3.96102 9.73438 5.46875C9.73438 6.74054 8.86164 7.81233 7.68359 8.11661V8.39453C7.68359 8.77207 7.37754 9.07812 7 9.07812ZM6.17969 10.4453C6.17969 10.8976 6.54768 11.2656 7 11.2656C7.45232 11.2656 7.82031 10.8976 7.82031 10.4453C7.82031 9.99299 7.45232 9.625 7 9.625C6.54768 9.625 6.17969 9.99299 6.17969 10.4453Z"/></svg> Help </a> </div> </nav> <div class="flex flex-col gap-2 p-4"> <a href="https://www.videvo.net/premium-plans/#plans-and-pricing" class="flex w-full items-center justify-center rounded-lg bg-blue-500 py-3 font-semibold text-white"> Join Videvo </a> <a href="/auth/login" class="flex w-full items-center justify-center rounded-lg bg-gray-50 py-3 font-semibold text-gray-800"> Log in </a> </div> </div> </div> </div> <template x-data x-if="Alpine.store('scriptLoader')?.loadScripts" id="page-view-scripts"> <script> /* page_view */ dataLayer.push({ 'event': 'page_view', 'page_location': window.location.href, 'page_title': document.title, 'location_href': document.location.href, 'page_type' : 'premium-plans', 'page_code' : '200', 'page_lang' : 'en', 'user_id' : '', 'user_login_status' : 'not_logged', 'user_registration_date' : '', 'user_payment_start_date' : '', 'user_payment_end_date' : '', 'user_type' : 'anonymous', }) </script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "impactIdentify", customerId: '', customerEmail: '', }); </script> <script> function getAllUrlParams(url) { var queryString = url ? url.split('?')[1] : window.location.search.slice(1); var obj = {}; if (queryString) { queryString = queryString.split('#')[0]; var arr = queryString.split('&'); for (var i = 0; i < arr.length; i++) { var a = arr[i].split('='); var paramName = a[0]; var paramValue = typeof(a[1]) === 'undefined' ? true : a[1]; if (paramName.match(/\[(\d+)?\]$/)) { var key = paramName.replace(/\[(\d+)?\]/, ''); if (!obj[key]) obj[key] = []; if (paramName.match(/\[\d+\]$/)) { var index = /\[(\d+)\]/.exec(paramName)[1]; obj[key][index] = paramValue; } else { obj[key].push(paramValue); } } else { if (!obj[paramName]) { obj[paramName] = paramValue; } else if (obj[paramName] && typeof obj[paramName] === 'string') { obj[paramName] = [obj[paramName]]; obj[paramName].push(paramValue); } else { obj[paramName].push(paramValue); } } } } return obj; } if (getAllUrlParams().irclickid) { var date = new Date(); date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); document.cookie = "irclickid=" + getAllUrlParams().irclickid + expires + "; path=/"; } </script> </template> <div class="flex items-center gap-2 order-2" :class="{'max-lg:mt-[13px] max-xs:mt-0': openSearch}"> <a href="https://www.videvo.net/premium-plans/#plans-and-pricing" class="hidden rounded-lg border-2 border-white/50 py-1 px-3 font-semibold text-white hover:border-white sm:block"> Join Videvo </a> <a href="/auth/login" class="rounded-lg py-1 px-3 font-semibold text-white/75 hover:text-white max-xs:pr-2 max-xs:text-sm "> Log in </a> </div> </div> <div class="flex"><div wire:snapshot="{"data":{"show":false},"memo":{"id":"xJLJ4s8UIw9DW3qCOOoI","name":"modals.billing-flash-message","path":"premium-plans","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"7d7bf410ac884889ee987b8af87c8aad9cb4b8cf0d78f315562b3fcc5b4974bb"}" wire:effects="[]" wire:id="xJLJ4s8UIw9DW3qCOOoI"> </div> </div> </header> <script> function initHeader() { return { openSearch: false, logout() { localStorage.clear(); sessionStorage.clear(); }, } } </script> <main class="flex-1"> <div class="relative flex w-full items-center justify-center bg-black pt-14 lg:pt-16 h-[50vh] min-h-[340px] max-h-[450px] md:max-h-full"> <picture> <source media="(min-width:1280px)" srcset="/images/banners/pricing-page-header2_1280.webp"> <source media="(min-width:1024px)" srcset="/images/banners/pricing-page-header2_1024.webp"> <source media="(min-width:768px)" srcset="/images/banners/pricing-page-header2_768.webp"> <source media="(min-width:640px)" srcset="/images/banners/pricing-page-header2_640.webp"> <img src="/images/banners/pricing-page-header2_640.webp" class="absolute left-0 top-0 h-full w-full object-cover opacity-75" fetchpriority="high"/> </picture> <div class="z-1 container relative mx-auto flex flex-col items-center justify-center px-4"> <h1 class="text-shadow mb-4 text-center text-3xl font-semibold text-white lg:text-7xl">Premium stock content, only cheaper.</h1> <p class="text-shadow mb-6 max-w-screen-md text-center text-xl text-white"> The same content, from the same artists, with the same royalty-free licensing you'll find on other agencies... So why pay more? </p> <a href="#plans-and-pricing" class="rounded-md bg-yellow-700 py-3 px-5 text-lg font-semibold text-white hover:bg-yellow-700" ga4-event="get_started_button" ga4-link_text="https://www.videvo.net/premium-plans/#plans-and-pricing" onclick="sendEvent(this);" > Get started </a> <div class="mt-8 hidden gap-8 text-white sm:flex"> <p class="flex items-center text-white"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Monthly or annual payments </p> <p class="flex items-center text-white"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Money-back guarantee </p> <p class="flex items-center text-white"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Cancel anytime </p> </div> </div> </div> <div class="flex bg-blue-500 py-8"> <div class="container mx-auto flex max-w-screen-lg flex-col items-center justify-between gap-4 px-4 sm:flex-row sm:px-12"> <div class="flex flex-col items-center font-semibold text-white"> <p class="text-3xl">1.5M+</p> <p class="text-lg">stock media assets</p> </div> <div class="flex flex-col items-center font-semibold text-white"> <p class="text-3xl">1.3M+</p> <p class="text-lg">monthly downloads</p> </div> <div class="flex flex-col items-center font-semibold text-white"> <p class="text-3xl">650,000+</p> <p class="text-lg">users</p> </div> </div> </div> <div class="bg-neutral-100 py-6"> <img src="/images/trustpilot.png" class="mx-auto h-6" /> </div> <div class="container mx-auto max-w-screen-lg px-4 lg:py-12"> <h3 class="mb-8 text-center text-4xl font-semibold text-gray-900"> Why choose Videvo? </h3> <div class="mb-12 grid gap-12 sm:grid-cols-2 lg:grid-cols-3"> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 513 513" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M361.24 276.391L330.25 245.401L412.151 163.5L422.758 174.106C429.626 180.974 441.184 179.621 446.226 171.217L509.864 65.154C513.406 59.252 512.475 51.697 507.608 46.831L465.182 4.406C460.316 -0.461004 452.76 -1.39 446.859 2.15L340.796 65.788C332.426 70.81 331.019 82.368 337.907 89.256L348.514 99.862L266.612 181.763L235.622 150.773C246.53 110.015 235.404 65.699 204.551 34.845C165.958 -3.747 108.185 -9.855 63.0043 14.482C58.8303 16.731 55.9653 20.82 55.2763 25.511C54.5883 30.202 56.1583 34.942 59.5113 38.295L115.803 94.587C121.652 100.436 121.652 109.952 115.803 115.799C109.954 121.648 100.439 121.649 94.5902 115.799L38.2983 59.506C34.9453 56.153 30.2043 54.582 25.5143 55.271C20.8233 55.959 16.7343 58.825 14.4853 62.999C-9.75975 108.011 -3.87375 165.822 34.8503 204.545C65.6353 235.33 109.928 246.55 150.778 235.617L160.552 245.39L22.0013 383.944C-7.32475 413.27 -7.34275 460.667 22.0013 490.012C51.2443 519.254 98.8252 519.256 128.069 490.012L266.619 351.458L276.395 361.234C265.487 401.992 276.613 446.308 307.466 477.162C346.059 515.755 403.832 521.863 449.013 497.526C453.187 495.277 456.052 491.188 456.741 486.497C457.429 481.806 455.859 477.066 452.506 473.713L396.214 417.421C390.365 411.572 390.365 402.056 396.214 396.209C402.063 390.36 411.579 390.361 417.427 396.209L473.719 452.501C477.071 455.854 481.812 457.422 486.503 456.736C491.194 456.048 495.283 453.182 497.532 449.008C521.777 403.996 515.892 346.185 477.168 307.462C446.383 276.678 402.09 265.458 361.24 276.391ZM452.251 33.9L478.113 59.762L430.386 139.308L372.704 81.628L452.251 33.9ZM369.726 121.075L390.938 142.287L309.037 224.188L287.824 202.976L369.726 121.075ZM106.856 468.801C89.3103 486.347 60.7603 486.347 43.2133 468.801C25.6083 451.196 25.5973 422.774 43.2133 405.158L181.763 266.604L245.406 330.247L106.856 468.801ZM478.931 415.288L438.64 374.997C421.096 357.454 392.548 357.453 375.002 374.997C357.458 392.541 357.458 421.089 375.002 438.635L415.293 478.926C384.681 487.284 351.778 479.048 328.68 455.951C304.233 431.504 295.932 394.649 307.533 362.058C309.475 356.602 308.103 350.516 304.008 346.422L165.591 208.005C161.505 203.919 155.423 202.534 149.955 204.48C117.363 216.081 80.5093 207.779 56.0623 183.333C32.9643 160.235 24.7293 127.333 33.0873 96.721L73.3783 137.012C90.9223 154.556 119.47 154.555 137.016 137.012C154.56 119.468 154.56 90.92 137.016 73.374L96.7253 33.083C127.336 24.723 160.24 32.96 183.338 56.058C207.785 80.505 216.086 117.36 204.485 149.951C202.543 155.407 203.915 161.493 208.01 165.587L346.426 304.003C350.521 308.098 356.607 309.469 362.062 307.528C394.652 295.927 431.508 304.229 455.955 328.675C479.054 351.775 487.289 384.676 478.931 415.288Z" /> <path d="M195.03 319.984C189.172 314.127 179.676 314.127 173.818 319.984L82.1603 411.645C76.3033 417.503 76.3033 426.999 82.1603 432.857C88.0193 438.715 97.5143 438.714 103.372 432.857L195.029 341.196C200.886 335.338 200.886 325.841 195.03 319.984Z" /> </g> </svg> <p class="mb-2 text-lg font-semibold text-gray-900"> Flexible subscription options </p> <p class="text-center text-sm text-gray-600"> Upgrade, downgrade, and cancel at any time throughout your subscription, even during the first month. Flexibility comes as standard with all our accounts, so you're always in control. </p> </div> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 683 683" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M121.333 160V622.666C121.333 633.713 130.286 642.666 141.333 642.666H381.333V662.666C381.333 670.041 385.395 676.817 391.895 680.302C398.401 683.781 406.291 683.401 412.427 679.307L461.333 646.703L510.239 679.307C516.385 683.406 524.276 683.776 530.77 680.302C537.276 676.817 541.333 670.041 541.333 662.666V642.666H621.333C632.38 642.666 641.333 633.713 641.333 622.666V80C641.333 35.8854 605.447 0 561.333 0H121.333C77.2236 0 41.333 35.8854 41.333 80C41.333 124.115 77.2236 160 121.333 160ZM461.333 520C428.25 520 401.333 493.083 401.333 460C401.333 426.917 428.25 400 461.333 400C494.416 400 521.333 426.917 521.333 460C521.333 493.083 494.416 520 461.333 520ZM501.333 625.297L472.427 606.026C465.708 601.547 456.958 601.547 450.239 606.026L421.333 625.297V551.625C433.593 557 447.114 560 461.333 560C475.552 560 489.072 556.995 501.333 551.625V625.297ZM561.333 40C583.39 40 601.333 57.9427 601.333 80V602.666H541.333V519.932C553.885 503.219 561.333 482.463 561.333 460C561.333 404.859 516.473 360 461.333 360C406.192 360 361.333 404.859 361.333 460C361.333 482.463 368.781 503.219 381.333 519.932V602.666H161.333V160H566.854C577.901 160 586.854 151.047 586.854 140C586.854 128.953 577.901 120 566.854 120H561.333C539.276 120 521.333 102.057 521.333 80C521.333 57.9427 539.276 40 561.333 40ZM121.333 39.9844H492.067C485.244 51.7604 481.333 65.4375 481.333 80C481.333 94.5625 485.244 108.229 492.067 120H121.333C99.2757 120 81.333 102.057 81.333 80C81.333 57.9427 99.2757 39.9844 121.333 39.9844Z"/> <path d="M541.333 200H221.333C210.286 200 201.333 208.953 201.333 220C201.333 231.047 210.286 240 221.333 240H541.333C552.38 240 561.333 231.047 561.333 220C561.333 208.953 552.38 200 541.333 200Z"/> <path d="M541.333 280H221.333C210.286 280 201.333 288.953 201.333 300C201.333 311.047 210.286 320 221.333 320H541.333C552.38 320 561.333 311.047 561.333 300C561.333 288.953 552.38 280 541.333 280Z"/> <path d="M301.333 360H221.333C210.286 360 201.333 368.953 201.333 380C201.333 391.047 210.286 400 221.333 400H301.333C312.38 400 321.333 391.047 321.333 380C321.333 368.953 312.38 360 301.333 360Z"/> <path d="M301.333 440H221.333C210.286 440 201.333 448.953 201.333 460C201.333 471.047 210.286 480 221.333 480H301.333C312.38 480 321.333 471.047 321.333 460C321.333 448.953 312.38 440 301.333 440Z"/> </g> </svg> <p class="mb-2 text-lg font-semibold text-gray-900"> Simple licensing </p> <p class="text-center text-sm text-gray-600"> Any content you download is yours to keep and use in future projects, even after your subscription ends. That's the basis of royalty-free licensing, which applies to all our premium content. </p> </div> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M509.835 206.233L421.775 60.552C417.878 54.105 409.804 51.55 402.905 54.578L349.085 78.222L266.095 53.642C262.242 52.5 258.092 52.953 254.575 54.898L159.013 107.75L103.949 72.497C100.542 70.316 96.398 69.602 92.459 70.521C88.519 71.438 85.117 73.908 83.024 77.37L2.16496 211.139C-2.04804 218.109 0.0699582 227.167 6.93596 231.546L40.96 253.244L34.083 262.42C20.195 280.952 23.973 307.329 42.505 321.217C49.85 326.721 58.587 329.615 67.604 329.615C68.41 329.615 69.219 329.575 70.029 329.528C72.191 338.825 77.5 347.441 85.718 353.599C93.256 359.248 102.089 361.974 110.853 361.974C111.643 361.974 112.432 361.951 113.22 361.907C115.448 371.534 120.931 379.988 128.931 385.983C136.276 391.487 145.013 394.381 154.03 394.381C154.836 394.381 155.645 394.341 156.455 394.294C158.617 403.591 163.926 412.206 172.144 418.365C179.682 424.014 188.515 426.74 197.279 426.74C210.064 426.74 222.701 420.937 230.94 409.943L232.295 408.134L292.281 450.832C300.009 456.332 308.934 458.977 317.785 458.977C331.496 458.976 345.022 452.627 353.598 440.714C357.313 435.553 359.748 429.861 360.957 424.015C377.298 427.138 394.757 420.857 405.066 406.537C410.592 398.86 413.256 389.967 413.266 381.142C425.087 379.72 436.3 373.566 443.763 363.198C448.314 356.876 450.924 349.724 451.708 342.468C465.772 342.787 479.787 336.438 488.583 324.218C495.434 314.701 498.153 303.096 496.239 291.542C494.322 279.967 487.99 269.836 478.409 263.017L463.854 252.657L505.007 226.677C511.914 222.315 514.062 213.225 509.835 206.233ZM77.295 294.802C75.373 297.367 72.567 299.03 69.395 299.485C66.218 299.938 63.062 299.131 60.497 297.209C55.201 293.241 54.122 285.706 58.09 280.41L77.759 254.163C81.727 248.868 89.263 247.788 94.558 251.756C99.853 255.724 100.933 263.26 96.965 268.555L77.295 294.802ZM120.508 327.185C116.539 332.479 109.003 333.56 103.709 329.592C98.414 325.623 97.335 318.087 101.302 312.793L120.972 286.546C120.974 286.543 120.976 286.541 120.978 286.538L134.815 268.074C136.737 265.509 139.543 263.846 142.715 263.391C145.891 262.937 149.048 263.745 151.613 265.667C156.908 269.635 157.988 277.171 154.02 282.466L120.508 327.185ZM163.721 359.567C161.799 362.132 158.992 363.795 155.82 364.25C152.649 364.704 149.487 363.898 146.922 361.975C144.357 360.053 142.694 357.246 142.239 354.074C141.784 350.902 142.593 347.741 144.515 345.176L178.027 300.457C178.028 300.456 178.028 300.455 178.029 300.454L184.134 292.308C186.056 289.743 188.863 288.08 192.035 287.625C192.612 287.542 193.189 287.501 193.762 287.501C196.338 287.501 198.834 288.328 200.933 289.9C203.498 291.822 205.161 294.629 205.616 297.801C206.071 300.973 205.262 304.134 203.34 306.699L163.721 359.567ZM226.601 365.705L206.932 391.952C202.964 397.246 195.428 398.326 190.133 394.358C184.839 390.39 183.759 382.854 187.727 377.559L207.396 351.312C209.318 348.748 212.124 347.085 215.297 346.63C218.468 346.176 221.63 346.984 224.194 348.906C229.489 352.874 230.569 360.41 226.601 365.705ZM466.639 296.446C467.24 300.063 466.385 303.703 464.233 306.691C459.735 312.94 450.955 314.377 444.661 309.896L433.8 302.165C433.798 302.164 433.796 302.163 433.794 302.161L433.793 302.16L373.24 259.111C366.488 254.311 357.124 255.893 352.323 262.645C347.523 269.397 349.105 278.762 355.857 283.562L416.295 326.53C422.412 330.976 423.812 339.561 419.412 345.672C414.914 351.919 406.135 353.357 399.84 348.876L395.092 345.497C395.091 345.496 395.09 345.496 395.089 345.495C395.087 345.494 395.086 345.493 395.084 345.491L348.324 312.248C341.572 307.448 332.208 309.029 327.407 315.782C322.607 322.534 324.189 331.899 330.941 336.699L377.591 369.864C383.714 374.308 385.115 382.896 380.714 389.011C376.216 395.258 367.437 396.695 361.142 392.215L344.507 380.375C344.505 380.373 344.503 380.371 344.5 380.37L319.32 362.469C312.568 357.67 303.203 359.251 298.403 366.003C293.603 372.755 295.185 382.12 301.937 386.92L326.679 404.51C332.37 409.102 333.509 417.268 329.246 423.19C324.748 429.436 315.969 430.875 309.673 426.395L250.286 384.123L250.604 383.699C264.492 365.167 260.713 338.791 242.181 324.903C238.682 322.281 234.903 320.291 230.982 318.908C235.036 311.164 236.571 302.374 235.307 293.552C233.716 282.447 227.895 272.626 218.918 265.898C209.94 259.17 198.881 256.342 187.775 257.932C186.174 258.161 184.604 258.489 183.063 258.89C180.269 252.268 175.753 246.275 169.599 241.664C160.621 234.935 149.561 232.104 138.456 233.698C132.899 234.494 127.664 236.349 122.977 239.129C120.307 234.84 116.824 230.96 112.544 227.753C96.434 215.68 74.401 216.964 59.793 229.678L35.41 214.129L100.731 106.065L129.156 124.263L110.352 134.663C105.891 137.131 102.988 141.695 102.646 146.781C101.927 157.45 104.102 168.148 108.936 177.719C123.851 207.25 160.126 219.22 189.794 204.399L259.427 169.624L294.731 170.143L428.296 264.177C428.297 264.178 428.299 264.179 428.3 264.18L461.005 287.46C464.037 289.615 466.037 292.807 466.639 296.446ZM437.389 233.888L308.221 142.946C305.755 141.21 302.822 140.257 299.806 140.213L256.219 139.572C256.145 139.571 256.072 139.571 255.998 139.571C253.673 139.571 251.378 140.112 249.296 141.152L176.395 177.56C161.456 185.019 143.208 179.025 135.717 164.194C134.466 161.716 133.571 159.089 133.051 156.393L263.595 84.194L345.828 108.55C349.227 109.557 352.874 109.327 356.121 107.901L402.912 87.346L476.549 209.166L437.389 233.888Z" /></svg> <p class="mb-2 text-lg font-semibold text-gray-900"> We're fair to our artists </p> <p class="text-center text-sm text-gray-600"> Unlike many agencies, we guarantee earnings to our artists. We achieve this by working with fewer artists on more content, so their content is more visible and isn't diluted by competitors. </p> </div> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 683 683" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M631.317 185.223L631.296 184.692C630.999 178.135 630.801 171.197 630.681 163.479C630.124 125.838 600.202 94.7027 562.556 92.5985C484.067 88.2183 423.349 62.6247 371.468 12.0571L371.026 11.6352C354.104 -3.88036 328.578 -3.88036 311.651 11.6352L311.208 12.0571C259.328 62.6247 198.61 88.2183 120.12 92.6037C82.4796 94.7027 52.5526 125.838 51.9954 163.484C51.8808 171.15 51.6777 178.088 51.3808 184.692L51.3495 185.926C49.8235 265.963 47.9277 365.572 81.2505 455.983C99.5734 505.702 127.323 548.92 163.724 584.446C205.182 624.904 259.484 657.024 325.12 679.909C327.255 680.654 329.474 681.258 331.734 681.712C334.922 682.347 338.13 682.665 341.338 682.665C344.547 682.665 347.76 682.347 350.942 681.712C353.203 681.258 355.437 680.649 357.583 679.899C423.14 656.972 477.385 624.837 518.807 584.384C555.192 548.847 582.942 505.618 601.28 455.889C634.728 365.207 632.838 265.411 631.317 185.223ZM563.697 442.03C528.551 537.321 456.807 602.764 344.364 642.087C343.963 642.222 343.536 642.342 343.094 642.43C341.932 642.66 340.75 642.66 339.573 642.425C339.135 642.337 338.708 642.222 338.312 642.087C225.75 602.837 153.959 537.431 118.839 442.134C88.1255 358.796 89.865 267.358 91.4015 186.692L91.4119 186.244C91.7244 179.312 91.9328 172.051 92.0473 164.072C92.2973 147.359 105.61 133.531 122.355 132.598C166.771 130.119 205.792 121.536 241.646 106.359C277.453 91.2027 309.255 69.8382 338.859 41.0466C340.364 39.7758 342.317 39.7706 343.817 41.0466C373.427 69.8382 405.229 91.2027 441.031 106.359C476.885 121.536 515.906 130.119 560.327 132.598C577.072 133.531 590.385 147.359 590.629 164.078C590.749 172.098 590.957 179.359 591.27 186.244C592.801 267.004 594.499 358.514 563.697 442.03Z"/> <path d="M341.328 171.213C247.516 171.213 171.198 247.536 171.198 341.343C171.198 435.155 247.516 511.478 341.328 511.478C435.135 511.478 511.458 435.155 511.458 341.343C511.458 247.536 435.135 171.213 341.328 171.213ZM341.328 471.415C269.604 471.415 211.255 413.066 211.255 341.343C211.255 269.619 269.604 211.27 341.328 211.27C413.047 211.27 471.395 269.619 471.395 341.343C471.395 413.066 413.047 471.415 341.328 471.415Z"/> <path d="M390.224 288.525L311.203 367.546L289.755 346.098C281.932 338.275 269.25 338.275 261.427 346.098C253.61 353.921 253.61 366.603 261.427 374.42L297.042 410.035C300.953 413.946 306.078 415.9 311.203 415.9C316.328 415.9 321.453 413.946 325.365 410.035L418.552 316.848C426.369 309.025 426.369 296.343 418.552 288.525C410.729 280.697 398.047 280.697 390.224 288.525Z"/> </g> </svg> <p class="mb-2 text-lg font-semibold text-gray-900"> We're safe </p> <p class="text-center text-sm text-gray-600"> We only work with established artists, with content that we know is safe to use. We're so obsessed with this, that we launched our Safe Share Commitment, which applies to all content. </p> </div> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M120.084 135.676C124.703 132.32 127.017 126.633 126.051 121.005L120.649 89.507L143.534 67.2C147.622 63.215 149.094 57.254 147.33 51.823C145.565 46.393 140.871 42.435 135.221 41.614L103.596 37.019L89.4514 8.361C86.9244 3.241 81.7094 0 76.0004 0C70.2914 0 65.0764 3.242 62.5494 8.362L48.4064 37.019L16.7804 41.615C11.1304 42.436 6.43541 46.394 4.67141 51.824C2.90641 57.254 4.37841 63.215 8.46641 67.2L31.3514 89.507L25.9494 121.005C24.9844 126.632 27.2974 132.32 31.9164 135.676C36.5374 139.032 42.6604 139.474 47.7134 136.818L76.0004 121.947L104.287 136.818C109.361 139.486 115.484 139.018 120.084 135.676V135.676ZM94.0614 73.529C90.5264 76.975 88.9134 81.94 89.7474 86.806L91.3454 96.121L82.9804 91.723C80.7954 90.574 78.3974 90 76.0004 90C73.6034 90 71.2054 90.574 69.0204 91.723L60.6554 96.121L62.2534 86.806C63.0874 81.94 61.4744 76.975 57.9394 73.529L51.1714 66.932L60.5244 65.573C65.4104 64.863 69.6334 61.795 71.8184 57.367L76.0004 48.893L80.1834 57.368C82.3684 61.795 86.5924 64.864 91.4774 65.574L100.83 66.933L94.0614 73.529Z"/> <path d="M211.351 89.507L205.949 121.005C204.984 126.632 207.297 132.32 211.916 135.676C216.535 139.032 222.66 139.474 227.713 136.818L256 121.947L284.287 136.818C289.361 139.486 295.484 139.018 300.084 135.676C304.703 132.32 307.017 126.633 306.051 121.005L300.649 89.507L323.534 67.2C327.622 63.215 329.094 57.254 327.33 51.823C325.565 46.393 320.871 42.435 315.221 41.614L283.596 37.019L269.451 8.361C266.924 3.241 261.709 0 256 0C250.291 0 245.076 3.242 242.549 8.362L228.406 37.02L196.78 41.615C191.13 42.436 186.435 46.394 184.671 51.824C182.906 57.254 184.378 63.215 188.466 67.201L211.351 89.507ZM240.523 65.574C245.409 64.864 249.632 61.796 251.817 57.368L256 48.893L260.183 57.368C262.368 61.795 266.592 64.864 271.477 65.574L280.83 66.933L274.062 73.53C270.527 76.976 268.914 81.941 269.748 86.807L271.346 96.122L262.981 91.724C260.795 90.574 258.397 90 256 90C253.603 90 251.205 90.574 249.02 91.723L240.655 96.121L242.253 86.806C243.087 81.94 241.474 76.975 237.939 73.529L231.171 66.932L240.523 65.574Z"/> <path d="M507.329 51.824C505.564 46.394 500.87 42.436 495.22 41.615L463.595 37.02L449.451 8.361C446.924 3.241 441.709 0 436 0C430.291 0 425.076 3.242 422.549 8.362L408.406 37.02L376.78 41.615C371.13 42.436 366.435 46.394 364.671 51.824C362.906 57.254 364.378 63.215 368.466 67.201L391.351 89.508L385.949 121.006C384.984 126.633 387.297 132.321 391.916 135.677C396.536 139.033 402.659 139.475 407.713 136.819L436 121.947L464.287 136.818C469.361 139.486 475.484 139.018 480.084 135.676C484.703 132.32 487.017 126.633 486.051 121.005L480.649 89.507L503.534 67.2C507.622 63.215 509.094 57.254 507.329 51.824V51.824ZM454.061 73.529C450.526 76.975 448.913 81.94 449.747 86.806L451.345 96.121L442.98 91.723C440.795 90.574 438.397 90 436 90C433.603 90 431.205 90.574 429.02 91.723L420.655 96.121L422.253 86.806C423.087 81.94 421.474 76.975 417.939 73.529L411.171 66.932L420.524 65.573C425.41 64.863 429.633 61.795 431.818 57.367L436 48.893L440.183 57.368C442.368 61.795 446.592 64.864 451.477 65.574L460.83 66.933L454.061 73.529Z"/> <path d="M255.563 182C164.582 182 90.5635 256.019 90.5635 347C90.5635 437.981 164.582 512 255.563 512C346.544 512 420.563 437.981 420.563 347C420.563 256.019 346.545 182 255.563 182ZM255.563 482C181.124 482 120.563 421.439 120.563 347C120.563 272.561 181.124 212 255.563 212C330.002 212 390.563 272.561 390.563 347C390.563 421.439 330.003 482 255.563 482Z"/> <path d="M165.563 317C157.279 317 150.563 323.716 150.563 332C150.563 389.897 197.666 437 255.563 437C313.46 437 360.563 389.897 360.563 332C360.563 323.716 353.847 317 345.563 317H165.563ZM255.563 407C219.344 407 189.039 381.191 182.07 347H329.056C322.087 381.191 291.782 407 255.563 407Z"/> <path d="M300.563 287C308.848 287 315.563 280.284 315.563 272C315.563 263.716 308.848 257 300.563 257C292.279 257 285.563 263.716 285.563 272C285.563 280.284 292.279 287 300.563 287Z"/> <path d="M210.563 287C218.848 287 225.563 280.284 225.563 272C225.563 263.716 218.848 257 210.563 257C202.279 257 195.563 263.716 195.563 272C195.563 280.284 202.279 287 210.563 287Z"/> </g> </svg> <p class="mb-2 text-lg font-semibold text-gray-900"> Our customer support rocks! </p> <p class="text-center text-sm text-gray-600"> We're rated 4.7 on TrustPilot for customer service, and our CEO has even been known to answer customer emails. We tell him he needs to get out more. If you have a problem, it's our problem too. </p> </div> <div class="flex flex-col items-center"> <svg class="fill-current mb-4 h-16 w-16 text-blue-400" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M440.859 314.934L375.575 363.149C369.208 367.697 362.229 371.154 354.926 373.492C358.805 362.264 358.146 350.229 353.009 339.461C347.698 328.328 338.329 320.048 326.594 316.136L196.281 273.021C157.061 259.945 104.302 265.6 69.08 296.992H15C6.716 296.992 0 303.708 0 311.992V461.992C0 470.276 6.716 476.992 15 476.992H75C83.284 476.992 90 470.276 90 461.992V450.783L207.65 477.518C229.105 482.43 251.094 485.008 271.442 485.008C272.372 485.008 273.299 485.003 274.222 484.992C331.154 484.325 386.14 466.194 433.235 432.557L493.168 388.168C514.149 373.182 518.262 343.577 502.152 323.44C487.226 304.782 460.302 301.046 440.859 314.934V314.934ZM60 446.992H30V326.992H60V446.992ZM475.731 363.756L415.798 408.145C373.718 438.2 324.641 454.4 273.871 454.994C255.095 455.213 234.505 452.89 214.321 448.27L90 420.019V318.538C122.32 290.485 166.939 294.862 186.825 301.492L317.139 344.607C321.039 345.907 324.162 348.667 325.932 352.378C327.703 356.089 327.882 360.253 326.439 364.102C323.593 371.691 315.338 375.628 307.652 373.065C307.637 373.06 307.623 373.058 307.608 373.053L215.701 342.748C207.833 340.154 199.353 344.429 196.758 352.296C194.164 360.164 198.439 368.645 206.306 371.239L298.778 401.73C330.54 412.318 365.768 407.02 393.012 387.56L458.296 339.346C464.777 334.717 473.75 335.962 478.726 342.181C484.086 348.881 482.767 358.73 475.731 363.756V363.756Z"/> <path d="M405.917 154.889C397.91 150.616 388.671 148.902 379.736 147.244C373.044 146.002 366.123 144.719 362.209 142.63C360.213 141.564 360.213 141.288 360.213 139.492C360.213 138.429 361.943 136.489 365.251 134.835C373.441 130.741 384.991 131.076 391 135.583C397.629 140.554 407.029 139.21 412 132.583C416.971 125.956 415.628 116.554 409 111.583C404.067 107.883 398.245 105.239 392 103.666V99.9932C392 91.7092 385.284 84.9932 377 84.9932C368.716 84.9932 362 91.7092 362 99.9932V104.116C358.506 105.085 355.092 106.374 351.835 108.003C338.094 114.873 330.213 126.351 330.213 139.493C330.213 152.62 336.393 162.857 348.084 169.097C356.09 173.37 365.329 175.084 374.264 176.742C380.957 177.984 387.877 179.267 391.791 181.356C393.787 182.421 393.787 182.698 393.787 184.493C393.787 185.521 392.012 187.5 388.723 189.145C380.54 193.237 369 192.903 363 188.403C356.373 183.432 346.971 184.777 342 191.403C337.029 198.031 338.373 207.433 345 212.403C349.933 216.103 355.756 218.745 362 220.317V223.993C362 232.277 368.716 238.993 377 238.993C385.284 238.993 392 232.277 392 223.993V219.848C395.485 218.88 398.891 217.602 402.14 215.977C415.897 209.098 423.787 197.623 423.787 184.492C423.787 171.365 417.607 161.129 405.917 154.889V154.889Z"/> <path d="M377 296.992C451.439 296.992 512 236.431 512 161.992C512 87.5532 451.439 26.9922 377 26.9922C302.561 26.9922 242 87.5532 242 161.992C242 236.431 302.561 296.992 377 296.992ZM377 56.9922C434.897 56.9922 482 104.095 482 161.992C482 219.889 434.897 266.992 377 266.992C319.103 266.992 272 219.889 272 161.992C272 104.095 319.103 56.9922 377 56.9922Z"/> </g> </svg> <p class="mb-2 text-lg font-semibold text-gray-900"> Money-back guarantee </p> <p class="text-center text-sm text-gray-600"> We don't expect it to come to this, but if for whatever reason there's a problem with the quality of our service or content that we can't fix, then we will refund you. </p> </div> </div> <h3 id="plans-and-pricing" class="mb-8 text-center text-4xl font-semibold text-gray-900"> Plans and pricing </h3> <p class="mb-12 flex items-center justify-center text-center text-lg text-gray-900"> Enjoy <span class="relative mx-1 block font-semibold"> unlimited downloads <svg class="absolute -bottom-3 -mx-2 fill-transparent stroke-yellow-700" style="stroke-width: 8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path> </svg> </span> on yearly plans </p> <div x-data="{ toggle: '1' }"> <div class="mb-8 flex gap-6"> <div class="flex-1"> <p class="text-right text-xl font-semibold text-gray-900"> Yearly </p> <p class="text-right text-sm text-gray-600"> Unlimited downloads </p> </div> <div class="relative mt-2 h-7 w-14 cursor-pointer rounded-full bg-gray-900 transition duration-200 ease-linear"> <label for="toggle" class="absolute left-0 mb-2 h-7 w-7 transform cursor-pointer rounded-full border-4 border-gray-900 bg-white transition duration-100 ease-linear" :class="[toggle === '1' ? 'translate-x-full' : 'translate-x-0']"></label> <input type="checkbox" id="toggle" name="toggle" class="h-full w-full appearance-none focus:outline-none" @click="toggle === '0' ? toggle = '1' : toggle = '0'" /> </div> <div class="flex-1"> <p class="text-xl font-semibold text-gray-900"> Monthly </p> <p class="text-sm text-gray-600"> Download limits apply </p> </div> </div> <div class="flex flex-col overflow-hidden rounded border border-gray-200 bg-gray-100 shadow-lg lg:flex-row"> <div class="flex flex-1 flex-col items-center border-r border-gray-200 p-3" :class="[toggle === '0' ? 'opacity-50 pointer-events-none bg-transparent' : 'bg-white']"> <img src="/images/videvo-lite.svg" class="my-4 h-8" /> <p class="font-semibold text-gray-600">Premium videos</p> <hr class="my-8 w-full border-b border-gray-200" /> <div class="mb-4 flex-1"> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium video downloads </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> 5 Premium downloads/month </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Royalty-free licensing </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> No adverts </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Money-back guarantee </p> </div> <div class="relative flex gap-1 font-semibold text-blue-800"> <span class="pt-1.5 text-xl"> $ </span> <span class="text-7xl !font-['Inter']"> 7 </span> <span class="flex flex-col justify-between"> <span class="pt-1.5 text-2xl"> 99 </span> <span class="pb-2 text-xl ">/month</span> </span> </div> <p class="mb-8 text-sm text-gray-600">Billed monthly</p> <button x-show="toggle === '1'" onclick="goToCheckout('/checkout/videvo/VD-LITE-1?opt=monthly', false)" class="w-full rounded-md bg-blue-800 py-4 px-4 text-center text-xl font-semibold text-white"> Select plan </button> <button x-show="toggle !== '1'" class="w-full rounded-md bg-gray-50 py-4 px-4 text-center text-xl font-semibold text-gray-600"> Not available yearly </button> </div> <div class="flex flex-1 flex-col items-center border-r border-gray-200 bg-white p-3"> <img src="/images/videvo-plus.svg" class="my-4 h-8" /> <p class="font-semibold text-gray-600">Premium Videos & Templates</p> <hr class="my-8 w-full border-b border-gray-200" /> <div class="mb-4 flex-1"> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium video downloads </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium video templates </p> <p x-show="toggle === '1'" class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> 25 Premium downloads/month </p> <p x-show="toggle !== '1'" class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> <span class="relative mx-1 block font-semibold"> Unlimited <svg class="absolute top-1 -mx-2 fill-transparent stroke-yellow-700" style="stroke-width: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path> </svg> </span> Premium downloads </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Royalty-free licensing </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> No adverts </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Money-back guarantee </p> </div> <div class="relative flex gap-1 font-semibold text-blue-400"> <span class="pt-1.5 text-xl"> $ </span> <span x-show="toggle === '1'" class="text-7xl !font-['Inter']"> 14 </span> <span x-show="toggle !== '1'" class="text-7xl !font-['Inter']"> 12 </span> <span class="flex flex-col justify-between"> <span x-show="toggle === '1'" class="pt-1.5 text-2xl"> 99 </span> <span x-show="toggle !== '1'" class="pt-1.5 text-2xl"> 00 </span> <span class="pb-2 text-xl ">/month</span> </span> </div> <p class="mb-8 text-sm text-gray-600" x-show="toggle === '1'"> Billed monthly </p> <p class="mb-8 text-sm text-gray-600" x-show="toggle !== '1'"> $ 144.00 Billed annually </p> <button :onclick="[toggle === '0' ? 'goToCheckout(`/checkout/videvo/VD-PLUS-1?opt=yearly`, false)' : 'goToCheckout(`/checkout/videvo/VD-PLUS-1?opt=monthly`, false)']" class="w-full rounded-md bg-blue-500 py-4 px-4 text-center text-xl font-semibold text-white"> Select plan </button> </div> <div class="flex flex-1 flex-col items-center bg-white p-3"> <img src="/images/videvo-pro.svg" class="my-4 h-8" /> <p class="font-semibold text-gray-600">Premium Videos, Templates, Music & SFX</p> <hr class="my-8 w-full border-b border-gray-200" /> <div class="mb-4 flex-1"> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium video downloads </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium video templates </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Premium music and sound effects </p> <p x-show="toggle === '1'" class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> 50 Premium downloads/month </p> <p x-show="toggle !== '1'" class="mb-4 flex items-center self-start font-semibold text-gray-900 capitalize"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> <span class="relative mx-1 block font-semibold"> Unlimited <svg class="absolute top-1 -mx-2 fill-transparent stroke-yellow-700" style="stroke-width: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path> </svg> </span> Premium downloads </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Royalty-free licensing </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> No adverts </p> <p class="mb-4 flex items-center self-start font-semibold text-gray-900"> <svg class="fill-current mr-2 h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> Money-back guarantee </p> </div> <div class="relative flex gap-1 font-semibold text-yellow-700"> <span class="pt-1.5 text-xl"> $ </span> <span x-show="toggle === '1'" class="text-7xl !font-['Inter']"> 24 </span> <span x-show="toggle !== '1'" class="text-7xl !font-['Inter']"> 20 </span> <span class="flex flex-col justify-between"> <span x-show="toggle === '1'" class="pt-1.5 text-2xl"> 99 </span> <span x-show="toggle !== '1'" class="pt-1.5 text-2xl"> 00 </span> <span class="pb-2 text-xl ">/month</span> </span> </div> <p class="mb-8 text-sm text-gray-600" x-show="toggle === '1'"> Billed monthly </p> <p class="mb-8 text-sm text-gray-600" x-show="toggle !== '1'"> $ 240.00 Billed annually </p> <button :onclick="[toggle === '0' ? 'goToCheckout(`/checkout/videvo/VD-PRO-1?opt=yearly`, false)' : 'goToCheckout(`/checkout/videvo/VD-PRO-1?opt=monthly`, false)']" class="w-full rounded-md bg-yellow-700 py-4 px-4 text-center text-xl font-semibold text-white"> Select plan </button> </div> </div> <div class="my-8 flex flex-col justify-center gap-2 sm:flex-row sm:items-center sm:gap-8"> <p class="flex items-center text-gray-800"> <span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-white"> <svg class="fill-current h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </span> Monthly or annual payments </p> <p class="flex items-center text-gray-800"> <span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-white"> <svg class="fill-current h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </span> Money-back guarantee </p> <p class="flex items-center text-gray-800"> <span class="mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-green-500 text-white"> <svg class="fill-current h-3 w-3" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.89321 13.6583C4.64475 13.6583 4.39628 13.5635 4.20669 13.3739L0.284359 9.45158C-0.0947864 9.07244 -0.0947864 8.45768 0.284359 8.07857C0.663544 7.69939 1.27822 7.69939 1.65737 8.07857L4.89384 11.3151L14.3433 1.88374C14.7227 1.50494 15.3375 1.50549 15.7163 1.88502C16.0951 2.26452 16.0945 2.87927 15.715 3.25803L5.57908 13.3745C5.38956 13.5637 5.14133 13.6583 4.89321 13.6583Z"/> </svg> </span> Cancel anytime </p> </div> </div> </div> <div class="bg-neutral-50 py-12"> <h3 class="mb-8 text-center text-4xl font-semibold text-gray-900"> Frequently asked questions </h3> <div class="container mx-auto max-w-screen-md px-8" x-data="{ selected: null }"> <div class="mb-2"> <button class="flex w-full items-start justify-between py-4 pr-2 text-left text-xl font-semibold hover:text-gray-800 sm:items-center sm:pr-0" @click="selected !== 1 ? selected = 1 : selected = null" :class="selected = '1' ? 'text-gray-600' : 'text-gray-800'"> Can I cancel my subscription at any time? <svg x-show="selected != '1'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M13.3201 7.91985H10.0801V4.67985C10.0801 4.08339 9.59656 3.59985 9.0001 3.59985C8.40364 3.59985 7.9201 4.08339 7.9201 4.67985V7.91985H4.6801C4.08364 7.91985 3.6001 8.40339 3.6001 8.99985C3.6001 9.59632 4.08364 10.0799 4.6801 10.0799H7.9201V13.3199C7.9201 13.9163 8.40364 14.3999 9.0001 14.3999C9.59656 14.3999 10.0801 13.9163 10.0801 13.3199V10.0799H13.3201C13.9166 10.0799 14.4001 9.59632 14.4001 8.99985C14.4001 8.40339 13.9166 7.91985 13.3201 7.91985Z" /></svg> <svg x-show="selected == '1'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3196 9.9001H4.67961C4.08315 9.9001 3.59961 9.49715 3.59961 9.0001C3.59961 8.50305 4.08315 8.1001 4.67961 8.1001H13.3196C13.9161 8.1001 14.3996 8.50305 14.3996 9.0001C14.3996 9.49715 13.9161 9.9001 13.3196 9.9001Z" /> </svg> </button> <div class="relative max-h-0 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + ($refs.container1.scrollHeight+80) + 'px' : ''"> <p class="text-gray-800">Yes, after starting your subscription you can cancel at any time. If you鈥檙e on a monthly plan, that means that you can subscribe for just 1-month should you wish to do so. Unsubscribing is easy and takes just a couple of clicks in your Account Settings area. When you cancel your subscription, your account will be downgraded to Free. </div> </div> <div class="mb-2"> <button class="flex w-full items-start justify-between py-4 pr-2 text-left text-xl font-semibold hover:text-gray-800 sm:items-center sm:pr-0" @click="selected !== 2 ? selected = 2 : selected = null" :class="selected = '2' ? 'text-gray-600' : 'text-gray-800'"> Can I still use the clips I've downloaded after my subscription ends? <svg x-show="selected != '2'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M13.3201 7.91985H10.0801V4.67985C10.0801 4.08339 9.59656 3.59985 9.0001 3.59985C8.40364 3.59985 7.9201 4.08339 7.9201 4.67985V7.91985H4.6801C4.08364 7.91985 3.6001 8.40339 3.6001 8.99985C3.6001 9.59632 4.08364 10.0799 4.6801 10.0799H7.9201V13.3199C7.9201 13.9163 8.40364 14.3999 9.0001 14.3999C9.59656 14.3999 10.0801 13.9163 10.0801 13.3199V10.0799H13.3201C13.9166 10.0799 14.4001 9.59632 14.4001 8.99985C14.4001 8.40339 13.9166 7.91985 13.3201 7.91985Z" /></svg> <svg x-show="selected == '2'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3196 9.9001H4.67961C4.08315 9.9001 3.59961 9.49715 3.59961 9.0001C3.59961 8.50305 4.08315 8.1001 4.67961 8.1001H13.3196C13.9161 8.1001 14.3996 8.50305 14.3996 9.0001C14.3996 9.49715 13.9161 9.9001 13.3196 9.9001Z" /> </svg> </button> <div class="relative max-h-0 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:style="selected == 2 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''"> <p class="text-gray-800">Absolutely! Any content you download during your subscription period is yours to keep hold of, and even use again in later projects if you need to. The license of the content at the point of download still applies even after your subscription ends. </div> </div> <div class="mb-2"> <button class="flex w-full items-start justify-between py-4 pr-2 text-left text-xl font-semibold hover:text-gray-800 sm:items-center sm:pr-0" @click="selected !== 3 ? selected = 3 : selected = null" :class="selected = '3' ? 'text-gray-600' : 'text-gray-800'"> Once subscribed, can I switch to a different plan? <svg x-show="selected != '3'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M13.3201 7.91985H10.0801V4.67985C10.0801 4.08339 9.59656 3.59985 9.0001 3.59985C8.40364 3.59985 7.9201 4.08339 7.9201 4.67985V7.91985H4.6801C4.08364 7.91985 3.6001 8.40339 3.6001 8.99985C3.6001 9.59632 4.08364 10.0799 4.6801 10.0799H7.9201V13.3199C7.9201 13.9163 8.40364 14.3999 9.0001 14.3999C9.59656 14.3999 10.0801 13.9163 10.0801 13.3199V10.0799H13.3201C13.9166 10.0799 14.4001 9.59632 14.4001 8.99985C14.4001 8.40339 13.9166 7.91985 13.3201 7.91985Z" /></svg> <svg x-show="selected == '3'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3196 9.9001H4.67961C4.08315 9.9001 3.59961 9.49715 3.59961 9.0001C3.59961 8.50305 4.08315 8.1001 4.67961 8.1001H13.3196C13.9161 8.1001 14.3996 8.50305 14.3996 9.0001C14.3996 9.49715 13.9161 9.9001 13.3196 9.9001Z" /> </svg> </button> <div class="relative max-h-0 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:style="selected == 3 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''"> <p class="text-gray-800">Yes. If you change your mind and wish to switch to a different plan, you can do this from your Account Settings area. Any remaining downloads you may have will be carried forward to your new plan. </div> </div> <div class="mb-2"> <button class="flex w-full items-start justify-between py-4 pr-2 text-left text-xl font-semibold hover:text-gray-800 sm:items-center sm:pr-0" @click="selected !== 4 ? selected = 4 : selected = null" :class="selected = '4' ? 'text-gray-600' : 'text-gray-800'"> Do you offer student discount? <svg x-show="selected != '4'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M13.3201 7.91985H10.0801V4.67985C10.0801 4.08339 9.59656 3.59985 9.0001 3.59985C8.40364 3.59985 7.9201 4.08339 7.9201 4.67985V7.91985H4.6801C4.08364 7.91985 3.6001 8.40339 3.6001 8.99985C3.6001 9.59632 4.08364 10.0799 4.6801 10.0799H7.9201V13.3199C7.9201 13.9163 8.40364 14.3999 9.0001 14.3999C9.59656 14.3999 10.0801 13.9163 10.0801 13.3199V10.0799H13.3201C13.9166 10.0799 14.4001 9.59632 14.4001 8.99985C14.4001 8.40339 13.9166 7.91985 13.3201 7.91985Z" /></svg> <svg x-show="selected == '4'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3196 9.9001H4.67961C4.08315 9.9001 3.59961 9.49715 3.59961 9.0001C3.59961 8.50305 4.08315 8.1001 4.67961 8.1001H13.3196C13.9161 8.1001 14.3996 8.50305 14.3996 9.0001C14.3996 9.49715 13.9161 9.9001 13.3196 9.9001Z" /> </svg> </button> <div class="relative max-h-0 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:style="selected == 4 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''"> <p class="text-gray-800">We don鈥檛 officially offer student discount, but if you send us a message to <a href="mailto:support@videvo.net" class="text-blue-500 hover:text-blue-400">support@videvo.net</a> from your student email address, we鈥檒l hook you up with a discount code for you to use in the checkout process. </div> </div> <div class="mb-2"> <button class="flex w-full items-start justify-between py-4 pr-2 text-left text-xl font-semibold hover:text-gray-800 sm:items-center sm:pr-0" @click="selected !== 6 ? selected = 6 : selected = null" :class="selected = '6' ? 'text-gray-600' : 'text-gray-800'"> Can I access tax invoices from my account? <svg x-show="selected != '6'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M13.3201 7.91985H10.0801V4.67985C10.0801 4.08339 9.59656 3.59985 9.0001 3.59985C8.40364 3.59985 7.9201 4.08339 7.9201 4.67985V7.91985H4.6801C4.08364 7.91985 3.6001 8.40339 3.6001 8.99985C3.6001 9.59632 4.08364 10.0799 4.6801 10.0799H7.9201V13.3199C7.9201 13.9163 8.40364 14.3999 9.0001 14.3999C9.59656 14.3999 10.0801 13.9163 10.0801 13.3199V10.0799H13.3201C13.9166 10.0799 14.4001 9.59632 14.4001 8.99985C14.4001 8.40339 13.9166 7.91985 13.3201 7.91985Z" /></svg> <svg x-show="selected == '6'" class="fill-current h-8 w-8 shrink-0" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3196 9.9001H4.67961C4.08315 9.9001 3.59961 9.49715 3.59961 9.0001C3.59961 8.50305 4.08315 8.1001 4.67961 8.1001H13.3196C13.9161 8.1001 14.3996 8.50305 14.3996 9.0001C14.3996 9.49715 13.9161 9.9001 13.3196 9.9001Z" /> </svg> </button> <div class="relative max-h-0 overflow-hidden transition-all duration-700" x-ref="container1" x-bind:style="selected == 6 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''"> <p class="text-gray-800">Tax invoices are automatically generated and stored in your account area for you to download whenever you need them. If you need to update any information, please get in touch with us at <a href="mailto:support@videvo.net" class="text-blue-500 hover:text-blue-400">support@videvo.net</a>, and a member of our team will be happy to assist you. </div> </div> </div> </div> </main> <footer class="mt-auto bg-gray-900 pt-8 text-gray-300 sm:pt-14 lg:pt-16"> <div class="md:container mx-auto px-8 flex w-full flex-col"> <div class="w-full pb-9 mb-9 border-b border-gray-800 flex w-full justify-center md:justify-start"> <img width="256" height="28" src="/images/logo-videvo-freepik.svg" class="h-7 hidden md:block" loading="lazy"/> <img width="135" height="46" src="/images/logo-videvo-freepik-mobile.svg" class="h-[46px] block md:hidden" loading="lazy"/> </div> <div class="flex flex-col gap-8 lg:flex-row lg:gap-24"> <div class="flex flex-col items-center sm:items-start lg:w-[30%]"> <h3 class="w-full text-left mb-2 text-sm font-semibold text-white uppercase">About Videvo</h3> <p class="mb-2 text-sm text-gray-500">Videvo offers free stock videos and motion graphics for use in any project. You may use these video clips free of charge, in both personal and commercial productions. Video clips that carry the Creative Commons 3.0 license must be attributed to the original author.</p> <p class="text-sm text-gray-500">If you have any suggestions for the site, or would like to make a request for free stock footage please contact us at: <a href="mailto:support@videvo.net" class="text-blue-500 underline hover:no-underline">support@videvo.net</a> and we'll do our best to help.</p> </div> <div class="w-full lg:w-2/5 lg:text-left"> <h3 class="mb-2 text-sm font-semibold text-white uppercase">Quick links</h3> <div class="flex"> <ul class="w-1/2 p-0"> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="/#rs=footer">Stock video</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/free-stock-footage/#rs=footer">Footage</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/free-motion-graphics/#rs=footer">Motion graphics</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/video-editing-templates/#rs=footer">Video templates</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/a/privacy-policy/#rs=footer">Privacy policy</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/a/terms-and-conditions/#rs=footer">Terms and conditions</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="/a/videvo-api#rs=footer">API</a> </li> </ul> <ul class="w-1/2 p-0"> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/stock-video-footage/#rs=footer">Browse</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/premium-plans/#rs=footer">Premium</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://www.videvo.net/affiliates/#rs=footer">Affiliates</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="/blog#rs=footer">Blog</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="https://help.videvo.net/category/6-licensing#rs=footer">Licensing</a> </li> <li> <a class="mb-2 inline-block text-sm text-gray-500 hover:text-gray-300" href="/a/contact-us#rs=footer">Contact</a> </li> <li id="link-cookie-settings"> <button id="ot-sdk-btn" class="ot-sdk-show-settings mb-2 inline-block text-sm !text-gray-500 !hover:text-gray-300">Manage Preferences</button> </li> </ul> </div> </div> <div class="lg:w-[30%] lg:text-left"> <h3 class="mb-2 text-sm font-semibold text-white uppercase">Social media</h3> <p class="mb-4 text-sm text-gray-500">For recent updates and news follow our social media feeds</p> <div class="mb-8 flex gap-4 justify-start"> <a href="https://twitter.com/videvo" target="_blank"> <svg class="fill-current h-8 w-8" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="34" height="34" rx="3" fill="#1DA1F2"/> <path d="M24 12.5381C23.4111 12.7991 22.7792 12.9761 22.1153 13.0552C22.7932 12.6491 23.3121 12.0051 23.5581 11.24C22.9222 11.616 22.2203 11.8891 21.4724 12.0371C20.8736 11.398 20.0217 11 19.0769 11C17.2642 11 15.7945 12.4701 15.7945 14.2823C15.7945 14.5393 15.8235 14.7903 15.8795 15.0303C13.152 14.8933 10.7335 13.5862 9.11477 11.6C8.83182 12.0841 8.67085 12.6481 8.67085 13.2502C8.67085 14.3893 9.25075 15.3943 10.1306 15.9824C9.59268 15.9644 9.08677 15.8164 8.64387 15.5703V15.6113C8.64387 17.2015 9.77566 18.5285 11.2764 18.8306C11.0014 18.9046 10.7115 18.9456 10.4115 18.9456C10.1996 18.9456 9.99462 18.9246 9.79365 18.8846C10.2116 20.1897 11.4234 21.1387 12.8591 21.1648C11.7363 22.0448 10.3206 22.5679 8.78285 22.5679C8.51791 22.5679 8.25694 22.5519 8 22.5229C9.45273 23.456 11.1774 24 13.0311 24C19.0689 24 22.3693 18.9976 22.3693 14.6593L22.3583 14.2343C23.0032 13.7742 23.5611 13.1962 24 12.5381Z" fill="white"/> </svg> </a> <a href="https://www.youtube.com/user/VIDEV0" target="_blank"> <svg class="fill-current h-8 w-8" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="34" height="34" rx="3" fill="#FF0000"/> <mask id="mask0_2735_11207" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="11" width="16" height="11"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.00549 11.0034H25V21.9119H9.00549V11.0034Z" fill="white"/> </mask> <g mask="url(#mask0_2735_11207)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3636 18.7589V14.1531L19.5455 16.4561L15.3636 18.7589ZM24.6656 12.7039C24.4816 12.0332 23.9395 11.505 23.2511 11.3258C22.0034 11 17 11 17 11C17 11 11.9966 11 10.7489 11.3258C10.0605 11.505 9.51836 12.0332 9.33436 12.7039C9 13.9196 9 16.456 9 16.456C9 16.456 9 18.9923 9.33436 20.2081C9.51836 20.8788 10.0605 21.407 10.7489 21.5863C11.9966 21.912 17 21.912 17 21.912C17 21.912 22.0034 21.912 23.2511 21.5863C23.9395 21.407 24.4816 20.8788 24.6656 20.2081C25 18.9923 25 16.456 25 16.456C25 16.456 25 13.9196 24.6656 12.7039Z" fill="#FFFFFE"/> </g> </svg> </a> <a href="https://www.facebook.com/Videvo" target="_blank"> <svg class="fill-current h-8 w-8" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="34" height="34" rx="3" fill="#1877F2"/> <path d="M27 17C27 11.4766 22.5234 7 17 7C11.4766 7 7 11.4766 7 17C7 21.9922 10.6562 26.1289 15.4375 26.8789V19.8906H12.8984V17H15.4375V14.7969C15.4375 12.291 16.9297 10.9062 19.2148 10.9062C20.3086 10.9062 21.4531 11.1016 21.4531 11.1016V13.5625H20.1914C18.9492 13.5625 18.5625 14.334 18.5625 15.125V17H21.3359L20.8926 19.8906H18.5625V26.8789C23.3438 26.1289 27 21.9922 27 17Z" fill="white"/> <path d="M20.8926 19.8906L21.3359 17H18.5625V15.125C18.5625 14.334 18.9492 13.5625 20.1914 13.5625H21.4531V11.1016C21.4531 11.1016 20.3086 10.9062 19.2148 10.9062C16.9297 10.9062 15.4375 12.291 15.4375 14.7969V17H12.8984V19.8906H15.4375V26.8789C15.9473 26.959 16.4687 27 17 27C17.5313 27 18.0527 26.959 18.5625 26.8789V19.8906H20.8926Z" fill="#1877F2"/> </svg> </a> <a href="https://www.instagram.com/videvostock/" target="_blank"> <svg class="fill-current h-8 w-8" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="34" height="34" rx="3" fill="url(#paint0_linear_2735_11196)"/> <mask id="mask0_2735_11196" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="16" height="16"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9.00513H24.995V24.9982H9V9.00513Z" fill="white"/> </mask> <g mask="url(#mask0_2735_11196)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9975 9.00513C14.8255 9.00513 14.5531 9.01433 13.7001 9.05325C12.8489 9.09208 12.2675 9.22729 11.7588 9.425C11.2329 9.62935 10.7869 9.90281 10.3423 10.3474C9.89768 10.792 9.62422 11.238 9.41987 11.764C9.22216 12.2727 9.08695 12.854 9.04813 13.7053C9.00921 14.5583 9 14.8306 9 17.0026C9 19.1746 9.00921 19.4469 9.04813 20.3C9.08695 21.1512 9.22216 21.7326 9.41987 22.2413C9.62422 22.7672 9.89768 23.2132 10.3423 23.6578C10.7869 24.1024 11.2329 24.3759 11.7588 24.5802C12.2675 24.7779 12.8489 24.9131 13.7001 24.952C14.5531 24.9909 14.8255 25.0001 16.9975 25.0001C19.1695 25.0001 19.4418 24.9909 20.2948 24.952C21.1461 24.9131 21.7274 24.7779 22.2361 24.5802C22.762 24.3759 23.208 24.1024 23.6527 23.6578C24.0973 23.2132 24.3707 22.7672 24.5751 22.2413C24.7728 21.7326 24.908 21.1512 24.9468 20.3C24.9857 19.4469 24.995 19.1746 24.995 17.0026C24.995 14.8306 24.9857 14.5583 24.9468 13.7053C24.908 12.854 24.7728 12.2727 24.5751 11.764C24.3707 11.238 24.0973 10.792 23.6527 10.3474C23.208 9.90281 22.762 9.62935 22.2361 9.425C21.7274 9.22729 21.1461 9.09208 20.2948 9.05325C19.4418 9.01433 19.1695 9.00513 16.9975 9.00513ZM16.9975 10.4461C19.1329 10.4461 19.3858 10.4543 20.2291 10.4927C21.0089 10.5283 21.4323 10.6586 21.7142 10.7681C22.0875 10.9132 22.3539 11.0865 22.6337 11.3664C22.9136 11.6462 23.0869 11.9126 23.232 12.2859C23.3415 12.5677 23.4718 12.9912 23.5073 13.7709C23.5458 14.6142 23.554 14.8672 23.554 17.0026C23.554 19.138 23.5458 19.391 23.5073 20.2343C23.4718 21.014 23.3415 21.4375 23.232 21.7193C23.0869 22.0926 22.9136 22.359 22.6337 22.6388C22.3539 22.9187 22.0875 23.092 21.7142 23.2371C21.4323 23.3466 21.0089 23.4769 20.2291 23.5125C19.386 23.5509 19.133 23.5591 16.9975 23.5591C14.8619 23.5591 14.609 23.5509 13.7658 23.5125C12.9861 23.4769 12.5626 23.3466 12.2808 23.2371C11.9075 23.092 11.6411 22.9187 11.3612 22.6388C11.0814 22.359 10.9081 22.0926 10.763 21.7193C10.6535 21.4375 10.5232 21.014 10.4876 20.2343C10.4491 19.391 10.441 19.138 10.441 17.0026C10.441 14.8672 10.4491 14.6142 10.4876 13.7709C10.5232 12.9912 10.6535 12.5677 10.763 12.2859C10.9081 11.9126 11.0814 11.6462 11.3612 11.3664C11.6411 11.0865 11.9075 10.9132 12.2808 10.7681C12.5626 10.6586 12.9861 10.5283 13.7658 10.4927C14.6091 10.4543 14.8621 10.4461 16.9975 10.4461Z" fill="white"/> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9975 19.6684C15.5251 19.6684 14.3316 18.4749 14.3316 17.0026C14.3316 15.5303 15.5251 14.3367 16.9975 14.3367C18.4697 14.3367 19.6633 15.5303 19.6633 17.0026C19.6633 18.4749 18.4697 19.6684 16.9975 19.6684ZM16.9975 12.8958C14.7293 12.8958 12.8906 14.7344 12.8906 17.0026C12.8906 19.2707 14.7293 21.1094 16.9975 21.1094C19.2656 21.1094 21.1042 19.2707 21.1042 17.0026C21.1042 14.7344 19.2656 12.8958 16.9975 12.8958Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.2263 12.7336C22.2263 13.2637 21.7966 13.6933 21.2666 13.6933C20.7366 13.6933 20.3069 13.2637 20.3069 12.7336C20.3069 12.2036 20.7366 11.7739 21.2666 11.7739C21.7966 11.7739 22.2263 12.2036 22.2263 12.7336Z" fill="white"/> <defs> <linearGradient id="paint0_linear_2735_11196" x1="20.4339" y1="41.4321" x2="40.3728" y2="6.34518" gradientUnits="userSpaceOnUse"> <stop stop-color="#F38334"/> <stop offset="0.503906" stop-color="#DA2E7D"/> <stop offset="1" stop-color="#6B54C6"/> </linearGradient> </defs> </svg> </a> </div> <h3 class="mb-2 text-sm font-semibold text-white uppercase">Site language</h3> <div class="flex items-center gap-2 justify-start"> <a href="https://www.videvo.net/premium-plans/#rs=footer" class="flex items-center gap-2 rounded py-2 px-4 text-sm bg-[#000]/30 text-white"> <img src="/images/en-flag.svg" class="h-4 w-4" alt="EN flag" loading="lazy"/> English </a> <a href="https://www.videvo.net/es/premium-plans/#rs=footer" class="flex items-center gap-2 rounded py-2 px-4 text-sm text-gray-500 hover:bg-[#000]/30"> <img src="/images/es-flag.svg" class="h-4 w-4" alt="ES flag" loading="lazy" /> Spanish </a> <a href="https://www.videvo.net/de/premium-plans/#rs=footer" class="flex items-center gap-2 rounded py-2 px-4 text-sm text-gray-500 hover:bg-[#000]/30"> <img src="/images/de-flag.svg" class="h-4 w-4" alt="DE flag" loading="lazy"/> Deutsch </a> </div> </div> </div> </div> <div class="mt-8 sm:mt-16 md:container mx-auto px-8 flex w-full flex-col"> <div class="mx-auto flex flex-col items-center justify-between border-t border-gray-800 py-6 text-center sm:flex-row md:block w-full"> <div class="flex flex-col sm:flex-row items-center sm:justify-start md:gap-x-12"> <img width="105" height="16" src="/images/logo-freepik.svg" class="mb-2 h-4 sm:mb-0 max-w-xs" alt="Freepik Company" loading="lazy"> <p class="ml-2 text-sm leading-normal text-gray-500 opacity-75"> Copyright 漏2024 Freepik Company S.L. All rights reserved. </p> </div> </div> </div> <div class="bg-gray-800 bg-opacity-75 py-3"> <div class="md:container px-8 mx-auto flex flex-col items-center text-sm text-gray-500 sm:flex-row sm:justify-between"> <strong>Freepik Company Projects</strong> <ul class="mt-2 ml-auto flex w-full flex-1 justify-end sm:mt-0 sm:w-auto"> <li class="mb-0 flex-1 sm:flex-initial"> <a class="mb-0 block px-2 text-center hover:text-gray-300 sm:inline" href="https://www.freepik.com#rs=videvo-footer" target="_blank" rel="noreferrer">Freepik</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="mb-0 block px-2 text-center hover:text-gray-300 sm:inline" href="https://www.flaticon.com#rs=videvo-footer" target="_blank" rel="noreferrer">Flaticon</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="mb-0 block px-2 text-center hover:text-gray-300 sm:inline" href="https://www.slidesgo.com#rs=videvo-footer" target="_blank" rel="noreferrer">Slidesgo</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="mb-0 block px-2 text-center hover:text-gray-300 sm:inline" href="https://www.wepik.com#rs=videvo-footer" target="_blank" rel="noreferrer">Wepik</a> </li> </ul> </div> </div> </footer> <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"AhprarjRofmIkLvXSrB8q7tlXohNa4GP5i0ERlrV","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> <link rel="modulepreload" href="https://www.videvo.net/build/assets/app.22840dca.js" /><link rel="modulepreload" href="https://www.videvo.net/build/assets/suggestions.eb75e223.js" /><link rel="modulepreload" href="https://www.videvo.net/build/assets/vendor.9e4bdd59.js" /><link rel="modulepreload" href="https://www.videvo.net/build/assets/favorites.f09182fd.js" /><script type="module" src="https://www.videvo.net/build/assets/app.22840dca.js" data-navigate-track="reload"></script> <div wire:snapshot="{"data":{"show":false,"response":[[],{"s":"arr"}],"modalContent":""},"memo":{"id":"ioaHFhzEicUiyYzOTXG2","name":"modals.generic-modal","path":"premium-plans","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"13fad8b439f25a5b783867a8f6f732f2d60f4fee3927e504ddc4eb9f2886373e"}" wire:effects="{"listeners":["show","refreshComponent"]}" wire:id="ioaHFhzEicUiyYzOTXG2" > </div> <div x-data="mustLoginCollections" x-cloak x-show="open" @showmustlogincollections.window="show" x-transition.duration.400ms class="fixed overflow-y-auto z-5 bottom-24 right-8 rounded-lg shadow-[0_3px_3px_rgb(0,0,0,0.2)]" > <div class="bg-white overflow-hidden transform sm:w-full sm:mx-auto max-w-lg"> <div class="flex flex-col items-center justify-center"> <div class="bg-white rounded-lg shadow-lg p-4"> <div class="flex items min-w-[300px]"> <div class="w-0 flex-1 pt-0.5"> <p class="text-sm font-medium text-gray-900">You must be logged in to add a clip to your collection.</p> </div> </div> <div class="flex-1 pt-0.5 w-full"> <a class="text-sm font-semibold text-gray-900 underline" href="https://www.videvo.net/auth/login/">Login</a> </div> </div> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('mustLoginCollections', () => ({ open: false, responseTimeoutId: null, timeoutId: null, show () { clearTimeout(this.timeoutId) this.open = true this.timeoutId = setTimeout(() => this.open = false, 6000) } })) }) </script> <div x-data="mustLoginFavorites" x-cloak x-show="open" @showmustloginfavorites.window="show" x-transition.duration.400ms class="fixed overflow-y-auto z-5 bottom-24 right-8 rounded-lg shadow-[0_3px_3px_rgb(0,0,0,0.2)]" > <div class="bg-white overflow-hidden transform sm:w-full sm:mx-auto max-w-lg"> <div class="flex flex-col items-center justify-center"> <div class="bg-white rounded-lg shadow-lg p-4"> <div class="flex items min-w-[300px]"> <div class="w-0 flex-1 pt-0.5"> <p class="text-sm font-medium text-gray-900">You must be logged in to add a clip to your favorites.</p> </div> </div> <div class="flex-1 pt-0.5 w-full"> <a class="text-sm font-semibold text-gray-900 underline" href="https://www.videvo.net/auth/login/">Login</a> </div> </div> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('mustLoginFavorites', () => ({ open: false, responseTimeoutId: null, timeoutId: null, show () { clearTimeout(this.timeoutId) this.open = true this.timeoutId = setTimeout(() => this.open = false, 6000) } })) }) </script> <template x-data x-if="Alpine.store('scriptLoader')?.loadScripts" id="gtm-events-scripts"> <script> window.sendEvent = function ( element ) { var data = {}; const attributes = element.attributes; for ( var i = 0; i < attributes.length; i++ ) { if ( attributes[i].name.includes( "ga4-" ) ) { data[attributes[i].name.replace( "ga4-", "" )] = attributes[i].value; } } dataLayer.push( data ); }; window.sendEventData = function ( data ) { dataLayer.push( data ); }; window.addEventListener('load', function () { Livewire.on('filterChange', filterData => { layerData = ``; for (const [key, value] of Object.entries(filterData)) { filterValue = value; if (typeof value === 'array') { // filterValue = value.join('|'); } if (!value) { filterValue = '-'; } layerData += `${key} : ${filterValue} ; `; } dataLayer.push({ 'event' : 'filter_selection', 'filter_name': layerData, }); dataLayer.push({ 'event' : 'filter_apply', 'filter_name': layerData, }); }) Livewire.on('addedNewCollectionGA4', collectionData => { var parsedCollectionData = JSON.parse(collectionData); parsedCollectionData['location'] = 'en.premium-plans'; dataLayer.push( parsedCollectionData ); }) Livewire.on('addedClipToNewCollectionGA4', clipAndCollectionData => { var parsedClipAndCollectionData = JSON.parse(clipAndCollectionData); parsedClipAndCollectionData['location'] = 'en.premium-plans'; dataLayer.push( parsedClipAndCollectionData ); }) document.addEventListener("click", function (e) { // general event tracking if ( e.target && e.target.matches("[gtm-event]") ) { let eventName = e.target.attributes["gtm-event"].value let label = e.target.attributes["gtm-label"].value || eventName; let category = e.target.attributes["gtm-category"].value || eventName; let layerData = { 'event': eventName, 'category': category, 'action': 'Clicked', 'label': label, 'value': 1 } dataLayer.push(layerData); } }); document.addEventListener("click", function (e) { // general event tracking if ( e.target && e.target.matches("[shutterstock-clip]") ) { let label = e.target.attributes["shutterstock-clip"].value; let layerData = { 'event': "shuttertockEvent", 'category': "Shutterstock", 'action': 'Clicked', 'label': `Shutterstock : ${label}`, 'value': 1 } dataLayer.push(layerData); } }); document.querySelectorAll(`[data-related-videos="true"] [video-anchor]`).forEach( (el) => { el.addEventListener('click', function (e) { e.preventDefault(); let layerData = { 'event': 'click_on_a_similar_clip_in_download_page', 'category': "Similar Clip download page", 'action': 'Click Similar Clip download page', 'label': "Click Similar Clip download page", 'value': 1 } console.log(layerData); dataLayer.push(layerData); }); }); Livewire.on('toggleFavorite', () => { let layerData = { 'event': 'click_on_secondary_actions', 'category': "Secondary Action", 'action': 'Secondary Action', 'label': "Secondary Action", 'value': 1 } dataLayer.push(layerData); }) Livewire.on('toggleAddToCollection', () => { let layerData = { 'event': 'click_on_secondary_actions', 'category': "Secondary Action", 'action': 'Secondary Action', 'label': "Secondary Action", 'value': 1 } dataLayer.push(layerData); }) Livewire.on('addToCollectionNotLoggedIn', () => { let layerData = { 'event': 'add_to_collection_not_logged_in', 'category': "Add to Collection Not Logged In", 'action': 'Add to Collection Not Logged In', 'label': "Add to Collection Not Logged In", 'value': 1 } dataLayer.push(layerData); }) Livewire.on('addToCollectionLoggedIn', () => { let layerData = { 'event': 'add_to_collection_logged_in', 'category': "Add to Collection Logged In", 'action': 'Add to Collection Logged In', 'label': "Add to Collection Logged In", 'value': 1 } dataLayer.push(layerData); }) }); </script> </template> <script> localStorage.removeItem('session/user'); localStorage.removeItem('user-info-videvo'); localStorage.removeItem('billing-info'); localStorage.removeItem('user-videvo-data'); </script> <script> document.addEventListener('DOMContentLoaded', event => { const pixelDataImpression = JSON.parse('{\u0022path\u0022:\u0022premium-plans\u0022,\u0022ga_client_id\u0022:null,\u0022lang\u0022:\u0022en\u0022,\u0022user_type\u0022:\u0022anonymous\u0022,\u0022user_id\u0022:null,\u0022r\u0022:0.29867814960827965}'); pixelDataImpression.content_group = ''; pixelDataImpression.tag = ''; startTracking(pixelDataImpression); }) </script> <template x-data x-if="Alpine.store('scriptLoader')?.googleLogin"> <script> setTimeout(() => { showGoogleOneTap(); }, 5000); function showGoogleOneTap() { google.accounts.id.initialize({ client_id: '705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com', callback: handleCredentialsResponse, cancel_on_tap_outside: false, prompt_parent_id: '#credential_picker_container', itp_support: true, context: 'use' }); google.accounts.id.prompt( (notification) => { if (notification.isNotDisplayed()) return; } ); } function handleCredentialsResponse(credentials) { const postData = { credential: credentials.credential }; const hint = JWTDecode(credentials.credential); if (hint.email_verified === true) { localStorage.setItem( 'id.videvo.net.auth.hints', JSON.stringify({ email: hint.email, email_verified: hint.email_verified, picture: hint.picture }) ); } const requestOptions = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(postData) }; fetch( `https://id.freepik.com/api/v2/login/google-one-tap?client_id=videvo&lang=${getCookie('gr_lang')}&no-redirect=1`, requestOptions ) .then(response => { if (!response.ok) { throw new Error('Network response was not ok..'); } return response.json(); }) .then(data => { if (!data.success || !data.data.redirectUrl) { throw new Error('Redirect URL not found in response data..'); } window.location.href = data.data.redirectUrl; }) .catch(error => { console.error(error); }); } function JWTDecode(token) { let base64Url = token.split('.')[1]; let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); const jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); } function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function getStorageItem(key) { return JSON.parse(localStorage.getItem(key) || null); } </script> </template> <script> if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js').then(function(registration) { console.log('Service Worker registered with scope:', registration.scope); }, function(error) { console.log('Service Worker registration failed:', error); }); }); } </script> </body> </html>

CINXE.COM

Stock Video Footage Subscription Premium