1<!DOCTYPE html> 2<html class="scroll-smooth"> 3 <head> 4 <!-- Google Tag Manager --> 5
5<script defer async>
vendor: 325 bytes, line 5
5(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','
5GTM-5VVM7H4
vendor: 3 bytes, line 5
5');
5</script>
5 6 <!-- End Google Tag Manager --> 7 8 <meta name="viewport" content="width=device-width,initial-scale=1"> 9 <title>VIVOTEK</title> 10 <meta name="csrf-param" content="authenticity_token" /> 11<meta name="csrf-token" content="uCqLxh59KrZnZmo1ETj0aV8qx4wQlEv4jP-oDdZOyu8Eo7UjCjqeps4VvQYwumrovqwtuQX90HxqHsniyWeKPg" /> 12 <meta name="csp-nonce" /> 13 <link rel="canonical" href="https://www.vivotek.com/en-US/search_accessory"> 14 <link rel="alternate" hreflang="en" href="https://www.vivotek.com/search_accessory"> 15<link rel="alternate" hreflang="x-default" href="https://www.vivotek.com/search_accessory"> 16<link rel="alternate" hreflang="en-US" href="https://www.vivotek.com/en-US/search_accessory"> 17<link rel="alternate" hreflang="es" href="https://www.vivotek.com/es/search_accessory"> 18<link rel="alternate" hreflang="zh-TW" href="https://www.vivotek.com/zh-TW/search_accessory"> 19<link rel="alternate" hreflang="ja" href="https://www.vivotek.com/ja/search_accessory"> 20<link rel="alternate" hreflang="en-CA" href="https://www.vivotek.com/en-US/search_accessory"> 21 <meta name="turbo-prefetch" content="false"> 22 <link rel="preconnect" href="https://fonts.googleapis.com" disabled> 23 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin disabled> 24 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&family=Noto+Sans+TC:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet" disabled> 25 <link href="/favicon.ico"> 26 27 <link rel="stylesheet" href="/assets/application-9b317b8983a1906564d8781598cf05d0a177fc4f.css" data-turbo-track="reload" /> 28 </head> 29 30 <body id="top" class="relative bg-vivotek-neutral-01 text-vivotek-black overflow-x-hidden en-US"> 31 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 31-32
31 32 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
32GTM-5VVM7H4
vendor: 87 bytes, lines 32-34
32" 33 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 34
34<!-- End Google Tag Manager (noscript) --> 35 <!-- Google tag (gtag.js) -->
vendor: 70 bytes, line 35
35 <script defer async src="https://www.googletagmanager.com/gtag/js?id=
35G-VZBE750MDG
vendor: 12 bytes, line 35
35"></script>
35<script>
vendor: 127 bytes, line 35
35window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
35G-VZBE750MDG
vendor: 4 bytes, line 35
35');
35</script>
35 36 37 <div class="mx-auto"> 38 <a 39 class="absolute top-0 h-0" 40 x-data 41 x-intersect:enter="$dispatch('login-bar:show')" 42 x-intersect:leave="$dispatch('login-bar:hide')" 43 ></a> 44 45<div 46 class="fixed top-0 z-20 mx-auto w-full" 47 x-data="{ 48 searchValue: '', 49 displayDropdown: true 50 }" 51> 52 <div 53 class="md:hidden h-13.5 overflow-hidden transition-[height]" 54 :class="{ '!h-0': !isShow, 'h-13.5': !expanded }" 55 x-data="{ 56 expanded: '', 57 isShow: true, 58 toggle(type) { 59 if( this.expanded != type ){ this.expanded = type } 60 else{ this.expanded = '' } 61 } 62 }" 63 @scroll:direction.window="isShow = $event.detail === 'up'" 64 > 65 <div 66 class="rounded-b-5 py-3 bg-white text-vivotek-black shadow-vivotek-header" 67 :class="{'h-screen overflow-y-scroll': expanded }" 68 > 69 <div class="flex justify-between px-6"> 70 <a href="/en-US"> 71 <img width="300" height="108" class="w-25 h-7.5 object-contain" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 72</a> <div class="flex items-center gap-x-4.5"> 73 <a class="flex items-center px-2 py-1 bg-vivotek-primary rounded-[0.625rem] text-white" href="https://www.vivotek.com/en-US/contact_us/sales_inquiry">Demo</a> 74 <span x-show="expanded != 'search'" @click="toggle('search')"> 75 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/search-9c94a895981f9495e6117c232dede4aed33e7c30.svg" /> 76 </span> 77 <span x-show="expanded == ''" @click="toggle('menu')"> 78 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/burger_menu-4ec67e942f4411d8d79d22a0e820f9529556d209.svg" /> 79 </span> 80 <span x-show="expanded != ''" @click="toggle('')"> 81 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/close-9c864f28f8b950f3618b91b49bd5bcdb83830711.svg" /> 82 </span> 83 </div> 84 </div> 85 <div :class="{'hidden': expanded != 'search'}" class="mt-6 mx-6 animate-flip-down"> 86 <frontend-search-forms-checkbox-select class="relative flex items-center w-full" x-data="{ 87 optionsExpanded: false, 88 selectedText: '', 89 search: '', 90 async init() { 91 await this.$nextTick() 92 93 this.fetchKeywords() 94 }, 95 fetchKeywords() { 96 if ( this.searchValue.length >= 3 ) { 97 $refs.fetchKeywords.click() 98 } 99 } 100 }"> 101 <form class="flex items-center gap-x-3 border border-vivotek-neutral-05 rounded-full px-4 py-2.5 w-full" action="/en-US/search" accept-charset="UTF-8" method="get"> 102 <div class="flex-1 group relative flex items-center gap-x-3 md:w-60.5"> 103 <input type="text" name="search_keywords" id="7ddf223c-search-text" class="border-none focus:ring-0 w-full ml-3 p-0 text-base placeholder:text-vivotek-neutral-05" placeholder="Enter keyword (3+ chars)" autocomplete="off" x-model="searchValue" @input.debounce.500ms="if ($el.value.length >= 3) $refs.fetchKeywords.click()" /> 104 105 <div 106 class="hidden text-vivotek-black cursor-pointer" 107 :class="{ 'hidden': searchValue.length === 0 }" 108 @click="searchValue = ''" 109 > 110 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 111<path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="currentColor"></path> 112</svg> 113 114 </div> 115 <a 116 href="#" 117 class="hidden" 118 data-turbo-stream 119 :href="`/en-US/search/keywords?&search_keywords=${searchValue}`" 120 x-ref="fetchKeywords" 121 ></a> 122 <turbo-frame-tag class="dropdown_keywords absolute left-0 top-full hidden group-focus-within:block w-full"></turbo-frame-tag> 123 </div> 124 <div class="hidden md:block" x-show="searchValue.length === 0" @click="openSearch = false"> 125 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 126<path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="currentColor"></path> 127</svg> 128 129 </div> 130 <button class="shrink-0 w-6 h-6"> 131 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-full h-full text-gray-500 dark:text-gray-400 object-contain"> 132<path d="M4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.6628 17 13.1902 16.4202 14.3911 15.4518L19.7197 20.7803C20.0126 21.0732 20.4874 21.0732 20.7803 20.7803C21.0732 20.4874 21.0732 20.0126 20.7803 19.7197L15.4518 14.3911C16.4202 13.1902 17 11.6628 17 10C17 6.13401 13.866 3 10 3Z" fill="currentColor"></path> 133</svg> 134 135 </button> 136</form></frontend-search-forms-checkbox-select> 137 </div> 138 <ul :class="{'hidden': expanded != 'menu'}" class="mt-6 border-t border-vivotek-gray-100 text-base font-bold animate-flip-down"> 139 <li class="border-b border-vivotek-gray-100 py-4 px-6"> 140 <a data-turbo-frame="login-modal" class="flex items-center gap-x-2" href="/en-US/users/sign_in"> 141 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/account-d5be188181fc5d84819fe61e794c7a134ada39bd.svg" />
142 <span>Log in</span> 143</a> </li> 144 <li> 145 <frontend-collapses-general x-data="{ collapseExpand: false }"> 146 <div 147 class="flex justify-between items-center py-4 px-6 cursor-pointer border-b border-vivotek-gray-100" 148 :class="{ '!border-none text-vivotek-blue-400': collapseExpand }" 149 @click="collapseExpand = !collapseExpand; " 150 > 151 <span class="flex items-center gap-x-2 text-vivotek-mobile-body-1"> 152 North America - English 153 </span> 154 155 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 156 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 157 </span> 158 </div> 159 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 160 161 162 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 163 <ul class="mb-6"> 164 <li class="mt-4 text-vivotek-mobile-body-3"> 165 <a class="flex justify-between" href="/search_accessory"> 166 <span class="flex gap-x-2 items-center"> 167 Global - English 168 </span> 169</a> </li> 170 </ul> 171 <ul class="mb-6"> 172 <li class="mt-4 text-vivotek-mobile-body-3"> 173 <a class="flex justify-between" href="/en-US/search_accessory"> 174 <span class="flex gap-x-2 items-center"> 175 North America - English 176 </span> 177 <span> 178 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-black object-contain" src="/assets/icons/header/check-0dddb25d81ca4d05f8040aa0e3347c73515d759f.svg" /> 179 </span> 180</a> </li> 181 </ul> 182 <ul class="mb-6"> 183 <li class="mt-4 text-vivotek-mobile-body-3"> 184 <a class="flex justify-between" href="/es/search_accessory"> 185 <span class="flex gap-x-2 items-center"> 186 Latin America - Español 187 </span> 188</a> </li> 189 </ul> 190 <ul class="mb-6"> 191 <li class="mt-4 text-vivotek-mobile-body-3"> 192 <a class="flex justify-between" href="/zh-TW/search_accessory"> 193 <span class="flex gap-x-2 items-center"> 194 Taiwan HQ - ç¹é«ä¸æ 195 </span> 196</a> </li> 197 </ul> 198 <ul class="mb-6"> 199 <li class="mt-4 text-vivotek-mobile-body-3"> 200 <a class="flex justify-between" href="/ja/search_accessory"> 201 <span class="flex gap-x-2 items-center"> 202 Japan - æ¥æ¬èª 203 </span> 204</a> </li> 205 </ul> 206</ul> 207 </div> 208</frontend-collapses-general> </li> 209 <li> 210 <frontend-collapses-general x-data="{ collapseExpand: false }"> 211 <div 212 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 213 :class="{ '!border-none': collapseExpand }" 214 @click="collapseExpand = !collapseExpand; " 215 > 216 <a target="_self" href="https://www.vivotek.com/en-US/solutions">Solution</a> 217 218 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 219 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 220 </span> 221 </div> 222 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 223 224 225 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 226 <li class="group"> 227 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry"> 228 Solution by Industry 229</a> <ul class="mb-6"> 230 <li class="mt-4 text-vivotek-mobile-body-3"> 231 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/residential"> 232 Residential Solutions 233</a> </li> 234 <li class="mt-4 text-vivotek-mobile-body-3"> 235 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/property-management"> 236 Property Management 237</a> </li> 238 <li class="mt-4 text-vivotek-mobile-body-3"> 239 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/city-surveillance"> 240 City Surveillance 241</a> </li> 242 <li class="mt-4 text-vivotek-mobile-body-3"> 243 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/education"> 244 Education 245</a> </li> 246 <li class="mt-4 text-vivotek-mobile-body-3"> 247 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/small-medium-business"> 248 SMB 249</a> </li> 250 <li class="mt-4 text-vivotek-mobile-body-3"> 251 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/rolling-stock"> 252 Rolling Stock 253</a> </li> 254 <li class="mt-4 text-vivotek-mobile-body-3"> 255 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/transportation"> 256 Transit Bus Onboard 257</a> </li> 258 </ul> 259 </li> 260 <li class="group"> 261 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/application"> 262 Solution by Application 263</a> <ul class="mb-6"> 264 <li class="mt-4 text-vivotek-mobile-body-3"> 265 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/application/panoramic-surveillance"> 266 Panoramic Surveillance 267</a> </li> 268 <li class="mt-4 text-vivotek-mobile-body-3"> 269 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/application/license-plate-recognition"> 270 License Plate Recognition 271</a> </li> 272 <li class="mt-4 text-vivotek-mobile-body-3"> 273 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/application/perimeter-detection"> 274 Perimeter Detection 275</a> </li> 276 </ul> 277 </li> 278 <li class="group"> 279 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology"> 280 Solution by Technology 281</a> <ul class="mb-6"> 282 <li class="mt-4 text-vivotek-mobile-body-3"> 283 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/hybrid-cloud-surveillance"> 284 Hybrid Cloud Surveillance 285</a> </li> 286 <li class="mt-4 text-vivotek-mobile-body-3"> 287 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/chroma24-ai-night-vision"> 288 Chroma24 AI Night Vision 289</a> </li> 290 <li class="mt-4 text-vivotek-mobile-body-3"> 291 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/edge-computing"> 292 Edge Computing 293</a> </li> 294 <li class="mt-4 text-vivotek-mobile-body-3"> 295 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/smart-vca"> 296 Smart VCA 297</a> </li> 298 <li class="mt-4 text-vivotek-mobile-body-3"> 299 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/smart-tracking-advanced"> 300 Smart Tracking Advanced 301</a> </li> 302 <li class="mt-4 text-vivotek-mobile-body-3"> 303 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/vision-object-analytics"> 304 Vision Object Analytics 305</a> </li> 306 <li class="mt-4 text-vivotek-mobile-body-3"> 307 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/realsight-engine"> 308 RealSight Engine 309</a> </li> 310 </ul> 311 </li> 312 </ul> 313 314 <div class="flex flex-col gap-y-4 px-6 mt-6"> 315 <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vivotek.com/en-US/news-center/successful-cases"> 316 <div 317 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 318 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTQsInB1ciI6ImJsb2JfaWQifX0=--da75d845cb39e5c6c284058d7a13f3efeb912c79/solutions_Highlight2.png');" 319 ></div> 320 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 321 <div class="relative flex flex-col justify-end h-full text-white "> 322 <p class="text-vivotek-mobile-title-1">Customer Stories</p> 323 <p class="mt-2 text-vivotek-mobile-body-2">Explore real-world cases showing how surveillance solutions solve industry challenges.</p> 324 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 325 </div> 326</a> <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vivotek.com/en-US/resource/support/cybersecurity"> 327 <div 328 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 329 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTIsInB1ciI6ImJsb2JfaWQifX0=--4ce8ea5b994795dc593bc7c72d98d810d706ba8b/solutions_Highlight1.png');" 330 ></div> 331 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 332 <div class="relative flex flex-col justify-end h-full text-white "> 333 <p class="text-vivotek-mobile-title-1">Cybersecurity</p> 334 <p class="mt-2 text-vivotek-mobile-body-2">End-to-end security protecting devices, data, and cloud systems.</p> 335 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 336 </div> 337</a> </div> 338 339 340 </div> 341</frontend-collapses-general> </li> 342 <li> 343 <frontend-collapses-general x-data="{ collapseExpand: false }"> 344 <div 345 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 346 :class="{ '!border-none': collapseExpand }" 347 @click="collapseExpand = !collapseExpand; " 348 > 349 <a target="_self" href="https://www.vivotek.com/en-US/products">Products</a> 350
351 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 352 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 353 </span> 354 </div> 355 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 356 357 358 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 359 <li class="group"> 360 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/video-management-platforms"> 361 Video Management Platforms 362</a> <ul class="mb-6"> 363 <li class="mt-4 text-vivotek-mobile-body-3"> 364 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/vast_security_station"> 365 VAST Security Station (VSS) 366</a> </li> 367 <li class="mt-4 text-vivotek-mobile-body-3"> 368 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/video-management-platforms/vortex-cloud-surveillance"> 369 VORTEX Cloud Surveillance 370</a> </li> 371 </ul> 372 </li> 373 <li class="group"> 374 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras"> 375 Network Cameras 376</a> <ul class="mb-6"> 377 <li class="mt-4 text-vivotek-mobile-body-3"> 378 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/dome"> 379 Dome 380</a> </li> 381 <li class="mt-4 text-vivotek-mobile-body-3"> 382 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/turret"> 383 Turret 384</a> </li> 385 <li class="mt-4 text-vivotek-mobile-body-3"> 386 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/bullet"> 387 Bullet 388</a> </li> 389 <li class="mt-4 text-vivotek-mobile-body-3"> 390 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/panoramic"> 391 Panoramic 392</a> </li> 393 <li class="mt-4 text-vivotek-mobile-body-3"> 394 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/pan-tilt-zoom"> 395 Pan-Tilt-Zoom 396</a> </li> 397 <li class="mt-4 text-vivotek-mobile-body-3"> 398 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_blank" href="https://www.vivotek.com/en-US/product_selector?category=network-cameras&collapse_ids=0-0%2C0-1%2C0-2%2C0-3&filter%5BCamera+Type%5D%5Boperator%5D=OR&filter%5BCamera+Type%5D%5Btype%5D=checkbox&filter%5BProduct+Series%5D%5Bvalue%5D=Premium%2CEssential&filter%5BProduct+Series%5D%5Boperator%5D=in_comma_separated_values&filter%5BProduct+Series%5D%5Btype%5D=radio&filter%5BEnvironment%5D%5Boperator%5D=%3D&filter%5BEnvironment%5D%5Btype%5D=radio&filter%5BMax+Resolution%5D%5Boperator%5D=OR&filter%5BMax+Resolution%5D%5Btype%5D=checkbox&filter%5BLens+Type_Vari-focal%5D%5Boperator%5D=%3D&filter%5BLens+Type_Vari-focal%5D%5Btype%5D=radio&filter%5BLens+Type_Vari-focal%5D%5Btrigger%5D=Lens+Type%2CVari-focal&filter%5BLens+Type%5D%5Boperator%5D=%3D&filter%5BLens+Type%5D%5Btype%5D=radio&filter%5Bfov_h%5D%5Bdefault_min%5D=0&filter%5Bfov_h%5D%5Bdefault_max%5D=180&filter%5Bfov_h%5D%5Bseperate_key%5D=true&filter%5Bfov_h%5D%5Bmin%5D=0&filter%5Bfov_h%5D%5Bmax%5D=180&filter%5Bfov_h%5D%5Btype%5D=range&filter%5Bfov_v%5D%5Bdefault_min%5D=0&filter%5Bfov_v%5D%5Bdefault_max%5D=180&filter%5Bfov_v%5D%5Bseperate_key%5D=true&filter%5Bfov_v%5D%5Bmin%5D=0&filter%5Bfov_v%5D%5Bmax%5D=180&filter%5Bfov_v%5D%5Btype%5D=range&filter%5BIR+Distance%5D%5Boperator%5D=%3D&filter%5BIR+Distance%5D%5Btype%5D=radio&filter%5BSpecial+Image+Technology_RealSight+Engine%5D%5Btype%5D=switch&filter%5BSpecial+Image+Technology_Chroma+24%5D%5Btype%5D=switch&filter%5BWarm+Light%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Mic%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Mic%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Built-in+Speaker%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Speaker%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Audio+Input%5D%5Btype%5D=switch&filter%5BAudio_Audio+Input%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Audio+Output%5D%5Btype%5D=switch&filter%5BAudio_Audio+Output%5D%5Bswitch_or_group%5D=audio&filter%5BCertification%5D%5Btype%5D=in_checkbox&filter%5BCertification%5D%5Bmatch_value%5D=Yes&filter%5BWDR%5D%5Boperator%5D=%3D&filter%5BWDR%5D%5Btype%5D=radio&filter%5BIRIS%5D%5Boperator%5D=LIKE&filter%5BIRIS%5D%5Btype%5D=checkbox&filter%5BMax+Streams%5D%5Boperator%5D=%3D&filter%5BMax+Streams%5D%5Btype%5D=radio&filter%5BMaximum+Frame+Rate%5D%5Boperator%5D=%3D&filter%5BMaximum+Frame+Rate%5D%5Btype%5D=radio&filter%5BVideo+Compression+Codec%5D%5Boperator%5D=LIKE&filter%5BVideo+Compression+Codec%5D%5Btype%5D=checkbox&filter%5BSecurity%5D%5Btype%5D=in_checkbox&filter%5BSecurity%5D%5Bmatch_value%5D=Yes&filter%5BVCA%5D%5Btype%5D=in_checkbox&filter%5BVCA%5D%5Bmatch_value%5D=Yes&filter%5BDeep+Search%5D%5Btype%5D=in_checkbox&filter%5BDeep+Search%5D%5Bmatch_value%5D=Yes&filter%5BCloud+AI+Analytics%5D%5Btype%5D=in_checkbox&filter%5BCloud+AI+Analytics%5D%5Bmatch_value%5D=Yes&filter%5BSoftware+Package%5D%5Btype%5D=in_checkbox&filter%5BSoftware+Package%5D%5Bmatch_value%5D=Yes&filter%5BMain+Power+Source%5D%5Boperator%5D=LIKE&filter%5BMain+Power+Source%5D%5Btype%5D=radio&filter%5BNetwork+Connector%5D%5Boperator%5D=%3D&filter%5BNetwork+Connector%5D%5Btype%5D=radio&filter%5BWorking+Temperature%5D%5Btype%5D=in_checkbox&filter%5BWorking+Temperature%5D%5Boperator%5D=in&filter%5BAlarm+In%5D%5Btype%5D=switch&filter%5BAlarm+Out%5D%5Btype%5D=switch&q%5Bs%5D=online_time+desc&q%5Bname_cont%5D="> 399 VORTEX Cloud Camera 400</a> </li> 401 <li class="mt-4 text-vivotek-mobile-body-3"> 402 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/thermal"> 403 Thermal 404</a> </li> 405 <li class="mt-4 text-vivotek-mobile-body-3"> 406 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/box"> 407 Box 408</a> </li> 409 <li class="mt-4 text-vivotek-mobile-body-3"> 410 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/application-camera"> 411 Application Camera 412</a> </li> 413 </ul> 414 </li> 415 <li class="group"> 416 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security"> 417 Onboard Security 418</a> <ul class="mb-6"> 419 <li class="mt-4 text-vivotek-mobile-body-3"> 420 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/saloon-camera"> 421 Saloon Camera 422</a> </li> 423 <li class="mt-4 text-vivotek-mobile-body-3"> 424 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/exterior-camera"> 425 Exterior Camera 426</a> </li> 427 <li class="mt-4 text-vivotek-mobile-body-3"> 428 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/mobile-nvr"> 429 Mobile NVR 430</a> </li> 431 </ul> 432 </li> 433 <li class="group"> 434 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance"> 435 Network Video Recorder and Appliance 436</a> <ul class="mb-6"> 437 <li class="mt-4 text-vivotek-mobile-body-3"> 438 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/core+-ai-series-nvr"> 439 Core+ AI Series NVR 440</a> </li> 441 <li class="mt-4 text-vivotek-mobile-body-3"> 442 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/core+-series-nvr"> 443 Core+ Series NVR 444</a> </li> 445 <li class="mt-4 text-vivotek-mobile-body-3"> 446 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/recording-server"> 447 Recording Server 448</a> </li> 449 <li class="mt-4 text-vivotek-mobile-body-3"> 450 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/video-decoder"> 451 Video Decoder 452</a> </li> 453 </ul> 454 </li> 455 <li class="group"> 456 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/plug-in"> 457 Integration Plug-ins 458</a> <ul class="mb-6"> 459 <li class="mt-4 text-vivotek-mobile-body-3"> 460 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/genetec"> 461 Plug-in for Genetec 462</a> </li> 463 <li class="mt-4 text-vivotek-mobile-body-3"> 464 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/milestone"> 465 Plug-in for Milestone 466</a> </li> 467 <li class="mt-4 text-vivotek-mobile-body-3"> 468 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/network-optix"> 469 Plug-in for Network Optix 470</a> </li> 471 </ul> 472 </li> 473 <li class="group"> 474 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking"> 475 Networking 476</a> <ul class="mb-6"> 477 <li class="mt-4 text-vivotek-mobile-body-3"> 478 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/commercial-network-switch"> 479 Commercial Network Switch 480</a> </li> 481 <li class="mt-4 text-vivotek-mobile-body-3"> 482 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/industrial-net
482work-switch"> 483 Industrial Network Switch 484</a> </li> 485 <li class="mt-4 text-vivotek-mobile-body-3"> 486 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/outdoor-network-switch"> 487 Outdoor Network Switch 488</a> </li> 489 <li class="mt-4 text-vivotek-mobile-body-3"> 490 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/poe-extender"> 491 PoE Extender 492</a> </li> 493 <li class="mt-4 text-vivotek-mobile-body-3"> 494 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/poe-injector"> 495 PoE Injector 496</a> </li> 497 <li class="mt-4 text-vivotek-mobile-body-3"> 498 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/sfp-transceiver"> 499 SFP Transceiver 500</a> </li> 501 <li class="mt-4 text-vivotek-mobile-body-3"> 502 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/networking/surge-protector"> 503 Surge Protector 504</a> </li> 505 </ul> 506 </li> 507 <li class="group"> 508 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories"> 509 Accessories 510</a> <ul class="mb-6"> 511 <li class="mt-4 text-vivotek-mobile-body-3"> 512 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/mounting-kit"> 513 Mounting Kit 514</a> </li> 515 <li class="mt-4 text-vivotek-mobile-body-3"> 516 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/enclosure"> 517 Enclosure 518</a> </li> 519 <li class="mt-4 text-vivotek-mobile-body-3"> 520 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cover"> 521 Cover 522</a> </li> 523 <li class="mt-4 text-vivotek-mobile-body-3"> 524 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/lens"> 525 Lens 526</a> </li> 527 <li class="mt-4 text-vivotek-mobile-body-3"> 528 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/power-supply"> 529 Power Supply 530</a> </li> 531 <li class="mt-4 text-vivotek-mobile-body-3"> 532 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/power-box"> 533 Power Box 534</a> </li> 535 <li class="mt-4 text-vivotek-mobile-body-3"> 536 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cable"> 537 Cable 538</a> </li> 539 <li class="mt-4 text-vivotek-mobile-body-3"> 540 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/i-o-device"> 541 I/O Device 542</a> </li> 543 <li class="mt-4 text-vivotek-mobile-body-3"> 544 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/joystick"> 545 Joystick 546</a> </li> 547 <li class="mt-4 text-vivotek-mobile-body-3"> 548 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cabinet"> 549 Cabinet 550</a> </li> 551 <li class="mt-4 text-vivotek-mobile-body-3"> 552 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cabinet-accessory"> 553 Cabinet Accessory 554</a> </li> 555 <li class="mt-4 text-vivotek-mobile-body-3"> 556 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/storage"> 557 Storage 558</a> </li> 559 <li class="mt-4 text-vivotek-mobile-body-3"> 560 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/illuminator"> 561 Illuminators 562</a> </li> 563 <li class="mt-4 text-vivotek-mobile-body-3"> 564 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/connector"> 565 Connector 566</a> </li> 567 <li class="mt-4 text-vivotek-mobile-body-3"> 568 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/accessories/network-audio-devices"> 569 Network Audio Devices 570</a> </li> 571 </ul> 572 </li> 573 <li class="group"> 574 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products"> 575 Legacy Products 576</a> <ul class="mb-6"> 577 <li class="mt-4 text-vivotek-mobile-body-3"> 578 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/legacy-products"> 579 Legacy Products List 580</a> </li> 581 <li class="mt-4 text-vivotek-mobile-body-3"> 582 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/vivocloud"> 583 VIVOCloud 584</a> </li> 585 <li class="mt-4 text-vivotek-mobile-body-3"> 586 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/vast_2"> 587 VAST 2 (Discontinued) 588</a> </li> 589 <li class="mt-4 text-vivotek-mobile-body-3"> 590 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/end-of-life-product-list"> 591 End-of-life Product List 592</a> </li> 593 </ul> 594 </li> 595 </ul> 596 597 <div class="flex flex-col gap-y-4 px-6 mt-6"> 598 <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vivotek.com/en-US/resource/learning/blog/product-updates-2026-06"> 599 <div 600 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 601 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTEsInB1ciI6ImJsb2JfaWQifX0=--855f5ea7712338996fb6cfbda00be616b80c29fd/products_Highlight1.png');" 602 ></div> 603 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 604 <div class="relative flex flex-col justify-end h-full text-white "> 605 <p class="text-vivotek-mobile-title-1">What's New</p> 606 <p class="mt-2 text-vivotek-mobile-body-2">Explore new products and the latest feature updates.</p> 607 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 608 </div> 609</a> </div> 610 611 <div class="px-6"> 612 <div class="rounded-2.5 px-6 py-4 bg-vivotek-neutral-02 mt-6"> 613 614 <a class="flex items-center gap-x-4 py-4 border-b-2 border-white last:border-none" data-turbo="false" href="https://www.vivotek.com/en-US/product_selector?category=network-cameras"> 615 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTcsInB1ciI6ImJsb2JfaWQifX0=--e500c4e019b30242943ba34a49821eceee5dbd45/products_Quick_Link1.png" /></div> 616 <div class="flex-1"> 617 <p class="text-vivotek-black text-vivotek-mobile-caption-1">Camera Selector</p> 618 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Find the right camera for your needs</p> 619 </div> 620 <div> 621 </div> 622</a> 623 <a class="flex items-center gap-x-4 py-4 border-b-2 border-white last:border-none" data-turbo="false" href="https://www.vivotek.com/en-US/product_selector?category=network-video-recorder-and-appliance"> 624 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTgsInB1ciI6ImJsb2JfaWQifX0=--59f1d9b599a034d490f472794321fda9c72c17bc/products_Quick_Link2.png" /></div> 625 <div class="flex-1"> 626 <p class="text-vivotek-black text-vivotek-mobile-caption-1">NVR Selector</p> 627 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Find the right NVR for your needs</p> 628 </div> 629 <div> 630 </div> 631</a> 632 <a class="flex items-center gap-x-4 py-4 border-b-2 border-white last:border-none" data-turbo="false" href="https://www.vivotek.com/en-US/search_accessory"> 633 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTksInB1ciI6ImJsb2JfaWQifX0=--6700504deaa4bd26dede262688542e2edd9ab73c/products_Quick_Link3.png" /></div> 634 <div class="flex-1"> 635 <p class="text-vivotek-black text-vivotek-mobile-caption-1">Accessory Selector</p> 636 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Match the right accessories to your setup</p> 637 </div> 638 <div> 639 </div> 640</a> 641 <a class="flex items-center gap-x-4 py-4 border-b-2 border-white last:border-none" data-turbo="false" href="https://www.vivotek.com/en-US/resource/tool/bandwidth_calculator"> 642 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTYsInB1ciI6ImJsb2JfaWQifX0=--d8042bcf6d3070524cced0e8193edde5b26a0360/products_Quick_Link4.png" /></div> 643 <div class="flex-1"> 644 <p class="text-vivotek-black text-vivotek-mobile-caption-1">Bandwidth Calculator</p> 645 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Estimate bandwidth for reliable performance</p> 646 </div> 647 <div> 648 </div> 649</a> </div> 650 </div> 651 652 </div> 653</frontend-collapses-general> </li> 654 <li> 655 <frontend-collapses-general x-data="{ collapseExpand: false }"> 656 <div 657 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 658 :class="{ '!border-none': collapseExpand }" 659 @click="collapseExpand = !collapseExpand; " 660 > 661 <a target="_self" href="https://www.vivotek.com/en-US/resource">Resource</a> 662
663 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 664 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 665 </span> 666 </div> 667 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 668 669 670 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 671 <li class="group"> 672 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/learning"> 673 Learning 674</a> <ul class="mb-6"> 675 <li class="mt-4 text-vivotek-mobile-body-3"> 676 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/news-center/successful-cases"> 677 Customer Stories 678</a> </li> 679 <li class="mt-4 text-vivotek-mobile-body-3"> 680 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/learning/blog"> 681 Blog 682</a> </li> 683 <li class="mt-4 text-vivotek-mobile-body-3"> 684 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/news-center/events"> 685 Event 686</a> </li> 687 <li class="mt-4 text-vivotek-mobile-body-3"> 688 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/learning/tutorial_videos"> 689 Tutorial Videos 690</a> </li> 691 <li class="mt-4 text-vivotek-mobile-body-3"> 692 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/learning/webinar"> 693 Webinar 694</a> </li> 695 </ul> 696 </li> 697 <li class="group"> 698 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/download-center"> 699 Download Center 700</a> <ul class="mb-6"> 701 <li class="mt-4 text-vivotek-mobile-body-3"> 702 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/product"> 703 Product Documents 704</a> </li> 705 <li class="mt-4 text-vivotek-mobile-body-3"> 706 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/software-app-vadp-package"> 707 Software & Tools 708</a> </li> 709 <li class="mt-4 text-vivotek-mobile-body-3"> 710 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/marketing-materials"> 711 Marketing Materials 712</a> </li> 713 <li class="mt-4 text-vivotek-mobile-body-3"> 714 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" data-turbo-frame="login-modal" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fsdk"> 715 SDK 716 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 717</a> </li> 718 <li class="mt-4 text-vivotek-mobile-body-3"> 719 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" data-turbo-frame="login-modal" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fanpr-package"> 720 ANPR Package 721 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 722</a> </li> 723 <li class="mt-4 text-vivotek-mobile-body-3"> 724 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" data-turbo-frame="login-modal" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fcounting-package"> 725 Counting Package 726 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 727</a> </li> 728 <li class="mt-4 text-vivotek-mobile-body-3"> 729 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" data-turbo-frame="login-modal" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Foss"> 730 OSS 731 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 732</a> </li> 733 </ul> 734 </li> 735 <li class="group"> 736 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/management-tools"> 737 Management Tools 738</a> <ul class="mb-6"> 739 <li class="mt-4 text-vivotek-mobile-body-3"> 740 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/device_manager"> 741 Device Manager 742</a> </li> 743 <li class="mt-4 text-vivotek-mobile-body-3"> 744 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/shepherd"> 745 Shepherd 746</a> </li> 747 <li class="mt-4 text-vivotek-mobile-body-3"> 748 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/iviewer"> 749 iViewer 750</a> </li> 751 <li class="mt-4 text-vivotek-mobile-body-3"> 752 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/device_center"> 753 Device Center 754</a> </li> 755 <li class="mt-4 text-vivotek-mobile-body-3"> 756 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/device_pack"> 757 Device Pack 758</a> </li> 759 <li class="mt-4 text-vivotek-mobile-body-3"> 760 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/products/software/validation_tool"> 761 Validation Tool 762</a> </li> 763 </ul> 764 </li> 765 <li class="group"> 766 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools"> 767 Design Tools 768</a> <ul class="mb-6"> 769 <li class="mt-4 text-vivotek-mobile-body-3"> 770 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/tool/bandwidth_calculator"> 771 Bandwidth Calculator 772</a> </li> 773 <li class="mt-4 text-vivotek-mobile-body-3"> 774 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools/bimobject"> 775 BIMobject 776</a> </li> 777 <li class="mt-4 text-vivotek-mobile-body-3"> 778 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools/ip-video-system-design-tool"> 779 IP Video System Design Tool 780</a> </li> 781 </ul> 782 </li> 783 <li class="group"> 784 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/support"> 785 Support 786</a> <ul class="mb-6"> 787 <li class="mt-4 text-vivotek-mobile-body-3"> 788 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/support/warranty_policy"> 789 Warranty Policy 790</a> </li> 791 <li class="mt-4 text-vivotek-mobile-body-3"> 792 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/support/rma"> 793 RMA Policy 794</a> </li> 795 <li class="mt-4 text-vivotek-mobile-body-3"> 796 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_blank" href="https://vivotek.zendesk.com/hc/en-001"> 797 Customer Service Center 798</a> </li> 799 <li class="mt-4 text-vivotek-mobile-body-3"> 800 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/resource/support/cybersecurity"> 801 Cybersecurity 802</a> </li> 803 <li class="mt-4 text-vivotek-mobile-body-3"> 804 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/contact_us"> 805 Contact Us 806</a> </li> 807 </ul> 808 </li> 809 </ul> 810 811 <div class="flex flex-col gap-y-4 px-6 mt-6"> 812 <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vivotek.com/en-US/news-center/events/vivotek-discovery-day-2026-global"> 813 <div 814 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 815 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDAsInB1ciI6ImJsb2JfaWQifX0=--b1df168fd5d4203cefc629533cee44668006d6c8/resource_Highlight1.png');" 816 ></div> 817 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 818 <div class="relative flex flex-col justify-end h-full text-white "> 819 <p class="text-vivotek-mobile-title-1">Discovery Day</p> 820 <p class="mt-2 text-vivotek-mobile-body-2">Global NPI webinar series on driving real-world surveillance outcomes.</p> 821 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 822 </div> 823</a> <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vortexcloud.com/en/resource/event/ai-cloud-surveillance-market-insights-2026"> 824 <div 825 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 826 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTMsInB1ciI6ImJsb2JfaWQifX0=--3e41b318f056376d49286feef29d3b67ef034591/resource_Highlight2.webp');" 827 ></div> 828 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 829 <div class="relative flex flex-col justify-end h-full text-white "> 830 <p class="text-vivotek-mobile-title-1">The Hidden ROI of Surveillance</p> 831 <p class="mt-2 text-vivotek-mobile-body-2">AI Cloud Surveillance Market Insights 2026</p> 832 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 833 </div> 834</a> </div> 835 836 837 </div> 838</frontend-collapses-general> </li> 839 <li> 840 <frontend-collapses-general x-data="{ collapseExpand: false }"> 841 <div 842 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 843 :class="{ '!border-none': collapseExpand }" 844 @click="collapseExpand = !collapseExpand; " 845 > 846 <a target="_self" href="https://www.vivotek.com/en-US/partners">Partners</a> 847
848 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 849 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 850 </span> 851 </div> 852 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 853 854 855 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 856 <li class="group"> 857 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem"> 858 VPP Ecosystem 859</a> <ul class="mb-6"> 860 <li class="mt-4 text-vivotek-mobile-body-3"> 861 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-program"> 862 VPP Program 863</a> </li> 864 <li class="mt-4 text-vivotek-mobile-body-3"> 865 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-portal"> 866 VPP Portal 867</a> </li> 868 <li class="mt-4 text-vivotek-mobile-body-3"> 869 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-business-hub"> 870 VPP Business Hub 871</a> </li> 872 <li class="mt-4 text-vivotek-mobile-body-3"> 873 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/academy"> 874 VIVOTEK Academy 875</a> </li> 876 </ul> 877 </li> 878 <li class="group"> 879 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners"> 880 Technology Partners 881</a> <ul class="mb-6"> 882 <li class="mt-4 text-vivotek-mobile-body-3"> 883 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/find-a-technology-partner"> 884 Find A Technology Partner 885</a> </li> 886 <li class="mt-4 text-vivotek-mobile-body-3"> 887 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/vadp-partner-program"> 888 VADP Partner Program 889</a> </li> 890 <li class="mt-4 text-vivotek-mobile-body-3"> 891 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/aec-program"> 892 A&E/C Program 893</a> </li> 894 </ul> 895 </li> 896 </ul> 897 898 <div class="flex flex-col gap-y-4 px-6 mt-6"> 899 <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://portal.vpp.vivotek.com/application/personal"> 900 <div 901 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 902 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NTcsInB1ciI6ImJsb2JfaWQifX0=--2d502bffb5803cc5475755f91362ea2c9ca75ba9/Partners_Highlight1_VPP%20Promo%20Card_412x232px.webp');" 903 ></div> 904 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 905 <div class="relative flex flex-col justify-end h-full text-white "> 906 <p class="text-vivotek-mobile-title-1">Become Partner</p> 907 <p class="mt-2 text-vivotek-mobile-body-2">
907Programs, Portals, and Academy built to support partners at every stage of growth.</p> 908 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 909 </div> 910</a> </div> 911 912 913 </div> 914</frontend-collapses-general> </li> 915 <li> 916 <frontend-collapses-general x-data="{ collapseExpand: false }"> 917 <div 918 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 919 :class="{ '!border-none': collapseExpand }" 920 @click="collapseExpand = !collapseExpand; " 921 > 922 <a target="_self" href="https://www.vivotek.com/en-US/where-to-buy">Where To Buy</a> 923 924 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 925 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 926 </span> 927 </div> 928 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 929 930 931 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 932 <li class="group"> 933 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/en-US//where-to-buy"> 934 Where to Buy 935</a> </li> 936 <li class="group"> 937 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_blank" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTIzODAsInB1ciI6ImJsb2JfaWQifX0=--692a542937348e421fcc024830f5b7c0ac04133e/Field%20Sales%20Map%202026-TL_v20.pdf"> 938 Sales Map 939</a> </li> 940 </ul> 941 942 <div class="flex flex-col gap-y-4 px-6 mt-6"> 943 <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://www.vivotek.com/en-US/where-to-buy"> 944 <div 945 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 946 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NDEsInB1ciI6ImJsb2JfaWQifX0=--11fa65f4ea66ac92a8094f016336b8f5793451e2/Where%20to%20buy_Highlight1_%20412x242px%20(1).webp');" 947 ></div> 948 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 949 <div class="relative flex flex-col justify-end h-full text-white "> 950 <p class="text-vivotek-mobile-title-1">Where To Buy</p> 951 <p class="mt-2 text-vivotek-mobile-body-2">Find authorized distributors and resellers for our products in your country.</p> 952 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 953 </div> 954</a> <a class="group/image flex flex-col justify-end relative rounded-2.5 overflow-hidden w-full h-46 px-4 pb-3" href="https://blob.vivotek.com/wwwfile/tag7tbac36df86yyzi9ol3wgcdya?sp=r&sv=2018-11-09&se=2026-08-13T03%3A50%3A56Z&rscd=inline%3B+filename%3D%22Field+Sales+Map+2026-TL_v20.pdf%22%3B+filename*%3DUTF-8%27%27Field%2520Sales%2520Map%25202026-TL_v20.pdf&rsct=application%2Fpdf&sr=b&sig=a0WL5ij%2BbFZvmcsBYCWCA%2FSsU%2FqLBFe6%2FWNAvhbFJss%3D"> 955 <div 956 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 957 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4NzQsInB1ciI6ImJsb2JfaWQifX0=--dba5f29d10558c68d95e7908c91b114baaf56a9e/VU_Sale%20M
957ap_2026-6.png');" 958 ></div> 959 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 960 <div class="relative flex flex-col justify-end h-full text-white "> 961 <p class="text-vivotek-mobile-title-1">Sales Map</p> 962 <p class="mt-2 text-vivotek-mobile-body-2">View North America field sales territories and regional contact details.</p> 963 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 964 </div> 965</a> </div> 966 967 968 </div> 969</frontend-collapses-general> </li> 970 </ul> 971 </div> 972 </div> 973 974 <div class="hidden md:block md:mx-auto md:w-300 xl:w-315 2xl:w-420 pt-4"> 975 <div 976 id="login-language-bar" 977 class="flex justify-end items-center gap-x-4 outline-0 pr-23 xl:pr-10.5 2xl:pr-20 pb-3 h-9 overflow-hidden transition-[height] shadow-no" 978 x-data="{ show: true }" 979 :class="{ '!h-0 !pb-0': !show }" 980 @login-bar:show.window="show = true" 981 @login-bar:hide.window="show = false; $el.focus()" 982 tabindex="-1" 983 > 984 <a data-turbo-frame="login-modal" class="flex gap-x-1 items-center " href="/en-US/users/sign_in"> 985 <img class="w-6 h-6 object-contain" src="/assets/icons/shared/account-a6a2599f5bea1b007c0f25f1b70776c7b2dd846f.svg" /> 986 <span class="text-vivotek-web-title-4">Log in</span> 987</a> <frontend-dropdowns-general class="flex items-center "> 988 <div 989 class="relative inline-block text-left w-full md:w-auto" 990 x-data="{ expanded: false }" 991 x-cloak 992 @click.outside="expanded = false" 993 @update:title="if ($refs.title) { $refs.title.innerText = $event.detail }" 994 > 995 <div 996 class="cursor-pointer flex items-center" 997 @click="expanded = !expanded" 998 > 999 <div class="w-full outline-none inline-flex justify-between items-center 1000 text-vivotek-web-title-4 cursor-pointer "><span class="flex items-center gap-x-2"><span x-ref="title">North America - English</span></span><div class="ml-2 h-5 w-5 flex-shrink-0 !ml-1" :class="{ 'rotate-180': expanded }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-full h-full object-contain"> 1001<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="currentColor"></path> 1002</svg> 1003</div></div> 1004 </div> 1005 1006 <div class="absolute left-0 z-30 w-full"> 1007 <div 1008 class="sticky mt-2 origin-top-left rounded-md min-w-full w-fit !fixed !min-w-0 !w-70 -translate-x-4 -translate-y-1.5 bg-white whitespace-nowrap ring-1 ring-black ring-opacity-5 focus:outline-none overflow-y-auto" 1009 style="display: none" 1010 x-show="expanded" 1011 x-transition:enter="transition ease-out duration-100" 1012 x-transition:enter-start="opacity-0 scale-95" 1013 x-transition:enter-end="opacity-100 scale-100" 1014 x-transition:leave="transition ease-in duration-75" 1015 x-transition:leave-start="opacity-100 scale-100" 1016 x-transition:leave-end="opacity-0 scale-95" 1017 > 1018 <div class="py-1"> 1019 <a class="flex gap-x-6 items-center justify-between py-2 px-4 hover:bg-vivotek-neutral-02 text-vivotek-web-body-1 !gap-x-0" href="/search_accessory"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">Global - English</span><span x-show="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-vivotek-black object-contain"> 1020<path d="M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z" fill="currentColor"></path> 1021</svg> 1022</span></a><a class="flex gap-x-6 items-center justify-between py-2 px-4 hover:bg-vivotek-neutral-02 text-vivotek-web-body-1 !gap-x-0" href="/en-US/search_accessory"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">North America - English</span><span x-show="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-vivotek-black object-contain"> 1023<path d="M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z" fill="currentColor"></path> 1024</svg> 1025</span></a><a class="flex gap-x-6 items-center justify-between py-2 px-4 hover:bg-vivotek-neutral-02 text-vivotek-web-body-1 !gap-x-0" href="/es/search_accessory"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">Latin America - Español</span><span x-show="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-vivotek-black object-contain"> 1026<path d="M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z" fill="currentColor"></path> 1027</svg> 1028</span></a><a class="flex gap-x-6 items-center justify-between py-2 px-4 hover:bg-vivotek-neutral-02 text-vivotek-web-body-1 !gap-x-0" href="/zh-TW/search_accessory"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">Taiwan HQ - ç¹é«ä¸æ</span><span x-show="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-vivotek-black object-contain"> 1029<path d="M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z" fill="currentColor"></path> 1030</svg> 1031</span></a><a class="flex gap-x-6 items-center justify-between py-2 px-4 hover:bg-vivotek-neutral-02 text-vivotek-web-body-1 !gap-x-0" href="/ja/search_accessory"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">Japan - æ¥æ¬èª</span><span x-show="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 text-vivotek-black object-contain"> 1032<path d="M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z" fill="currentColor"></path> 1033</svg> 1034</span></a> 1035 </div> 1036 </div> 1037 </div> 1038 </div> 1039</frontend-dropdowns-general> </div> 1040 1041 <div class="relative z-20 flex items-center rounded-full px-10 xl:pr-10.5 2xl:px-20 py-4.5 xl:py-4 w-full bg-white shadow-vivotek-header" x-data="{ openSearch: false }"> 1042 <div class="shrink-0 relative z-10"> 1043 <a href="/en-US"> 1044 <img width="172" height="60" class="w-28 xl:w-43 h-10 xl:h-15 object-contain" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 1045</a> </div> 1046 <div class="flex-1 ml-10 xl:ml-9 2xl:ml-20"> 1047 <div class="flex items-center -mx-4 h-14"> 1048 <div 1049 class="group px-4" 1050 x-data="{ 1051 submenuId: 488 1052 }"> 1053 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1054 <a target="_self" href="https://www.vivotek.com/en-US/solutions">Solution</a> 1055 <div class="absolute left-0 pt-3 w-full"> 1056 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1057 </div> 1058 </div> 1059 <div class="absolute left-0 top-full z-100 rounded-b-[2.875rem] w-full group-hover:h-[78vh] group-hover:max-h-150 bg-white shadow-vivotek-header"> 1060 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1061 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1062 <div class="absolute left-0 top-0 bg-white w-full h-0 group-hover:h-12 -translate-y-full transition-[height] duration-150 ease-linear"></div> 1063 <div 1064 data-megamenu 1065 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1066 > 1067 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
106750 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1068 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1069 <div :class="{'text-vivotek-primary': submenuId == 488}" class="text-vivotek-web-title-3"> 1070 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/solutions/industry"> 1071 <div> 1072 <span @mouseenter="submenuId = 488" class="cursor-pointer hover:text-vivotek-primary">Solution by Industry</span> 1073 </div> 1074</a> </div> 1075 </div> 1076 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1077 <div :class="{'text-vivotek-primary': submenuId == 493}" class="text-vivotek-web-title-3"> 1078 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/solutions/application"> 1079 <div> 1080 <span @mouseenter="submenuId = 493" class="cursor-pointer hover:text-vivotek-primary">Solution by Application</span> 1081 </div> 1082</a> </div> 1083 </div> 1084 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1085 <div :class="{'text-vivotek-primary': submenuId == 1524}" class="text-vivotek-web-title-3"> 1086 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/solutions/technology"> 1087 <div> 1088 <span @mouseenter="submenuId = 1524" class="cursor-pointer hover:text-vivotek-primary">Solution by Technology</span> 1089 </div> 1090</a> </div> 1091 </div> 1092 </div> 1093 1094 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1095 <div x-show="submenuId == 488" class="flex"> 1096 <div class="w-full"> 1097 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Industry</p> 1098 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Physical security solutions designed for specific industries and real-world operating environments.</p> 1099 1100 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1101 <ul class="flex-1 flex flex-col gap-y-8"> 1102 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1103 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/residential"> 1104 <span class="font-bold">Residential Solutions</span> 1105</a> </li> 1106 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1107 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/property-management"> 1108 <span class="font-bold">Property Management</span> 1109</a> </li> 1110 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1111 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/city-surveillance">
1112 <span class="font-bold">City Surveillance</span> 1113</a> </li> 1114 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1115 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/education"> 1116 <span class="font-bold">Education</span> 1117</a> </li> 1118 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1119 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/small-medium-business"> 1120 <span class="font-bold">SMB</span> 1121</a> </li> 1122 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1123 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/rolling-stock"> 1124 <span class="font-bold">Rolling Stock</span> 1125</a> </li> 1126 </ul> 1127 <ul class="flex-1 flex flex-col gap-y-8"> 1128 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1129 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/industry/transportation"> 1130 <span class="font-bold">Transit Bus Onboard</span> 1131</a> </li> 1132 </ul> 1133 </div> 1134 </div> 1135 </div> 1136 <div x-show="submenuId == 493" class="flex"> 1137 <div class="w-full"> 1138 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Application</p> 1139 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Surveillance and security solutions designed for specific use cases and security challenges.</p> 1140 1141 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1142 <ul class="flex-1 flex flex-col gap-y-8"> 1143 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1144 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/application/panoramic-surveillance"> 1145 <span class="font-bold">Panoramic Surveillance</span> 1146</a> </li> 1147 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1148 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/application/license-plate-recognition"> 1149 <span class="font-bold">License Plate Recognition</span> 1150</a> </li> 1151 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1152 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/application/perimeter-detection">
1153 <span class="font-bold">Perimeter Detection</span> 1154</a> </li> 1155 </ul> 1156 </div> 1157 </div> 1158 </div> 1159 <div x-show="submenuId == 1524" class="flex"> 1160 <div class="w-full"> 1161 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Technology</p> 1162 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Integrated technologies powering intelligent security solutions across environments.</p> 1163 1164 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1165 <ul class="flex-1 flex flex-col gap-y-8"> 1166 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1167 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/hybrid-cloud-surveillance"> 1168 <span class="font-bold">Hybrid Cloud Surveillance</span> 1169</a> </li> 1170 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1171 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/chroma24-ai-night-vision"> 1172 <span class="font-bold">Chroma24 AI Night Vision</span> 1173</a> </li> 1174 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1175 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/edge-computing"> 1176 <span class="font-bold">Edge Computing</span> 1177</a> </li> 1178 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1179 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/smart-vca"> 1180 <span class="font-bold">Smart VCA</span> 1181</a> </li> 1182 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1183 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/smart-tracking-advanced"> 1184 <span class="font-bold">Smart Tracking Advanced</span> 1185</a> </li> 1186 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1187 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/vision-object-analytics"> 1188 <span class="font-bold">Vision Object Analytics</span> 1189</a> </li> 1190 </ul> 1191 <ul class="flex-1 flex flex-col gap-y-8"> 1192 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1193 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/solutions/technology/realsight-engine">
1194 <span class="font-bold">RealSight Engine</span> 1195</a> </li> 1196 </ul> 1197 </div> 1198 </div> 1199 </div> 1200 </div> 1201 1202 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1203 <div class="flex flex-col gap-y-6"> 1204 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/en-US/news-center/successful-cases"> 1205 <div 1206 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1207 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTQsInB1ciI6ImJsb2JfaWQifX0=--da75d845cb39e5c6c284058d7a13f3efeb912c79/solutions_Highlight2.png');" 1208 ></div> 1209 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1210 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1211 <p class="text-vivotek-web-title-1">Customer Stories</p> 1212 <p class="mt-2 text-vivotek-web-body-1">Explore real-world cases showing how surveillance solutions solve industry challenges.</p> 1213 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1214 </div> 1215</a> <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/en-US/resource/support/cybersecurity"> 1216 <div 1217 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1218 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTIsInB1ciI6ImJsb2JfaWQifX0=--4ce8ea5b994795dc593bc7c72d98d810d706ba8b/solutions_Highlight1.png');" 1219 ></div> 1220 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1221 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1222 <p class="text-vivotek-web-title-1">Cybersecurity</p> 1223 <p class="mt-2 text-vivotek-web-body-1">End-to-end security protecting devices, data, and cloud systems.</p> 1224 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1225 </div> 1226</a> </div> 1227 1228 </div> 1229 </div> 1230 </div> 1231 </div> 1232 </div> 1233 </div> 1234 <div 1235 class="group px-4" 1236 x-data="{ 1237 submenuId: 1525 1238 }"> 1239 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1240 <a target="_self" href="https://www.vivotek.com/en-US/products">Products</a> 1241 <div class="absolute left-0 pt-3 w-full"> 1242 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1243 </div> 1244 </div> 1245 <div class="absolute left-0 top-full z-100 rounded-b-[2.875rem] w-full group-hover:h-[78vh] group-hover:max-h-150 bg-white shadow-vivotek-header"> 1246 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1247 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1248 <div class="absolute left-0 top-0 bg-white w-full h-0 group-hover:h-12 -translate-y-full transition-[height] duration-150 ease-linear"></div> 1249 <div 1250 data-megamenu 1251 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1252 > 1253 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
125350 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1254 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1255 <div :class="{'text-vivotek-primary': submenuId == 1525}" class="text-vivotek-web-title-3"> 1256 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/video-management-platforms"> 1257 <div> 1258 <span @mouseenter="submenuId = 1525" class="cursor-pointer hover:text-vivotek-primary">Video Management Platforms</span> 1259 </div> 1260</a> </div> 1261 </div> 1262 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1263 <div :class="{'text-vivotek-primary': submenuId == 484}" class="text-vivotek-web-title-3"> 1264 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras"> 1265 <div> 1266 <span @mouseenter="submenuId = 484" class="cursor-pointer hover:text-vivotek-primary">Network Cameras</span> 1267 </div> 1268</a> </div> 1269 </div> 1270 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1271 <div :class="{'text-vivotek-primary': submenuId == 487}" class="text-vivotek-web-title-3"> 1272 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security"> 1273 <div> 1274 <span @mouseenter="submenuId = 487" class="cursor-pointer hover:text-vivotek-primary">Onboard Security</span> 1275 </div> 1276</a> </div> 1277 </div> 1278 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1279 <div :class="{'text-vivotek-primary': submenuId == 491}" class="text-vivotek-web-title-3"> 1280 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance"> 1281 <div> 1282 <span @mouseenter="submenuId = 491" class="cursor-pointer hover:text-vivotek-primary">Network Video Recorder and Appliance</span> 1283 </div> 1284</a> </div> 1285 </div> 1286 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1287 <div :class="{'text-vivotek-primary': submenuId == 1526}" class="text-vivotek-web-title-3"> 1288 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/plug-in"> 1289 <div> 1290 <span @mouseenter="submenuId = 1526" class="cursor-pointer hover:text-vivotek-primary">Integration Plug-ins</span> 1291 </div> 1292</a> </div> 1293 </div> 1294 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1295 <div :class="{'text-vivotek-primary': submenuId == 499}" class="text-vivotek-web-title-3"> 1296 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/networking"> 1297 <div> 1298 <span @mouseenter="submenuId = 499" class="cursor-pointer hover:text-vivotek-primary">Networking</span> 1299 </div> 1300</a> </div> 1301 </div> 1302 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1303 <div :class="{'text-vivotek-primary': submenuId == 500}" class="text-vivotek-web-title-3"> 1304 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/accessories"> 1305 <div>
1306 <span @mouseenter="submenuId = 500" class="cursor-pointer hover:text-vivotek-primary">Accessories</span> 1307 </div> 1308</a> </div> 1309 </div> 1310 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1311 <div :class="{'text-vivotek-primary': submenuId == 501}" class="text-vivotek-web-title-3"> 1312 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products"> 1313 <div> 1314 <span @mouseenter="submenuId = 501" class="cursor-pointer hover:text-vivotek-primary">Legacy Products</span> 1315 </div> 1316</a> </div> 1317 </div> 1318 </div> 1319 1320 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1321 <div x-show="submenuId == 1525" class="flex"> 1322 <div class="w-full"> 1323 <p class="text-vivotek-web-title-1 text-vivotek-black">Video Management Platforms</p> 1324 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">On-premise and cloud-based VMS platforms for unified video management.</p> 1325 1326 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1327 <ul class="flex-1 flex flex-col gap-y-8"> 1328 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1329 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/vast_security_station"> 1330 <span class="font-bold">VAST Security Station (VSS)</span> 1331</a> </li> 1332 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1333 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/video-management-platforms/vortex-cloud-surveillance"> 1334 <span class="font-bold">VORTEX Cloud Surveillance</span> 1335</a> </li> 1336 </ul> 1337 </div> 1338 </div> 1339 </div> 1340 <div x-show="submenuId == 484" class="flex"> 1341 <div class="w-full"> 1342 <p class="text-vivotek-web-title-1 text-vivotek-black">Network Cameras</p> 1343 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Network cameras offering flexible options for different environments and industry needs.</p> 1344 1345 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1346 <ul class="flex-1 flex flex-col gap-y-8"> 1347 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1348 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/dome"> 1349 <span class="font-bold">Dome</span> 1350</a> </li> 1351 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1352 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/turret">
1353 <span class="font-bold">Turret</span> 1354</a> </li> 1355 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1356 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/bullet"> 1357 <span class="font-bold">Bullet</span> 1358</a> </li> 1359 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1360 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/panoramic"> 1361 <span class="font-bold">Panoramic</span> 1362</a> </li> 1363 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1364 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/pan-tilt-zoom"> 1365 <span class="font-bold">Pan-Tilt-Zoom</span> 1366</a> </li> 1367 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1368 <a class="flex items-center gap-x-1" data-turbo="false" target="_blank" href="https://www.vivotek.com/en-US/product_selector?category=network-cameras&collapse_ids=0-0%2C0-1%2C0-2%2C0-3&filter%5BCamera+Type%5D%5Boperator%5D=OR&filter%5BCamera+Type%5D%5Btype%5D=checkbox&filter%5BProduct+Series%5D%5Bvalue%5D=Premium%2CEssential&filter%5BProduct+Series%5D%5Boperator%5D=in_comma_separated_values&filter%5BProduct+Series%5D%5Btype%5D=radio&filter%5BEnvironment%5D%5Boperator%5D=%3D&filter%5BEnvironment%5D%5Btype%5D=radio&filter%5BMax+Resolution%5D%5Boperator%5D=OR&filter%5BMax+Resolution%5D%5Btype%5D=checkbox&filter%5BLens+Type_Vari-focal%5D%5Boperator%5D=%3D&filter%5BLens+Type_Vari-focal%5D%5Btype%5D=radio&filter%5BLens+Type_Vari-focal%5D%5Btrigger%5D=Lens+Type%2CVari-focal&filter%5BLens+Type%5D%5Boperator%5D=%3D&filter%5BLens+Type%5D%5Btype%5D=radio&filter%5Bfov_h%5D%5Bdefault_min%5D=0&filter%5Bfov_h%5D%5Bdefault_max%5D=180&filter%5Bfov_h%5D%5Bseperate_key%5D=true&filter%5Bfov_h%5D%5Bmin%5D=0&filter%5Bfov_h%5D%5Bmax%5D=180&filter%5Bfov_h%5D%5Btype%5D=range&filter%5Bfov_v%5D%5Bdefault_min%5D=0&filter%5Bfov_v%5D%5Bdefault_max%5D=180&filter%5Bfov_v%5D%5Bseperate_key%5D=true&filter%5Bfov_v%5D%5Bmin%5D=0&filter%5Bfov_v%5D%5Bmax%5D=180&filter%5Bfov_v%5D%5Btype%5D=range&filter%5BIR+Distance%5D%5Boperator%5D=%3D&filter%5BIR+Distance%5D%5Btype%5D=radio&filter%5BSpecial+Image+Technology_RealSight+Engine%5D%5Btype%5D=switch&filter%5BSpecial+Image+Technology_Chroma+24%5D%5Btype%5D=switch&filter%5BWarm+Light%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Mic%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Mic%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Built-in+Speaker%5D%5Btype%5D=switch&filter%5BAudio_Built-in+Speaker%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Audio+Input%5D%5Btype%5D=switch&filter%5BAudio_Audio+Input%5D%5Bswitch_or_group%5D=audio&filter%5BAudio_Audio+Output%5D%5Btype%5D=switch&filter%5BAudio_Audio+Output%5D%5Bswitch_or_group%5D=audio&filter%5BCertification%5D%5Btype%5D=in_checkbox&filter%5BCertification%5D%5Bmatch_value%5D=Yes&filter%5BWDR%5D%5Boperator%5D=%3D&filter%5BWDR%5D%5Btype%5D=radio&filter%5BIRIS%5D%5Boperator%5D=LIKE&filter%5BIRIS%5D%5Btype%5D=checkbox&filter%5BMax+Streams%5D%5Boperator%5D=%3D&filter%5BMax+Streams%5D%5Btype%5D=radio&filter%5BMaximum+Frame+Rate%5D%5Boperator%5D=%3D&filter%5BMaximum+Frame+Rate%5D%5Btype%5D=radio&filter%5BVideo+Compression+Codec%5D%5Boperator%5D=LIKE&filter%5BVideo+Compression+Codec%5D%5Btype%5D=checkbox&filter%5BSecurity%5D%5Btype%5D=in_checkbox&filter%5BSecurity%5D%5Bmatch_value%5D=Yes&filter%5BVCA%5D%5Btype%5D=in_checkbox&filter%5BVCA%5D%5Bmatch_value%5D=Yes&filter%5BDeep+Search%5D%5Btype%5D=in_checkbox&filter%5BDeep+Search%5D%5Bmatch_value%5D=Yes&filter%5BCloud+AI+Analytics%5D%5Btype%5D=in_checkbox&filter%5BCloud+AI+Analytics%5D%5Bmatch_value%5D=Yes&filter%5BSoftware+Package%5D%5Btype%5D=in_checkbox&filter%5BSoftware+Package%5D%5Bmatch_value%5D=Yes&filter%5BMain+Power+Source%5D%5Boperator%5D=LIKE&filter%5BMain+Power+Source%5D%5Btype%5D=radio&filter%5BNetwork+Connector%5D%5Boperator%5D=%3D&filter%5BNetwork+Connector%5D%5Btype%5D=radio&filter%5BWorking+Temperature%5D%5Btype%5D=in_checkbox&filter%5BWorking+Temperature%5D%5Boperator%5D=in&filter%5BAlarm+In%5D%5Btype%5D=switch&filter%5BAlarm+Out%5D%5Btype%5D=switch&q%5Bs%5D=online_time+desc&q%5Bname_cont%5D=">
1369 <span class="font-bold">VORTEX Cloud Camera</span> 1370</a> </li> 1371 </ul> 1372 <ul class="flex-1 flex flex-col gap-y-8"> 1373 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1374 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/thermal"> 1375 <span class="font-bold">Thermal</span> 1376</a> </li> 1377 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1378 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/box"> 1379 <span class="font-bold">Box</span> 1380</a> </li> 1381 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1382 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-cameras/application-camera"> 1383 <span class="font-bold">Application Camera</span> 1384</a> </li> 1385 </ul> 1386 </div> 1387 </div> 1388 </div> 1389 <div x-show="submenuId == 487" class="flex"> 1390 <div class="w-full"> 1391 <p class="text-vivotek-web-title-1 text-vivotek-black">Onboard Security</p> 1392 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Onboard security designed for real-time surveillance in transit and transportation.</p> 1393 1394 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1395 <ul class="flex-1 flex flex-col gap-y-8"> 1396 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1397 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/saloon-camera"> 1398 <span class="font-bold">Saloon Camera</span> 1399</a> </li> 1400 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1401 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/exterior-camera"> 1402 <span class="font-bold">Exterior Camera</span> 1403</a> </li> 1404 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1405 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/onboard-security/mobile-nvr"> 1406 <span class="font-bold">Mobile NVR</span> 1407</a> </li> 1408 </ul> 1409 </div> 1410 </div> 1411 </div> 1412 <div x-show="submenuId == 491" class="flex"> 1413 <div class="w-full"> 1414 <p class="text-vivotek-web-title-1 text-vivotek-black">Network Video Recorder and Appliance</p> 1415 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Recording appliances for secure storage and cloud-connected management.</p> 1416 1417 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1418 <ul class="flex-1 flex flex-col gap-y-8"> 1419 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1420 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/core+-ai-series-nvr">
1421 <span class="font-bold">Core+ AI Series NVR</span> 1422</a> </li> 1423 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1424 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/core+-series-nvr"> 1425 <span class="font-bold">Core+ Series NVR</span> 1426</a> </li> 1427 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1428 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/recording-server"> 1429 <span class="font-bold">Recording Server</span> 1430</a> </li> 1431 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1432 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/network-video-recorder-and-appliance/video-decoder"> 1433 <span class="font-bold">Video Decoder</span> 1434</a> </li> 1435 </ul> 1436 </div> 1437 </div> 1438 </div> 1439 <div x-show="submenuId == 1526" class="flex"> 1440 <div class="w-full"> 1441 <p class="text-vivotek-web-title-1 text-vivotek-black">Integration Plug-ins</p> 1442 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Integration plug-ins that connect management software with third-party platforms and tools.</p> 1443 1444 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1445 <ul class="flex-1 flex flex-col gap-y-8"> 1446 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1447 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/genetec"> 1448 <span class="font-bold">Plug-in for Genetec</span> 1449</a> </li> 1450 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1451 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/milestone"> 1452 <span class="font-bold">Plug-in for Milestone</span> 1453</a> </li> 1454 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1455 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/plug-in/network-optix"> 1456 <span class="font-bold">Plug-in for Network Optix</span> 1457</a> </li> 1458 </ul> 1459 </div> 1460 </div> 1461 </div> 1462 <div x-show="submenuId == 499" class="flex"> 1463 <div class="w-full"> 1464 <p class="text-vivotek-web-title-1 text-vivotek-black">Networking</p> 1465 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Networking products provide network connectivity & power supply for stable transmission.</p> 1466 1467 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1468 <ul class="flex-1 flex flex-col gap-y-8"> 1469 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1470 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/commercial-network-switch">
1471 <span class="font-bold">Commercial Network Switch</span> 1472</a> </li> 1473 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1474 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/industrial-network-switch"> 1475 <span class="font-bold">Industrial Network Switch</span> 1476</a> </li> 1477 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1478 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/outdoor-network-switch"> 1479 <span class="font-bold">Outdoor Network Switch</span> 1480</a> </li> 1481 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1482 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/poe-extender"> 1483 <span class="font-bold">PoE Extender</span> 1484</a> </li> 1485 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1486 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/poe-injector"> 1487 <span class="font-bold">PoE Injector</span> 1488</a> </li> 1489 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1490 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/sfp-transceiver"> 1491 <span class="font-bold">SFP Transceiver</span> 1492</a> </li> 1493 </ul> 1494 <ul class="flex-1 flex flex-col gap-y-8"> 1495 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1496 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/networking/surge-protector"> 1497 <span class="font-bold">Surge Protector</span> 1498</a> </li> 1499 </ul> 1500 </div> 1501 </div> 1502 </div> 1503 <div x-show="submenuId == 500" class="flex"> 1504 <div class="w-full"> 1505 <p class="text-vivotek-web-title-1 text-vivotek-black">Accessories</p> 1506 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Accessories designed for various installations, integration, and operation of surveillance products.</p> 1507 1508 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1509 <ul class="flex-1 flex flex-col gap-y-8"> 1510 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1511 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/mounting-kit">
1512 <span class="font-bold">Mounting Kit</span> 1513</a> </li> 1514 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1515 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/enclosure"> 1516 <span class="font-bold">Enclosure</span> 1517</a> </li> 1518 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1519 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cover"> 1520 <span class="font-bold">Cover</span> 1521</a> </li> 1522 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1523 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/lens"> 1524 <span class="font-bold">Lens</span> 1525</a> </li> 1526 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1527 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/power-supply"> 1528 <span class="font-bold">Power Supply</span> 1529</a> </li> 1530 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1531 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/power-box"> 1532 <span class="font-bold">Power Box</span> 1533</a> </li> 1534 </ul> 1535 <ul class="flex-1 flex flex-col gap-y-8"> 1536 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1537 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cable"> 1538 <span class="font-bold">Cable</span> 1539</a> </li> 1540 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1541 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/i-o-device"> 1542 <span class="font-bold">I/O Device</span> 1543</a> </li> 1544 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1545 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/joystick"> 1546 <span class="font-bold">Joystick</span> 1547</a> </li> 1548 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1549 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cabinet"> 1550 <span class="font-bold">Cabinet</span> 1551</a> </li> 1552 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1553 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/cabinet-accessory">
1554 <span class="font-bold">Cabinet Accessory</span> 1555</a> </li> 1556 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1557 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/storage"> 1558 <span class="font-bold">Storage</span> 1559</a> </li> 1560 </ul> 1561 <ul class="flex-1 flex flex-col gap-y-8"> 1562 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1563 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/illuminator"> 1564 <span class="font-bold">Illuminators</span> 1565</a> </li> 1566 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1567 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/connector"> 1568 <span class="font-bold">Connector</span> 1569</a> </li> 1570 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1571 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/accessories/network-audio-devices"> 1572 <span class="font-bold">Network Audio Devices</span> 1573</a> </li> 1574 </ul> 1575 </div> 1576 </div> 1577 </div> 1578 <div x-show="submenuId == 501" class="flex"> 1579 <div class="w-full"> 1580 <p class="text-vivotek-web-title-1 text-vivotek-black">Legacy Products</p> 1581 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Legacy products maintained for reference and existing deployments.</p> 1582 1583 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1584 <ul class="flex-1 flex flex-col gap-y-8"> 1585 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1586 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/legacy-products"> 1587 <span class="font-bold">Legacy Products List</span> 1588</a> </li> 1589 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1590 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/vivocloud"> 1591 <span class="font-bold">VIVOCloud</span> 1592</a> </li> 1593 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1594 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/vast_2"> 1595 <span class="font-bold">VAST 2 (Discontinued)</span> 1596</a> </li> 1597 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1598 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/legacy-products/end-of-life-product-list">
1599 <span class="font-bold">End-of-life Product List</span> 1600</a> </li> 1601 </ul> 1602 </div> 1603 </div> 1604 </div> 1605 </div> 1606 1607 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1608 <div class="flex flex-col gap-y-6"> 1609 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/en-US/resource/learning/blog/product-updates-2026-06"> 1610 <div 1611 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1612 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTEsInB1ciI6ImJsb2JfaWQifX0=--855f5ea7712338996fb6cfbda00be616b80c29fd/products_Highlight1.png');" 1613 ></div> 1614 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1615 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1616 <p class="text-vivotek-web-title-1">What's New</p> 1617 <p class="mt-2 text-vivotek-web-body-1">Explore new products and the latest feature updates.</p> 1618 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1619 </div> 1620</a> </div> 1621 1622 <div class="rounded-2.5 px-6 py-4 bg-vivotek-neutral-02 mt-6"> 1623 1624 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/en-US/product_selector?category=network-cameras"> 1625 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTcsInB1ciI6ImJsb2JfaWQifX0=--e500c4e019b30242943ba34a49821eceee5dbd45/products_Quick_Link1.png" /></div> 1626 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 1 == 4}"> 1627 <p class="text-vivotek-black text-vivotek-web-title-4">Camera Selector</p> 1628 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Find the right camera for your needs</p> 1629 </div> 1630 <div> 1631 </div> 1632</a> 1633 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/en-US/product_selector?category=network-video-recorder-and-appliance"> 1634 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTgsInB1ciI6ImJsb2JfaWQifX0=--59f1d9b599a034d490f472794321fda9c72c17bc/products_Quick_Link2.png" /></div> 1635 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 2 == 4}"> 1636 <p class="text-vivotek-black text-vivotek-web-title-4">NVR Selector</p> 1637 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Find the right NVR for your needs</p> 1638 </div> 1639 <div> 1640 </div> 1641</a> 1642 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/en-US/search_accessory"> 1643 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTksInB1ciI6ImJsb2JfaWQifX0=--6700504deaa4bd26dede262688542e2edd9ab73c/products_Quick_Link3.png" /></div> 1644 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 3 == 4}"> 1645 <p class="text-vivotek-black text-vivotek-web-title-4">Accessory Selector</p> 1646 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Match the right accessories to your setup</p> 1647 </div> 1648 <div> 1649 </div> 1650</a> 1651 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/en-US/resource/tool/bandwidth_calculator"> 1652 <div class="w-12 h-12 flex items-center justify-center rounded-full bg-white"><img class="w-6 h-6 object-contain" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTYsInB1ciI6ImJsb2JfaWQifX0=--d8042bcf6d3070524cced0e8193edde5b26a0360/products_Quick_Link4.png" /></div> 1653 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 4 == 4}"> 1654 <p class="text-vivotek-black text-vivotek-web-title-4">Bandwidth Calculator</p> 1655 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Estimate bandwidth for reliable performance</p> 1656 </div> 1657 <div> 1658 </div> 1659</a> </div> 1660 </div> 1661 </div> 1662 </div> 1663 </div> 1664 </div> 1665 </div> 1666 <div 1667 class="group px-4" 1668 x-data="{ 1669 submenuId: 485 1670 }"> 1671 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1672 <a target="_self" href="https://www.vivotek.com/en-US/resource">Resource</a> 1673 <div class="absolute left-0 pt-3 w-full"> 1674 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1675 </div> 1676 </div> 1677 <div class="absolute left-0 top-full z-100 rounded-b-[2.875rem] w-full group-hover:h-[78vh] group-hover:max-h-150 bg-white shadow-vivotek-header"> 1678 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1679 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1680 <div class="absolute left-0 top-0 bg-white w-full h-0 group-hover:h-12 -translate-y-full transition-[height] duration-150 ease-linear"></div> 1681 <div 1682 data-megamenu 1683 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1684 > 1685 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
168550 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1686 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1687 <div :class="{'text-vivotek-primary': submenuId == 485}" class="text-vivotek-web-title-3"> 1688 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/resource/learning"> 1689 <div> 1690 <span @mouseenter="submenuId = 485" class="cursor-pointer hover:text-vivotek-primary">Learning</span> 1691 </div> 1692</a> </div> 1693 </div> 1694 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1695 <div :class="{'text-vivotek-primary': submenuId == 490}" class="text-vivotek-web-title-3"> 1696 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/resource/download-center"> 1697 <div> 1698 <span @mouseenter="submenuId = 490" class="cursor-pointer hover:text-vivotek-primary">Download Center</span> 1699 </div> 1700</a> </div> 1701 </div> 1702 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1703 <div :class="{'text-vivotek-primary': submenuId == 1527}" class="text-vivotek-web-title-3"> 1704 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/resource/management-tools"> 1705 <div> 1706 <span @mouseenter="submenuId = 1527" class="cursor-pointer hover:text-vivotek-primary">Management Tools</span> 1707 </div> 1708</a> </div> 1709 </div> 1710 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1711 <div :class="{'text-vivotek-primary': submenuId == 1528}" class="text-vivotek-web-title-3"> 1712 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools"> 1713 <div> 1714 <span @mouseenter="submenuId = 1528" class="cursor-pointer hover:text-vivotek-primary">Design Tools</span> 1715 </div> 1716</a> </div> 1717 </div> 1718 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1719 <div :class="{'text-vivotek-primary': submenuId == 492}" class="text-vivotek-web-title-3"> 1720 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/resource/support"> 1721 <div> 1722 <span @mouseenter="submenuId = 492" class="cursor-pointer hover:text-vivotek-primary">Support</span> 1723 </div> 1724</a> </div> 1725 </div> 1726 </div> 1727 1728 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1729 <div x-show="submenuId == 485" class="flex"> 1730 <div class="w-full"> 1731 <p class="text-vivotek-web-title-1 text-vivotek-black">Learning</p> 1732 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Explore the latest physical security insights through cases, articles, videos, and webinars.</p> 1733 1734 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1735 <ul class="flex-1 flex flex-col gap-y-8"> 1736 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1737 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/news-center/successful-cases">
1738 <span class="font-bold">Customer Stories</span> 1739</a> </li> 1740 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1741 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/learning/blog"> 1742 <span class="font-bold">Blog</span> 1743</a> </li> 1744 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1745 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/news-center/events"> 1746 <span class="font-bold">Event</span> 1747</a> </li> 1748 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1749 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/learning/tutorial_videos"> 1750 <span class="font-bold">Tutorial Videos</span> 1751</a> </li> 1752 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1753 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/learning/webinar"> 1754 <span class="font-bold">Webinar</span> 1755</a> </li> 1756 </ul> 1757 </div> 1758 </div> 1759 </div> 1760 <div x-show="submenuId == 490" class="flex"> 1761 <div class="w-full"> 1762 <p class="text-vivotek-web-title-1 text-vivotek-black">Download Center</p> 1763 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Download software, firmware, datasheets, QIGs, manuals, and technical documents.</p> 1764 1765 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1766 <ul class="flex-1 flex flex-col gap-y-8"> 1767 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1768 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/product"> 1769 <span class="font-bold">Product Documents</span> 1770</a> </li> 1771 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1772 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/software-app-vadp-package"> 1773 <span class="font-bold">Software & Tools</span> 1774</a> </li> 1775 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1776 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/download-center/marketing-materials"> 1777 <span class="font-bold">Marketing Materials</span> 1778</a> </li> 1779 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1780 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fsdk">
1781 <span class="font-bold">SDK</span> 1782 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1783</a> </li> 1784 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1785 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fanpr-package"> 1786 <span class="font-bold">ANPR Package</span> 1787 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1788</a> </li> 1789 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1790 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Fcounting-package"> 1791 <span class="font-bold">Counting Package</span> 1792 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1793</a> </li> 1794 </ul> 1795 <ul class="flex-1 flex flex-col gap-y-8"> 1796 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1797 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/en-US/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fen-US%2Fresource%2Fdownload-center%2Foss"> 1798 <span class="font-bold">OSS</span> 1799 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1800</a> </li> 1801 </ul> 1802 </div> 1803 </div> 1804 </div> 1805 <div x-show="submenuId == 1527" class="flex"> 1806 <div class="w-full"> 1807 <p class="text-vivotek-web-title-1 text-vivotek-black">Management Tools</p> 1808 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Support resources for warranty, service requests, cybersecurity, and customer assistance.</p> 1809 1810 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1811 <ul class="flex-1 flex flex-col gap-y-8"> 1812 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1813 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/device_manager"> 1814 <span class="font-bold">Device Manager</span> 1815</a> </li> 1816 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1817 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/shepherd">
1818 <span class="font-bold">Shepherd</span> 1819</a> </li> 1820 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1821 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/iviewer"> 1822 <span class="font-bold">iViewer</span> 1823</a> </li> 1824 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1825 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/device_center"> 1826 <span class="font-bold">Device Center</span> 1827</a> </li> 1828 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1829 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/device_pack"> 1830 <span class="font-bold">Device Pack</span> 1831</a> </li> 1832 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1833 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/products/software/validation_tool"> 1834 <span class="font-bold">Validation Tool</span> 1835</a> </li> 1836 </ul> 1837 </div> 1838 </div> 1839 </div> 1840 <div x-show="submenuId == 1528" class="flex"> 1841 <div class="w-full"> 1842 <p class="text-vivotek-web-title-1 text-vivotek-black">Design Tools</p> 1843 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Management tools for device setup, maintenance, and compatibility verification.</p> 1844 1845 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1846 <ul class="flex-1 flex flex-col gap-y-8"> 1847 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1848 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/tool/bandwidth_calculator"> 1849 <span class="font-bold">Bandwidth Calculator</span> 1850</a> </li> 1851 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1852 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools/bimobject"> 1853 <span class="font-bold">BIMobject</span> 1854</a> </li> 1855 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1856 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/design-tools/ip-video-system-design-tool"> 1857 <span class="font-bold">IP Video System Design Tool</span> 1858</a> </li> 1859 </ul> 1860 </div> 1861 </div> 1862 </div> 1863 <div x-show="submenuId == 492" class="flex"> 1864 <div class="w-full"> 1865 <p class="text-vivotek-web-title-1 text-vivotek-black">Support</p> 1866 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">
1866Planning tools to design, calculate, and deploy surveillance system projects.</p> 1867 1868 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1869 <ul class="flex-1 flex flex-col gap-y-8"> 1870 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1871 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/support/warranty_policy"> 1872 <span class="font-bold">Warranty Policy</span> 1873</a> </li> 1874 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1875 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/support/rma"> 1876 <span class="font-bold">RMA Policy</span> 1877</a> </li> 1878 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1879 <a class="flex items-center gap-x-1" data-turbo="false" target="_blank" href="https://vivotek.zendesk.com/hc/en-001"> 1880 <span class="font-bold">Customer Service Center</span> 1881</a> </li> 1882 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1883 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/resource/support/cybersecurity"> 1884 <span class="font-bold">Cybersecurity</span> 1885</a> </li> 1886 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1887 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/contact_us"> 1888 <span class="font-bold">Contact Us</span> 1889</a> </li> 1890 </ul> 1891 </div> 1892 </div> 1893 </div> 1894 </div> 1895 1896 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1897 <div class="flex flex-col gap-y-6"> 1898 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/en-US/news-center/events/vivotek-discovery-day-2026-global"> 1899 <div 1900 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1901 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDAsInB1ciI6ImJsb2JfaWQifX0=--b1df168fd5d4203cefc629533cee44668006d6c8/resource_Highlight1.png');" 1902 ></div> 1903 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1904 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1905 <p class="text-vivotek-web-title-1">Discovery Day</p> 1906 <p class="mt-2 text-vivotek-web-body-1">Global NPI webinar series on driving real-world surveillance outcomes.</p> 1907 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1908 </div> 1909</a> <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vortexcloud.com/en/resource/event/ai-cloud-surveillance-market-insights-2026"> 1910 <div 1911 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1912 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTMsInB1ciI6ImJsb2JfaWQifX0=--3e41b318f056376d49286feef29d3b67ef034591/resource_Highlight2.webp');" 1913 ></div> 1914 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1915 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1916 <p class="text-vivotek-web-title-1">The Hidden ROI of Surveillance</p> 1917 <p class="mt-2 text-vivotek-web-body-1">AI Cloud Surveillance Market Insights 2026</p> 1918 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1919 </div> 1920</a> </div> 1921 1922 </div> 1923 </div> 1924 </div> 1925 </div> 1926 </div> 1927 </div> 1928 <div 1929 class="group px-4" 1930 x-data="{ 1931 submenuId: 1529 1932 }"> 1933 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1934 <a target="_self" href="https://www.vivotek.com/en-US/partners">Partners</a> 1935 <div class="absolute left-0 pt-3 w-full"> 1936 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1937 </div> 1938 </div> 1939 <div class="absolute left-0 top-full z-100 rounded-b-[2.875rem] w-full group-hover:h-[78vh] group-hover:max-h-150 bg-white shadow-vivotek-header"> 1940 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1941 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1942 <div class="absolute left-0 top-0 bg-white w-full h-0 group-hover:h-12 -translate-y-full transition-[height] duration-150 ease-linear"></div> 1943 <div 1944 data-megamenu 1945 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1946 > 1947 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
194750 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1948 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1949 <div :class="{'text-vivotek-primary': submenuId == 1529}" class="text-vivotek-web-title-3"> 1950 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem"> 1951 <div> 1952 <span @mouseenter="submenuId = 1529" class="cursor-pointer hover:text-vivotek-primary">VPP Ecosystem</span> 1953 </div> 1954</a> </div> 1955 </div> 1956 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1957 <div :class="{'text-vivotek-primary': submenuId == 486}" class="text-vivotek-web-title-3"> 1958 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners"> 1959 <div> 1960 <span @mouseenter="submenuId = 486" class="cursor-pointer hover:text-vivotek-primary">Technology Partners</span> 1961 </div> 1962</a> </div> 1963 </div> 1964 </div> 1965 1966 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1967 <div x-show="submenuId == 1529" class="flex"> 1968 <div class="w-full"> 1969 <p class="text-vivotek-web-title-1 text-vivotek-black">VPP Ecosystem</p> 1970 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Find the VPP Program, platforms, and resources that help you work, learn, and grow.</p> 1971 1972 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 1973 <ul class="flex-1 flex flex-col gap-y-8"> 1974 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1975 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-program"> 1976 <span class="font-bold">VPP Program</span> 1977</a> </li> 1978 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1979 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-portal"> 1980 <span class="font-bold">VPP Portal</span> 1981</a> </li> 1982 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1983 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/vpp-business-hub"> 1984 <span class="font-bold">VPP Business Hub</span> 1985</a> </li> 1986 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1987 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/vpp-ecosystem/academy"> 1988 <span class="font-bold">VIVOTEK Academy</span> 1989</a> </li> 1990 </ul> 1991 </div> 1992 </div> 1993 </div> 1994 <div x-show="submenuId == 486" class="flex"> 1995 <div class="w-full"> 1996 <p class="text-vivotek-web-title-1 text-vivotek-black">Technology Partners</p> 1997 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Technology partners and programs offering VADP collaboration and exclusive A&
1997E/C support.</p> 1998 1999 <div class="flex items-start gap-x-4 2xl:gap-x-20 gap-y-8 border-t-2 border-vivotek-gray-100 mt-8 pt-8 pb-14 h-118 max-h-[61vh] overflow-y-auto"> 2000 <ul class="flex-1 flex flex-col gap-y-8"> 2001 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 2002 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/find-a-technology-partner"> 2003 <span class="font-bold">Find A Technology Partner</span> 2004</a> </li> 2005 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 2006 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/vadp-partner-program"> 2007 <span class="font-bold">VADP Partner Program</span> 2008</a> </li> 2009 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 2010 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/en-US/partners/technology-partners/aec-program"> 2011 <span class="font-bold">A&E/C Program</span> 2012</a> </li> 2013 </ul> 2014 </div> 2015 </div> 2016 </div> 2017 </div> 2018 2019 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 2020 <div class="flex flex-col gap-y-6"> 2021 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://portal.vpp.vivotek.com/application/personal"> 2022 <div 2023 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 2024 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NTYsInB1ciI6ImJsb2JfaWQifX0=--465f77d5fe6065beb5d133afc75be1af4a17b41a/Partners_Highlight1_VPP%20Promo%20Card_412x232px.webp');" 2025 ></div> 2026 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 2027 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 2028 <p class="text-vivotek-web-title-1">Become Partner</p> 2029 <p class="mt-2 text-vivotek-web-body-1">Programs, Portals, and Academy built to support partners at every stage of growth.</p> 2030 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 2031 </div> 2032</a> </div> 2033 2034 </div> 2035 </div> 2036 </div> 2037 </div> 2038 </div> 2039 </div> 2040 <div 2041 class="group px-4" 2042 x-data="{ 2043 submenuId: 1430 2044 }"> 2045 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 2046 <a target="_self" href="https://www.vivotek.com/en-US/where-to-buy">Where To Buy</a> 2047 <div class="absolute left-0 pt-3 w-full"> 2048 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 2049 </div> 2050 </div> 2051 <div class="absolute left-0 top-full z-100 rounded-b-[2.875rem] w-full group-hover:h-[78vh] group-hover:max-h-150 bg-white shadow-vivotek-header"> 2052 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 2053 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 2054 <div class="absolute left-0 top-0 bg-white w-full h-0 group-hover:h-12 -translate-y-full transition-[height] duration-150 ease-linear"></div> 2055 <div 2056 data-megamenu 2057 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 2058 > 2059 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
205950 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 2060 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 2061 <div :class="{'text-vivotek-primary': submenuId == 1430}" class="text-vivotek-web-title-3"> 2062 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/en-US//where-to-buy"> 2063 <div> 2064 <span @mouseenter="submenuId = 1430" class="cursor-pointer hover:text-vivotek-primary">Where to Buy</span> 2065 </div> 2066</a> </div> 2067 </div> 2068 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 2069 <div :class="{'text-vivotek-primary': submenuId == 1651}" class="text-vivotek-web-title-3"> 2070 <a class="cursor-default flex items-center gap-x-1" target="_blank" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTIzODAsInB1ciI6ImJsb2JfaWQifX0=--692a542937348e421fcc024830f5b7c0ac04133e/Field%20Sales%20Map%202026-TL_v20.pdf"> 2071 <div> 2072 <span @mouseenter="submenuId = 1651" class="cursor-pointer hover:text-vivotek-primary">Sales Map</span> 2073 </div> 2074</a> </div> 2075 </div> 2076 </div> 2077 2078 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 2079 <div x-show="submenuId == 1430" class="flex"> 2080 <div class="w-full"> 2081 <p class="text-vivotek-web-title-1 text-vivotek-black">Where to Buy</p> 2082 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Find authorized distributors and resellers for our products in your country.</p> 2083 2084 </div> 2085 </div> 2086 <div x-show="submenuId == 1651" class="flex"> 2087 <div class="w-full"> 2088 <p class="text-vivotek-web-title-1 text-vivotek-black">Sales Map</p> 2089 2090 </div> 2091 </div> 2092 </div> 2093 2094 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 2095 <div class="flex flex-col gap-y-6"> 2096 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/en-US/where-to-buy"> 2097 <div 2098 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 2099 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NDAsInB1ciI6ImJsb2JfaWQifX0=--01f9244d2f12c802fa522ddca0f947cf03c72c32/Where%20to%20buy_Highlight1_%20412x242px%20(1).webp');" 2100 ></div> 2101 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 2102 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 2103 <p class="text-vivotek-web-title-1">Where To Buy</p> 2104 <p class="mt-2 text-vivotek-web-body-1">Find authorized distributors and resellers for our products in your country.</p> 2105 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 2106 </div> 2107</a> <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://blob.vivotek.com/wwwfile/tag7tbac36df86yyzi9ol3wgcdya?sp=r&sv=2018-11-09&se=2026-08-13T03%3A50%3A56Z&rscd=inline%3B+filename%3D%22Field+Sales+Map+2026-TL_v20.pdf%22%3B+filename*%3DUTF-8%27%27Field%2520Sales%2520Map%25202026-TL_v20.pdf&rsct=application%2Fpdf&sr=b&sig=a0WL5ij%2BbFZvmcsBYCWCA%2FSsU%2FqLBFe6%2FWNAvhbFJss%3D"> 2108 <div 2109 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 2110 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4NzMsInB1ciI6ImJsb2JfaWQifX0=--5125e49b95ca9e595d96303f28f6a23eb9af5e8e/VU_Sale%20M
2110ap_2026-6.png');" 2111 ></div> 2112 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 2113 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 2114 <p class="text-vivotek-web-title-1">Sales Map</p> 2115 <p class="mt-2 text-vivotek-web-body-1">View North America field sales territories and regional contact details.</p> 2116 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 2117 </div> 2118</a> </div> 2119 2120 </div> 2121 </div> 2122 </div> 2123 </div> 2124 </div> 2125 </div> 2126 </div> 2127 </div> 2128 <div x-show="!openSearch" 2129 x-transition:enter="transition ease-out duration-300" 2130 x-transition:enter-start="opacity-0 scale-95" 2131 x-transition:enter-end="opacity-100 scale-100" 2132 class="relative z-[110] flex gap-3"> 2133 <a class="button flex items-center rounded-full bg-vivotek-primary px-4 py-2.5 text-white" href="https://www.vivotek.com/en-US/contact_us/sales_inquiry">Request Demo</a> 2134 <div class="group flex items-center gap-x-3 border border-vivotek-primary rounded-full px-4 py-2.5 text-vivotek-primary cursor-pointer hover:bg-vivotek-primary hover:text-white" @click="openSearch = !openSearch"> 2135 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-full h-full text-vivotek-primary group-hover:text-white object-contain"> 2136<path d="M4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.6628 17 13.1902 16.4202 14.3911 15.4518L19.7197 20.7803C20.0126 21.0732 20.4874 21.0732 20.7803 20.7803C21.0732 20.4874 21.0732 20.0126 20.7803 19.7197L15.4518 14.3911C16.4202 13.1902 17 11.6628 17 10C17 6.13401 13.866 3 10 3Z" fill="currentColor"></path> 2137</svg> 2138 2139 Search 2140 </div> 2141 </div> 2142 <div x-show="openSearch" 2143 x-transition:enter="transition ease-out duration-300" 2144 x-transition:enter-start="opacity-0 scale-95" 2145 x-transition:enter-end="opacity-100 scale-100" 2146 class="shrink-0 relative z-[110] w-100"> 2147 <frontend-search-forms-checkbox-select class="relative flex items-center w-full" x-data="{ 2148 optionsExpanded: false, 2149 selectedText: '', 2150 search: '', 2151 async init() { 2152 await this.$nextTick() 2153 2154 this.fetchKeywords() 2155 }, 2156 fetchKeywords() { 2157 if ( this.searchValue.length >= 3 ) { 2158 $refs.fetchKeywords.click() 2159 } 2160 } 2161 }"> 2162 <form class="flex items-center gap-x-3 border border-vivotek-neutral-05 rounded-full px-4 py-2.5 w-full" action="/en-US/search" accept-charset="UTF-8" method="get"> 2163 <div class="flex-1 group relative flex items-center gap-x-3 md:w-60.5"> 2164 <input type="text" name="search_keywords" id="417e4b63-search-text" class="border-none focus:ring-0 w-full ml-3 p-0 text-base placeholder:text-vivotek-neutral-05" placeholder="Enter keyword (3+ chars)" autocomplete="off" x-model="searchValue" @input.debounce.500ms="if ($el.value.length >= 3) $refs.fetchKeywords.click()" /> 2165 2166 <div 2167 class="hidden text-vivotek-black cursor-pointer" 2168 :class="{ 'hidden': searchValue.length === 0 }" 2169 @click="searchValue = ''" 2170 > 2171 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 2172<path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="currentColor"></path> 2173</svg> 2174 2175 </div> 2176 <a 2177 href="#" 2178 class="hidden" 2179 data-turbo-stream 2180 :href="`/en-US/search/keywords?&search_keywords=${searchValue}`" 2181 x-ref="fetchKeywords" 2182 ></a> 2183 <turbo-frame-tag class="dropdown_keywords absolute left-0 top-full hidden group-focus-within:block w-full"></turbo-frame-tag> 2184 </div> 2185 <div class="hidden md:block" x-show="searchValue.length === 0" @click="openSearch = false"> 2186 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 2187<path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="currentColor"></path> 2188</svg> 2189 2190 </div> 2191 <button class="shrink-0 w-6 h-6"> 2192 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-full h-full text-gray-500 dark:text-gray-400 object-contain"> 2193<path d="M4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.6628 17 13.1902 16.4202 14.3911 15.4518L19.7197 20.7803C20.0126 21.0732 20.4874 21.0732 20.7803 20.7803C21.0732 20.4874 21.0732 20.0126 20.7803 19.7197L15.4518 14.3911C16.4202 13.1902 17 11.6628 17 10C17 6.13401 13.866 3 10 3Z" fill="currentColor"></path> 2194</svg> 2195 2196 </button> 2197</form></frontend-search-forms-checkbox-select> 2198 </div> 2199 </div> 2200 </div> 2201</div> 2202 2203 2204 2205 2206 2207 2208 <div class="relative"> 2209 <a class="absolute pt-32 w-0 h-full"> 2210 <div 2211 class="h-full" 2212 x-data 2213 x-intersect:enter="$dispatch('back-to-top:show')" 2214 x-intersect:leave="$dispatch('back-to-top:hide')" 2215 ></div> 2216</a> 2217 2218 2219 <div class="pb-30 md:pb-50"> 2220 <div class="pt-17.5 md:pt-40 md:pb-5 md:bg-vivotek-neutral-02"> 2221 <div class="w-full"> 2222 <div class="md:mx-auto pr-6 md:pr-7.5 md:pl-10 xl:pl-11.5 xl:pr-[3.625rem] 2xl:pl-20 md:w-300 xl:w-315 2xl:w-420"> 2223 <div class="md:py-2 mx-6 md:mx-0 w-full "> 2224 <div class="hidden md:flex items-center"> 2225 <div class="w-6 h-6 mr-1"> 2226 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain mr-1"> 2227<mask id="mask0_107_1500" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> 2228<rect width="24" height="24" fill="currentColor"></rect> 2229</mask> 2230<g mask="url(#mask0_107_1500)"> 2231<path d="M10.5495 2.53189C11.3874 1.82531 12.6126 1.82531 13.4505 2.5319L20.2005 8.224C20.7074 8.65152 21 9.2809 21 9.94406L21 19.2539C21 20.2204 20.2165 21.0039 19.25 21.0039H15.75C14.7835 21.0039 14 20.2204 14 19.2539L14 14.2468C14 14.1088 13.8881 13.9968 13.75 13.9968H10.25C10.1119 13.9968 9.99999 14.1088 9.99999 14.2468L9.99999 19.2539C9.99999 20.2204 9.2165 21.0039 8.25 21.0039H4.75C3.7835 21.0039 3 20.2204 3 19.2539V9.94406C3 9.2809 3.29255 8.65152 3.79952 8.224L10.5495 2.53189ZM12.4835 3.6786C12.2042 3.44307 11.7958 3.44307 11.5165 3.6786L4.76651 9.37071C4.59752 9.51321 4.5 9.72301 4.5 9.94406L4.5 19.2539C4.5 19.392 4.61193 19.5039 4.75 19.5039H8.25C8.38807 19.5039 8.49999 19.392 8.49999 19.2539L8.49999 14.2468C8.49999 13.2803 9.2835 12.4968 10.25 12.4968H13.75C14.7165 12.4968 15.5 13.2803 15.5 14.2468L15.5 19.2539C15.5 19.392 15.6119 19.5039 15.75 19.5039H19.25C19.3881 19.5039 19.5 19.392 19.5 19.2539L19.5 9.94406C19.5 9.72301 19.4025 9.51321 19.2335 9.37071L12.4835 3.6786Z" fill="currentColor"></path> 2232</g> 2233</svg> 2234 2235 </div> 2236 <a class="whitespace-nowrap text-vivotek-web-body-1" href="/en-US">Home</a> 2237 <div class="w-6 h-6 mx-1"> 2238 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 2239<path d="M8.46967 4.21967C8.17678 4.51256 8.17678 4.98744 8.46967 5.28033L15.1893 12L8.46967 18.7197C8.17678 19.0126 8.17678 19.4874 8.46967 19.7803C8.76256 20.0732 9.23744 20.0732 9.53033 19.7803L16.7803 12.5303C17.0732 12.2374 17.0732 11.7626 16.7803 11.4697L9.53033 4.21967C9.23744 3.92678 8.76256 3.92678 8.46967 4.21967Z" fill="currentColor"></path> 2240</svg> 2241 2242 </div> 2243 <a class="whitespace-nowrap text-vivotek-web-body-1" href="/en-US/product_selector">Product Selector</a> 2244 <div class="w-6 h-6 mx-1"> 2245 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 2246<path d="M8.46967 4.21967C8.17678 4.51256 8.17678 4.98744 8.46967 5.28033L15.1893 12L8.46967 18.7197C8.17678 19.0126 8.17678 19.4874 8.46967 19.7803C8.76256 20.0732 9.23744 20.0732 9.53033 19.7803L16.7803 12.5303C17.0732 12.2374 17.0732 11.7626 16.7803 11.4697L9.53033 4.21967C9.23744 3.92678 8.76256 3.92678 8.46967 4.21967Z" fill="currentColor"></path> 2247</svg> 2248 2249 </div> 2250 <a class="whitespace-nowrap text-vivotek-web-title-3 truncate" href="/en-US/search_accessory">Accessory Selector</a> 2251 </div> 2252 <div class="flex gap-x-1 md:hidden"> 2253 <a class="flex items-center gap-x-1 text-vivotek-mobile-caption-1" href="/en-US/product_selector"> 2254 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
2254ox="0 0 16 16" fill="none" class="w-4 h-4 md:w-6 md:h-6 object-contain"> 2255<path d="M10.3536 3.14645C10.5488 3.34171 10.5488 3.65829 10.3536 3.85355L6.20711 8L10.3536 12.1464C10.5488 12.3417 10.5488 12.6583 10.3536 12.8536C10.1583 13.0488 9.84171 13.0488 9.64645 12.8536L5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L9.64645 3.14645C9.84171 2.95118 10.1583 2.95118 10.3536 3.14645Z" fill="currentColor"></path> 2256</svg> 2257 2258 Product Selector 2259</a> </div> 2260 </div> 2261 </div> 2262</div> 2263 2264 </div> 2265 2266 <turbo-frame id="search-accessories-index"> 2267 <div class="md:mx-auto mt-6 md:mt-15 md:w-300 xl:w-315 2xl:w-420" 2268 x-cloak 2269 x-data="{ 2270 enclosure: false, 2271 productCount: 0, 2272 pannel: '', 2273 togglePannel(choose){ 2274 if(this.pannel == '') 2275 this.pannel = choose 2276 else{ 2277 this.pannel = '' 2278 } 2279 }, 2280 seachProduct(){ 2281 const results = this.products.filter((product) => product.name.includes(this.search)); 2282 this.results = results 2283 }, 2284 activList: 0, 2285 displaySpecifications: [], 2286 specifications: null, 2287 init() { 2288 const list = [] 2289 this.updateDisplaySpec(list) 2290 }, 2291 updateDisplaySpec(list){ 2292 this.displaySpecifications = [] 2293 list.forEach(name =>{ 2294 const specification = this.specifications.find((spec) => spec.name == name) 2295 this.displaySpecifications.push(specification) 2296 }); 2297 const other_checkboxes = this.$root.querySelectorAll('#other_checkbox') 2298 other_checkboxes.forEach((checkbox)=>{ 2299 checkbox.checked = false; 2300 }) 2301 }, 2302 updateDisplayMore(e){ 2303 if(e.target.checked){ 2304 const specification = this.specifications.find((spec) => spec.name == e.target.dataset.name) 2305 this.displaySpecifications.push(specification) 2306 }else{ 2307 this.displaySpecifications = this.displaySpecifications.filter((spec) => spec.name != e.target.dataset.name) 2308 } 2309 }, 2310 get displayNameList() { 2311 const list = this.displaySpecifications.map((spec) => spec.slug); 2312 return list.join(',') 2313 }, 2314 }"> 2315 2316 <h1 class="border-b border-neutral-03 pb-4 px-6 md:px-0 md:py-4 text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2">Accessory Selector</h1> 2317 <div class="relative flex flex-col md:flex-row gap-y-4 mt-6 md:mt-20 px-6 md:px-0"> 2318 2319 <div class="w-full md:w-194" :class="{ '!md:w-124.5': enclosure }"> 2320 <div class="relative cursor-pointer rounded-2.5 border border-vivotek-neutral-06 w-full md:h-12 py-2 md:py-3 px-4 text-vivotek-neutral-06 text-vivotek-web-body-1 bg-white" 2321 :class="{'!border-vivotek-primary': pannel == 'product'}" 2322 @click="togglePannel('product')"> 2323 1. Choose a product 2324 <span class="absolute top-2 md:top-3 right-4" :class="{ 'rotate-180': pannel == 'product' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain text-vivotek-primary"> 2325<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="currentColor"></path> 2326</svg> 2327</span> 2328 <frontend-popovers-general x-show="(pannel == '') && (true)"> 2329 <div class="z-10 absolute top-0 left-1/2 -translate-x-1/2 translate-y-14 md:translate-y-16 rounded-2.5 border border-vivotek-neutral-06 px-4 py-2 bg-vivotek-black text-white tetx-vivotek-web-caption-2 pointer-events-none"> 2330 Click on the field 2331 <div class="absolute -top-[0.55rem] left-1/2 -translate-x-1/2 w-0 border-x-[5px] border-x-transparent border-b-[9px] border-b-vivotek-neutral-06"> 2332 <div class="absolute translate-y-0.5 -translate-x-1/2 w-0 border-x-4 border-x-trans
2332parent border-b-[7px] border-b-vivotek-black"></div> 2333 </div> 2334 </div> 2335</frontend-popovers-general> 2336 </div> 2337 2338 <div x-show="pannel == 'product'" 2339 class="md:absolute md:top-14 left-0 z-10 mt-2 md:mt-0 w-full md:w-240 xl:w-full 2xl:w-420 md:max-h-250 md:overflow-y-auto" 2340 :class="{ 'absolute top-14 !mt-0 px-6': productCount == 0 && window.innerWidth < 768 }"> 2341 <turbo-frame id="choose_a_product"> 2342 <div class="flex flex-col items-end md:items-center overflow-hidden rounded-2.5 border border-vivotek-primary w-full pb-10 md:pb-20 bg-white" 2343 x-data="{ 2344 count: 0, 2345 text: '', 2346 resultProducts: [], 2347 hasSearched: false, 2348 seriesI18n: {"s":"S Series","v":"V Series","c":"C Series","VORTEX Series":"VORTEX Series"}, 2349 tagBgClass(tag, idx) { 2350 let bgClass = idx % 2 == 0 ? 'bg-vivotek-primary-04' : 'bg-vivotek-tertiary-05' 2351 if(tag === 'Legacy') { bgClass = 'bg-vivotek-neutral-05' } 2352 return bgClass 2353 }, 2354 searchUrl(){ 2355 return `/en-US/search_accessory/search_products?search=${this.text}&category=` 2356 }, 2357 async fetchData() { 2358 const requestUrl = this.searchUrl(); 2359 try { 2360 const resp = await fetch(requestUrl, { method: 'GET', headers: { 'Accept': 'application/json' } }) 2361 const json = await resp.json() 2362 this.resultProducts = json.products 2363 this.count = this.resultProducts.length 2364 this.hasSearched = true 2365 } catch(error) { 2366 console.error('Error fetching data:', error); 2367 } 2368 }, 2369 }" 2370 x-model="productCount" 2371 x-modelable="count" 2372 x-init=" 2373 await $nextTick(); 2374 text = '' 2375 if(text.length > 1) { fetchData(); } 2376 count = 0 2377 "> 2378 <div class="flex flex-col w-full px-3 pt-8 pb-8 md:px-13 2xl:px-25.5 md:pt-10 md:pb-10 bg-vivotek-primary-01"> 2379 <div class="flex items-center gap-x-2 rounded-2.5 w-full px-4 pt-2 pb-1.5 md:pb-2 ring-1 ring-vivotek-neutral-06 focus-within:border-vivotek-primary bg-white"> 2380 <input type="text" name="search" id="input" class="flex-1 border-none focus:ring-0 p-0 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1 placeholder:text-vivotek-neutral-06" placeholder="Enter product model (e.g. MA9322)" autocomplete="off" x-model="text" @input.debounce="if(text.length > 1) { fetchData(); } else { resultProducts = []; count = 0; hasSearched = false; }" /> 2381 <div 2382 class="hidden text-vivotek-black cursor-pointer" 2383 :class="{ 'hidden': text.length === 0 }" 2384 @click="text = ''; resultProducts = []; count = 0; hasSearched = false" 2385 > 2386 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain"> 2387<path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="currentColor"></path> 2388</svg> 2389 2390 </div> 2391 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 shrink-0 text-vivotek-primary object-contain"> 2392<path d="M4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.6628 17 13.1902 16.4202 14.3911 15.4518L19.7197 20.7803C20.0126 21.0732 20.4874 21.0732 20.7803 20.7803C21.0732 20.4874 21.0732 20.0126 20.7803 19.7197L15.4518 14.3911C16.4202 13.1902 17 11.6628 17 10C17 6.13401 13.866 3 10 3Z" fill="currentColor"></path> 2393</svg> 2394 2395 </div> 2396 2397 <div class="flex justify-between items-start gap-x-4 w-full mt-4"> 2398 <div class="flex flex-wrap items-start gap-x-2 text-vivotek-mobile-body-2 md:text-vivotek-web-body-1">
2399 <span class="text-vivotek-black">Not sure which product to choose?</span> 2400 <a class="text-vivotek-primary underline" data-turbo-frame="_top" href="/en-US/product_selector">Choose from Product Selector â</a> 2401 </div> 2402 <p class="shrink-0 text-vivotek-mobile-body-2 md:text-vivotek-web-body-1"><span class="text-vivotek-primary" x-text="count"></span> results matched</p> 2403 </div> 2404 </div> 2405 2406 <div class="w-full px-3 md:px-13 2xl:px-25.5"> 2407 <div x-show="resultProducts.length > 0" class="grid md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-x-6 gap-y-6.5 md:gap-y-8 w-full mt-6 md:mt-10"> 2408 <template x-for="product in resultProducts"> 2409 2410 <div class="relative flex flex-col items-stretch gap-y-4 rounded-2.5 p-4 w-full bg-vivotek-neutral-02"> 2411 <div class="flex flex-col items-stretch gap-y-2 w-full"> 2412 <div class="flex justify-between"> 2413 <div class="flex items-center gap-x-2 h-7"> 2414 <template x-for="(tag, idx) in product.tags"> 2415 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4" :class="tagBgClass(tag, idx)" x-text="tag"></div> 2416 </template> 2417 </div> 2418 </div> 2419 <img :src="product.image" class='self-center w-37.5 h-37.5 object-contain'> 2420 <div class="flex flex-col items-start gap-y-1"> 2421 <div class="shrink-0 text-vivotek-neutral-07 text-vivotek-web-body-1 line-clamp-1" x-text="seriesI18n[product.series]"></div> 2422 <div class="text-vivotek-web-title-2 h-12 leading-6"> 2423 <template x-if="product.name && product.name.includes('(') && product.name.includes(')')"> 2424 <div> 2425 <div class="line-clamp-1" x-text="product.name.split('(')[0]"></div> 2426 <div class="line-clamp-1" x-text="'(' + product.name.split('(')[1]"></div> 2427 </div> 2428 </template> 2429 <template x-if="!product.name || (!product.name.includes('(') || !product.name.includes(')'))"> 2430 <div class="line-clamp-1" x-text="product.name"></div> 2431 </template> 2432 </div> 2433 </div> 2434 </div> 2435 <div> 2436 <a :href="`/en-US/search_accessory?category=&search=${text}&product_id=${product.id}`" 2437 class='button w-full' 2438 data-turbo-frame="_top"> 2439 Choose 2440 </a> 2441 </div> 2442 </div> 2443 </template> 2444 </div> 2445 2446 <div x-cloak x-show="hasSearched && resultProducts.length === 0" class="flex justify-center items-start gap-x-6 w-full mt-10 text-left"> 2447 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-14 h-14 shrink-0 text-vivotek-neutral-07 object-contain"> 2448<path d="M4.5 10C4.5 6.96243 6.96243 4.5 10 4.5C13.0376 4.5 15.5 6.96243 15.5 10C15.5 13.0376 13.0376 15.5 10 15.5C6.96243 15.5 4.5 13.0376 4.5 10ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C11.6628 17 13.1902 16.4202 14.3911 15.4518L19.7197 20.7803C20.0126 21.0732 20.4874 21.0732 20.7803 20.7803C21.0732 20.4874 21.0732 20.0126 20.7803 19.7197L15.4518 14.3911C16.4202 13.1902 17 11.6628 17 10C17 6.13401 13.866 3 10 3Z" fill="currentColor"></path> 2449</svg> 2450 2451 <div class="flex flex-col gap-y-1"> 2452 <p class="text-vivotek-mobile-title-2 md:text-vivotek-web-title-4">No matching products found.</p> 2453 <p class="text-vivotek-mobile-body-2 md:text-vivotek-web-body-1">Please check the model name and try again.</p> 2454 <p class="text-vivotek-mobile-body-2 md:text-vivotek-web-body-1">If you need further assistance, please <a class="text-vivotek-primary underline" data-turbo-frame="_top" href="/en-US/contact_us/sales_inquiry">contact us</a>.</p> 2455 </div> 2456 </div> 2457 </div> 2458 </div> 2459</turbo-frame> 2460 </div> 2461 </div> 2462 2463 <div x-show="enclosure" class="hidden md:block py-3 px-4 text-vivotek-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6"> 2464<path d="M11.7515 3C12.1312 3 12.4451 3.28201 12.4948 3.64808L12.5017 3.74985L12.5029 11H19.756C20.1702 11 20.506 11.3358 20.506 11.75C20.506 12.1297 20.2238 12.4435 19.8578 12.4932L19.756 12.5H12.5029L12.505 19.7491C12.505 20.1633 12.1693 20.4993 11.7551 20.4993C11.3754 20.4993 11.0616 20.2173 11.0118 19.8512L11.005 19.7494L11.0029 12.5H3.75391C3.33969 12.5 3.00391 12.1642 3.00391 11.75C3.00391 11.3703 3.28606 11.0565 3.65214 11.0068L3.75391 11H11.0029L11.0017 3.75015C11.0016 3.33594 11.3373 3 11.7515 3Z" fill="currentColor"></path> 2465</svg> 2466</div> 2467 2468 <div x-show="enclosure" 2469 class="relative xl:static w-full md:w-194" 2470 :class="{ '!md:w-124.5': enclosure }"> 2471 <div x-show="pannel != 'product' || (pannel == 'product' && productC
2471ount == 0) || window.innerWidth >= 768" 2472 class="relative cursor-pointer rounded-2.5 border border-vivotek-neutral-06 w-full md:h-12 py-2 md:py-3 px-4 text-vivotek-neutral-06 text-vivotek-web-body-1 bg-white" 2473 :class="{'!border-vivotek-primary': pannel == 'enclosure'}" 2474 @click="togglePannel('enclosure')"> 2475 2. Choose an enclosure 2476 <span class="absolute top-2 md:top-3 right-4" :class="{ 'rotate-180': pannel == 'enclosure' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain text-vivotek-primary"> 2477<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="currentColor"></path> 2478</svg> 2479</span> 2480 <frontend-popovers-general x-show="(pannel == '') && (true)"> 2481 <div class="z-10 absolute top-0 left-1/2 -translate-x-1/2 translate-y-14 md:translate-y-16 rounded-2.5 border border-vivotek-neutral-06 px-4 py-2 bg-vivotek-black text-white tetx-vivotek-web-caption-2 pointer-events-none"> 2482 Click on the field 2483 <div class="absolute -top-[0.55rem] left-1/2 -translate-x-1/2 w-0 border-x-[5px] border-x-transparent border-b-[9px] border-b-vivotek-neutral-06"> 2484 <div class="absolute translate-y-0.5 -translate-x-1/2 w-0 border-x-4 border-x-transparent border-b-[7px] border-b-vivotek-black"></div> 2485 </div> 2486 </div> 2487</frontend-popovers-general> 2488 </div> 2489 2490 2491 </div> 2492 2493 <div class="hidden md:block py-3 px-4 text-vivotek-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6"> 2494<path d="M11.7515 3C12.1312 3 12.4451 3.28201 12.4948 3.64808L12.5017 3.74985L12.5029 11H19.756C20.1702 11 20.506 11.3358 20.506 11.75C20.506 12.1297 20.2238 12.4435 19.8578 12.4932L19.756 12.5H12.5029L12.505 19.7491C12.505 20.1633 12.1693 20.4993 11.7551 20.4993C11.3754 20.4993 11.0616 20.2173 11.0118 19.8512L11.005 19.7494L11.0029 12.5H3.75391C3.33969 12.5 3.00391 12.1642 3.00391 11.75C3.00391 11.3703 3.28606 11.0565 3.65214 11.0068L3.75391 11H11.0029L11.0017 3.75015C11.0016 3.33594 11.3373 3 11.7515 3Z" fill="currentColor"></path> 2495</svg> 2496</div> 2497 2498 <div class="relative xl:static w-full md:w-194" :class="{ '!md:w-124.5': enclosure }"> 2499 <div @click="togglePannel('placement')" 2500 x-show="(pannel != 'product' && pannel != 'enclosure') || (pannel == 'product' && productCount == 0) || window.innerWidth >= 768" 2501 :class="{'!border-vivotek-primary': pannel == 'placement'}" 2502 class="relative flex justify-between grow rounded-2.5 border border-vivotek-neutral-06 md:h-12 py-2 md:py-3 px-4 text-vivotek-neutral-06 text-vivotek-web-body-1 pointer-events-none " 2503 > 2504 2 . Choose a placement 2505 <span class="absolute top-2 md:top-3 right-4" :class="{ 'rotate-180': pannel == 'placement' }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain "> 2506<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="currentColor"></path> 2507</svg> 2508</span> 2509 <frontend-popovers-general x-show="(pannel == '') && (false) && (true) && (true)"> 2510 <div class="z-10 absolute top-0 left-1/2 -translate-x-1/2 translate-y-14 md:translate-y-16 rounded-2.5 border border-vivotek-neutral-06 px-4 py-2 bg-vivotek-black text-white tetx-vivotek-web-caption-2 pointer-events-none"> 2511 Please select a placement to continue. 2512 <div class="absolute -top-[0.55rem] left-1/2 -translate-x-1/2 w-0 border-x-[5px] border-x-trans
2512parent border-b-[9px] border-b-vivotek-neutral-06"> 2513 <div class="absolute translate-y-0.5 -translate-x-1/2 w-0 border-x-4 border-x-transparent border-b-[7px] border-b-vivotek-black"></div> 2514 </div> 2515 </div> 2516</frontend-popovers-general> 2517 </div> 2518 2519 2520 </div> 2521 2522 <div x-show="pannel == '' || (pannel == 'product' && productCount == 0) || window.innerWidth >= 768" class="rounded-2.5 border border-vivotek-neutral-07 md:border-none w-full md:w-auto md:ml-4 md:mr-[0.813rem] py-2 md:py-3 text-center text-vivotek-neutral-07 pointer-events-none "> 2523 <a data-turbo-frame="_top" href="/en-US/search_accessory?acton=index">Reset</a> 2524 </div> 2525 </div> 2526 2527 <div x-show="pannel == '' || (pannel == 'product' && productCount == 0) || window.innerWidth >= 768"> 2528 <div class="mt-10 md:mt-20"> 2529 2530 2531 <h3 class="px-6 md:px-0 text-vivotek-mobile-title-1 md:text-vivotek-web-heading-3">Accessories List</h3> 2532 <div class="flex justify-center items-center rounded-2.5 border border-vivotek-neutral-06 h-100 mt-6 mx-6 md:mx-0 px-6 bg-vivotek-neutral-02 text-center text-vivotek-mobile-title-2 md:text-vivotek-web-title-4"> 2533 Please select a product above to get started. 2534 </div> 2535 2536 <h3 class="mt-10 md:mt-20 mx-6 md:mx-0 text-vivotek-mobile-title-1 md:text-vivotek-web-heading-3">Accessory Specifications</h3> 2537 2538 <div class="mx-6 md:mx-0"> 2539 <div class="hidden md:block mt-6"> 2540 <frontend-tables-general class="block"> 2541 <div class="overflow-hidden rounded-t-2.5 "> 2542 <table class="w-full table-fixed md:border-b border-vivotek-neutral-03 "> 2543 <thead class="hidden md:table-header-group bg-vivotek-primary-01 text-left text-vivotek-web-title-4 whitespace-nowrap "> 2544 <tr class=""> 2545 <th class="pl-25 py-4 text-vivotek-web-title-4 !pl-6" classes="!pl-6">Name</th> 2546 <th class="pl-25 py-4 text-vivotek-web-title-4 w-full" classes="w-full">Description</th> 2547 </tr> 2548 </thead> 2549 <tbody class="md:divide-y divide-vivotek-neutral-03 text-vivotek-black whitespace-nowrap "> 2550 <tr class="group"><td class="w-full md:w-auto pl-8 md:pl-25 py-1 md:py-4 2551 text-vivotek-mobile-body-3 text-vivotek-web-body-1 !pl-6">Please select a product above to get started.</td><td class="w-full md:w-auto pl-8 md:pl-25 py-1 md:py-4 2552 text-vivotek-mobile-body-3 text-vivotek-web-body-1 pl-25"></td></tr> 2553 </tbody> 2554 </table> 2555 </div> 2556</frontend-tables-general> </div> 2557 <div class="flex md:hidden justify-center items-center rounded-2.5 border border-vivotek-neutral-06 h-100 mt-6 bg-vivotek-neutral-02 text-center text-vivotek-mobile-title-2 md:text-vivotek-web-title-4">No accessories available for display at the moment</div> 2558 </div> 2559</div> 2560 2561 2562 <div class="flex flex-col md:flex-row gap-4 justify-center mt-10 md:mt-30 px-6 md:px-0"> 2563 <a class="button-line" data-turbo-frame="_top" href="/en-US/product_selector">Back to Product Selector</a> 2564 2565 <form data-turbo="false" target="_blank" action="/en-US/search_accessory/download_pdf" accept-charset="UTF-8" method="get"> 2566 <input autocomplete="off" type="hidden" name="product_id" id="product_id" /> 2567 <input autocomplete="off" type="hidden" name="enclosure_id" id="enclosure_id" /> 2568 <input autocomplete="off" type="hidden" name="placement_id" id="placement_id" /> 2569 <input type="hidden" :value='activList' name='active_list' > 2570 <input type="hidden" :value='displayNameList' name='accessories' > 2571 <button class='button-line flex justify-center w-full md:w-auto', :class="{'pointer-events-none border-vivotek-neutral-07 text-vivotek-neutral-07': true}"> 2572 Download PDF <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain mr-1"> 2573<path d="M11.6834 3.00635L11.775 3C12.1167 3 12.3991 3.26157 12.4438 3.60094L12.45 3.69529L12.4491 16.382L15.7987 12.933C16.0384 12.6862 16.4134 12.6638 16.6776 12.8658L16.7533 12.9331C16.9929 13.18 17.0147 13.5663 16.8186 13.8384L16.7532 13.9164L12.2553 18.5485C12.0158 18.7952 11.6411 18.8177 11.3768 18.6161L11.3011 18.5488L6.79803 13.9167C6.53425 13.6454 6.53395 13.2051 6.79738 12.9334C7.03685 12.6864 7.41184 12.6637 7.67622 12.8655L7.75197 12.9327L11.0991 16.3755L11.1 3.69529C11.1 3.34329 11.3539 3.05239 11.6834 3.00635Z" fill="currentColor"></path> 2574<path fill-rule="evenodd" clip-rule="evenodd" d="M3 21.3047C3 21.6887 3.30221 22 3.675 22H20.325C20.6978 22 21 21.6887 21 21.3047C21 20.9207 20.6978 20.6094 20.325 20.6094H3.675C3.30221 20.6094 3 20.9207 3 21.3047Z" fill="currentColor"></path> 2575<path fill-rule="evenodd" clip-rule="evenodd" d="M3 21.4206C3 21.7406 3.25184 22 3.5625 22C3.87316 22 4.125 21.7406 4.125 21.4206V19.7983C4.125 19.4783 3.87316 19.2188 3.5625 19.2188C3.25184 19.2188 3 19.4783 3 19.7983V21.4206Z" fill="currentColor"></path> 2576<path fill-rule="evenodd" clip-rule="evenodd" d="M19.875 21.4206C19.875 21.7406 20.1268 22 20.4375 22C20.7482 22 21 21.7406 21 21.4206V19.7983C21 19.4783 20.7482 19.2188 20.4375 19.2188C20.1268 19.2188 19.875 19.4783 19.875 19.7983V21.4206Z" fill="currentColor"></path> 2577</svg> 2578 2579 </button> 2580</form> 2581 <form data-turbo="false" target="_blank" action="/en-US/search_accessory/download_csv" accept-charset="UTF-8" method="get"> 2582 <input autocomplete="off" type="hidden" name="product_id" id="product_id" /> 2583 <input autocomplete="off" type="hidden" name="enclosure_id" id="enclosure_id" /> 2584 <input autocomplete="off" type="hidden" name="placement_id" id="placement_id" /> 2585 <input type="hidden" :value='displayNameList' name='accessories' > 2586 <button class='button-line flex justify-center w-full md:w-auto' :class="{'pointer-events-none border-vivotek-neutral-07 text-vivotek-neutral-07': true}"> 2587 Download CSV <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 object-contain mr-1"> 2588<path d="M11.6834 3.00635L11.775 3C12.1167 3 12.3991 3.26157 12.4438 3.60094L12.45 3.69529L12.4491 16.382L15.7987 12.933C16.0384 12.6862 16.4134 12.6638 16.6776 12.8658L16.7533 12.9331C16.9929 13.18 17.0147 13.5663 16.8186 13.8384L16.7532 13.9164L12.2553 18.5485C12.0158 18.7952 11.6411 18.8177 11.3768 18.6161L11.3011 18.5488L6.79803 13.9167C6.53425 13.6454 6.53395 13.2051 6.79738 12.9334C7.03685 12.6864 7.41184 12.6637 7.67622 12.8655L7.75197 12.9327L11.0991 16.3755L11.1 3.69529C11.1 3.34329 11.3539 3.05239 11.6834 3.00635Z" fill="currentColor"></path> 2589<path fill-rule="evenodd" clip-rule="evenodd" d="M3 21.3047C3 21.6887 3.30221 22 3.675 22H20.325C20.6978 22 21 21.6887 21 21.3047C21 20.9207 20.6978 20.6094 20.325 20.6094H3.675C3.30221 20.6094 3 20.9207 3 21.3047Z" fill="currentColor"></path> 2590<path fill-rule="evenodd" clip-rule="evenodd" d="M3 21.4206C3 21.7406 3.25184 22 3.5625 22C3.87316 22 4.125 21.7406 4.125 21.4206V19.7983C4.125 19.4783 3.87316 19.2188 3.5625 19.2188C3.25184 19.2188 3 19.4783 3 19.7983V21.4206Z" fill="currentColor"></path> 2591<path fill-rule="evenodd" clip-rule="evenodd" d="M19.875 21.4206C19.875 21.7406 20.1268 22 20.4375 22C20.7482 22 21 21.7406 21 21.4206V19.7983C21 19.4783 20.7482 19.2188 20.4375 19.2188C20.1268 19.2188 19.875 19.4783 19.875 19.7983V21.4206Z" fill="currentColor"></path> 2592</svg> 2593 2594 </button> 2595</form> </div> 2596 </div> 2597 </div> 2598</turbo-frame></div> 2599 2600 2601 <div class="sticky bottom-16.5 md:bottom-0 z-30 flex w-full"> 2602 <div 2603 x-data="{ show: false }" 2604 x-show="show" 2605 @back-to-top:show.window="show = true" 2606 @back-to-top:hide.window="show = false" 2607 class="absolute -top-6 md:-top-10 right-6 md:right-30 -translate-y-full" 2608 > 2609 <a data-turbo="false" href="#top">
2610 <div class="border-2 border-vivotek-primary rounded-full p-2 md:p-4.5 bg-white hover:bg-vivotek-primary active:bg-vivotek-primary text-vivotek-primary hover:text-white active:text-white"> 2611 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6 md:w-10 md:h-10 object-contain"> 2612<path d="M4.20889 10.7327C3.9232 11.0326 3.93475 11.5074 4.23467 11.7931C4.5346 12.0787 5.00933 12.0672 5.29502 11.7673L11.2495 5.516V20.25C11.2495 20.6642 11.5853 21 11.9995 21C12.4137 21 12.7495 20.6642 12.7495 20.25V5.51565L18.7043 11.7673C18.99 12.0672 19.4648 12.0787 19.7647 11.7931C20.0646 11.5074 20.0762 11.0326 19.7905 10.7327L12.7238 3.31379C12.5627 3.14474 12.3573 3.04477 12.1438 3.01386C12.0971 3.00477 12.0489 3 11.9995 3C11.9498 3 11.9012 3.00483 11.8543 3.01406C11.6412 3.04518 11.4363 3.14509 11.2756 3.31379L4.20889 10.7327Z" fill="currentColor"></path> 2613</svg> 2614 2615 </div> 2616</a> 2617 </div> 2618 </div> 2619 <div class="flex items-center justify-center px-6 md:px-23 pt-10 pb-29.5 md:py-30 >xl:py-31 bg-cover bg-center bg-[url('pages/home/cta_banner/mobile_bg.png')] md:bg-[url('pages/home/cta_banner/web_bg.png')]"> 2620 <div class="flex items-center flex-col md:flex-row gap-x-15 max-w-380"> 2621 <div class="flex-1"> 2622 <p class="text-vivotek-blue-400 font-bold text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2">Ready to Deploy Smarter Security Solutions?</p> 2623 <p class="mt-2 text-vivotek-black text-vivotek-mobile-body-2 md:text-vivotek-web-title-2 font-semibold">Connect with our team to explore solutions built for real-world enterprise deployments.</p> 2624 <a class="button block rounded-2.5 w-fit mt-4 md:mt-10 py-2 md:py-4 px-6 text-white font-semibold bg-vivotek-blue-400" href="https://www.vivotek.com/en-US/contact_us/sales_inquiry">Request Demo</a> 2625 </div> 2626 <div class="w-81.75 md:w-132 >xl:w-136 h-46 md:h-74 >xl:h-76 mt-10 md:mt-0"><img class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTMsInB1ciI6ImJsb2JfaWQifX0=--7ddfdd18ae233858c43f74a63d77643e39319334/CTA_Banner_EN.png" /></div> 2627 </div> 2628 </div> 2629 2630 <div class="w-full bg-white"> 2631 <footer class="relative flex flex-col items-stretch md:mx-auto md:w-294 2xl:w-380"> 2632 <div class="flex flex-col md:flex-row md:justify-between items-center gap-y-3 pt-6.5 pb-10 md:py-12"> 2633 <img width="217" height="76" class="w-[13.563rem] h-19" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 2634 <div class="flex flex-col gap-y-6 px-6 md:px-0 w-full md:w-112"> 2635 <turbo-frame id="subscription-form"> 2636 <form class="flex flex-col gap-y-3 w-full" action="/en-US/home/subscription" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kcwCyVD7dKk8ZLyG3A8ci-Plae3El3D39RQke03YPdWfjF-jn8kY-cHbK3KNuaNwotg-8G03h0b0jF9slK9pEQ" autocomplete="off" /> 2637 <label class="text-vivotek-mobile-body-1 md:text-vivotek-web-title-4 text-center md:text-left" for="subscription_email">Subscribe to get the latest information</label> 2638 <div class="flex justify-between items-center border border-vivotek-neutral-06 rounded-lg overflow-hidden"> 2639 <input placeholder="Input your email" class="flex-1 border-0 h-12 px-4 py-2.5 md:py-3 text-vivotek-web-body-1 placeholder:text-vivotek-neutral-06" type="email" name="subscription[email]" id="subscription_email" /> 2640 <button name="button" type="submit" class="shrink-0 pl-6 pr-4 md:pr-6 py-2.5 h-12 bg-vivotek-primary hover:bg-vivotek-primary-06 text-white text-vivotek-web-title-4">Subscribe</button> 2641 </div> 2642 <input value="en-US" autocomplete="off" type="hidden" name="subscription[language]" id="subscription_language" /> 2643</form></turbo-frame> 2644 2645 <div class="flex justify-center md:justify-start items-center gap-x-4"> 2646 <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/18162775/admin/feed/posts/"> 2647 <img width="32" height="32" loading="lazy" class="w-8 h-8 object-contain" src="/assets/icons/shared/linkedin-752015d12d85a52ccf4e04d7100afcd5ccfd0410.svg" /> 2648</a> <a target="_blank" rel="noopener" href="https://www.youtube.com/user/vivotekweb"> 2649 <img width="32" height="32" loading="lazy" class="w-8 h-8 object-contain" src="/assets/icons/shared/youtube-af7589623205280b367e34cc2e4253e4f86a3216.svg" /> 2650</a> </div> 2651 </div> 2652 </div> 2653 <div 2654 class="flex flex-col md:flex-row md:justify-between md:gap-x-20 md:border-t md:border-vivotek-neutral-03 md:pt-20" 2655 x-data="{ 2656 targets: { 2657 panel: { 2658 ['x-init']: 'setHeight($el)', 2659 ['@resize.window']: 'setHeight($el)' 2660 } 2661 }, 2662 async setHeight($el) { 2663 if (window.innerWidth >= 768) { return } 2664 2665 $el.style.height = 'auto' 2666 await $nextTick() 2667 $el.style.setProperty('--height', $el.offsetHeight + 'px') 2668 $el.style.height = 0 2669 } 2670 }" 2671 > 2672 <div class="hidden xl:flex flex-col md:flex-row md:justify-start md:gap-x-20"> 2673 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2674 <input type="checkbox" id="601" class="peer hidden"> 2675 <label for="601" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
2675ort-pointer"> 2676 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2677 </label> 2678 <div class="px-6 py-4 md:p-0"> 2679 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/company"> 2680 Company 2681</a> </div> 2682 <div 2683 x-bind="targets.panel" 2684 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2685 > 2686 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2687 <div class="px-6 md:p-0"> 2688 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/company/about_us"> 2689 About Us 2690</a> </div> 2691 <div class="px-6 md:p-0"> 2692 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/company/sustainability"> 2693 Sustainability 2694</a> </div> 2695 </div> 2696 </div> 2697 </div> 2698 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2699 <input type="checkbox" id="602" class="peer hidden"> 2700 <label for="602" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 2701 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2702 </label> 2703 <div class="px-6 py-4 md:p-0"> 2704 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/news-center"> 2705 News Center 2706</a> </div> 2707 <div 2708 x-bind="targets.panel" 2709 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2710 > 2711 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2712 <div class="px-6 md:p-0"> 2713 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/news-room"> 2714 Newsroom 2715</a> </div> 2716 <div class="px-6 md:p-0"> 2717 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/successful-cases"> 2718 Customer Stories 2719</a> </div> 2720 <div class="px-6 md:p-0"> 2721 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/events"> 2722 Events 2723</a> </div> 2724 </div> 2725 </div> 2726 </div> 2727 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2728 <input type="checkbox" id="603" class="peer hidden"> 2729 <label for="603" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 2730 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2731 </label> 2732 <div class="px-6 py-4 md:p-0"> 2733 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/user_agreement"> 2734 User Agreement 2735</a> </div> 2736 <div 2737 x-bind="targets.panel" 2738 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2739 > 2740 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2741 <div class="px-6 md:p-0"> 2742 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/terms_of_use"> 2743 Terms of Use 2744</a> </div> 2745 <div class="px-6 md:p-0"> 2746 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/privacy_policy"> 2747 Privacy Policy 2748</a> </div> 2749 <div class="px-6 md:p-0"> 2750 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/marketing_material_usage_rules"> 2751 Marketing Material Usage Rules 2752</a> </div> 2753 <div class="px-6 md:p-0"> 2754 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/intellectual_property"> 2755 Intellectual Property 2756</a> </div> 2757 <div class="px-6 md:p-0"> 2758 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/vpp_portal_terms_of_use"> 2759 VPP Portal Terms of Use 2760</a> </div> 2761 <div class="px-6 md:p-0"> 2762 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/vortex"> 2763 VORTEX Terms and Policies 2764</a> </div> 2765 <div class="px-6 md:p-0"> 2766 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/data_processing_addendum"> 2767 DPA Documents 2768</a> </div> 2769 </div> 2770 </div> 2771 </div> 2772 </div> 2773 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2774 <input type="checkbox" id="601" class="peer hidden"> 2775 <label for="601" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
2775ort-pointer"> 2776 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2777 </label> 2778 <div class="px-6 py-4 md:p-0"> 2779 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/company"> 2780 Company 2781</a> </div> 2782 <div 2783 x-bind="targets.panel" 2784 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2785 > 2786 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2787 <div class="px-6 md:p-0"> 2788 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/company/about_us"> 2789 About Us 2790</a> </div> 2791 <div class="px-6 md:p-0"> 2792 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/company/sustainability"> 2793 Sustainability 2794</a> </div> 2795 </div> 2796 </div> 2797 </div> 2798 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2799 <input type="checkbox" id="602" class="peer hidden"> 2800 <label for="602" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 2801 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2802 </label> 2803 <div class="px-6 py-4 md:p-0"> 2804 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/news-center"> 2805 News Center 2806</a> </div> 2807 <div 2808 x-bind="targets.panel" 2809 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2810 > 2811 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2812 <div class="px-6 md:p-0"> 2813 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/news-room"> 2814 Newsroom 2815</a> </div> 2816 <div class="px-6 md:p-0"> 2817 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/successful-cases"> 2818 Customer Stories 2819</a> </div> 2820 <div class="px-6 md:p-0"> 2821 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/news-center/events"> 2822 Events 2823</a> </div> 2824 </div> 2825 </div> 2826 </div> 2827 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2828 <input type="checkbox" id="603" class="peer hidden"> 2829 <label for="603" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 2830 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2831 </label> 2832 <div class="px-6 py-4 md:p-0"> 2833 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-1 md:text-vivotek-web-title-3" href="https://www.vivotek.com/en-US/user_agreement"> 2834 User Agreement 2835</a> </div> 2836 <div 2837 x-bind="targets.panel" 2838 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 2839 > 2840 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2841 <div class="px-6 md:p-0"> 2842 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/terms_of_use"> 2843 Terms of Use 2844</a> </div> 2845 <div class="px-6 md:p-0"> 2846 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/privacy_policy"> 2847 Privacy Policy 2848</a> </div> 2849 <div class="px-6 md:p-0"> 2850 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/marketing_material_usage_rules"> 2851 Marketing Material Usage Rules 2852</a> </div> 2853 <div class="px-6 md:p-0"> 2854 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/intellectual_property"> 2855 Intellectual Property 2856</a> </div> 2857 <div class="px-6 md:p-0"> 2858 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/vpp_portal_terms_of_use"> 2859 VPP Portal Terms of Use 2860</a> </div> 2861 <div class="px-6 md:p-0"> 2862 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/vortex"> 2863 VORTEX Terms and Policies 2864</a> </div> 2865 <div class="px-6 md:p-0"> 2866 <a target="_self" class="text-vivotek-neutral-10 hover:text-vivotek-primary text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" href="https://www.vivotek.com/en-US/user_agreement/data_processing_addendum"> 2867 DPA Documents 2868</a> </div> 2869 </div> 2870 </div> 2871 </div> 2872 <div class="md:w-[23.0625rem] 2xl:w-112"> 2873 <div class="flex flex-col md:gap-y-10"> 2874 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2875 <input type="checkbox" id="footer-vivotek-inc" class="peer hidden"> 2876 <label for="footer-vivotek-inc" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
2876ort-pointer"> 2877 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2878 </label> 2879 <div class="px-6 py-4 md:p-0 text-vivotek-neutral-10 text-vivotek-mobile-body-1 md:text-vivotek-web-title-3"> 2880 VIVOTEK USA (for USA and Canada) 2881 </div> 2882 <div 2883 x-bind="targets.panel" 2884 class="md:mt-6 px-6 md:px-0 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height] text-vivotek-neutral-10 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" 2885 > 2886 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2887 <p>2050 Ringwood Avenue, San Jose, CA 95131, USA</p> 2888 <p>+1-408-773-8686 (USA), +1-519-512-0458 (Canada)</p> 2889 <div> 2890 <a target="_blank" class="hover:text-vivotek-primary" href="/en-US/contact_us/sales_inquiry"> 2891 <div class="flex items-center gap-1 py-2 px-6 border border-vivotek-blue-400 rounded-[0.625rem] text-vivotek-blue-400 w-fit"> 2892 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 md:w-6 h-5 md:h-6 object-contain text-vivotek-primary"> 2893<path d="M20 7.5C20.5523 7.5 21 7.94772 21 8.5V19.293C20.9999 19.7384 20.4615 19.9614 20.1465 19.6465L19 18.5H9C8.44772 18.5 8 18.0523 8 17.5V16.5H18C18.5523 16.5 19 16.0523 19 15.5V7.5H20Z" fill="#1877FF"></path> 2894<path d="M10.8008 11.6914C11.2299 11.6916 11.5781 12.0396 11.5781 12.4688C11.5779 12.8977 11.2298 13.2459 10.8008 13.2461C10.3717 13.2461 10.0236 12.8978 10.0234 12.4688C10.0234 12.0395 10.3716 11.6914 10.8008 11.6914Z" fill="#1877FF"></path> 2895<path d="M10.7998 6.13672C11.9945 6.13672 12.9629 7.10513 12.9629 8.2998C12.9629 8.98984 12.639 9.605 12.1377 10C11.9224 10.1697 11.7422 10.3223 11.6152 10.4785C11.4911 10.6312 11.4629 10.7321 11.4629 10.7998H10.1367C10.1367 10.3152 10.3547 9.92598 10.5859 9.6416C10.8142 9.36081 11.099 9.13006 11.3174 8.95801C11.5132 8.80367 11.6367 8.56621 11.6367 8.2998C11.6367 7.83763 11.262 7.46289 10.7998 7.46289C10.3376 7.46289 9.96289 7.83763 9.96289 8.2998H8.63672C8.63672 7.10513 9.60513 6.13672 10.7998 6.13672Z" fill="#1877FF"></path> 2896<path fill-rule="evenodd" clip-rule="evenodd" d="M17 4C17.5523 4 18 4.44772 18 5V14.5039C17.9999 15.0561 17.5522 15.5039 17 15.5039H6.33301L4.40332 17.7236C3.91779 18.2817 3 17.9381 3 17.1982V5C3 4.44772 3.44772 4 4 4H17ZM4.2998 15.8604L5.74023 14.2041H16.7002V5.2998H4.2998V15.8604Z" fill="#1877FF"></path> 2897</svg> 2898 2899 Sales Inquiry 2900 </div> 2901</a> </div> 2902 </div> 2903 </div> 2904 </div> 2905 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 2906 <input type="checkbox" id="footer-technical-center" class="peer hidden"> 2907 <label for="footer-technical-center" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 2908 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 2909 </label> 2910 <div class="px-6 py-4 md:p-0 text-vivotek-neutral-10 text-vivotek-mobile-body-1 md:text-vivotek-web-title-3"> 2911 Technical Support 2912 </div> 2913 <div 2914 x-bind="targets.panel" 2915 class="md:mt-6 px-6 md:px-0 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height] text-vivotek-neutral-10 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1" 2916 > 2917 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 2918 <p></p> 2919 2920 <a target="_blank" class="hover:text-vivotek-primary" href="/en-US/contact_us/technical_support"> 2921 <div class="flex items-center gap-1 py-2 px-6 border border-vivotek-blue-400 rounded-[0.625rem] text-vivotek-blue-400 w-fit"> 2922 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-5 md:w-6 h-5 md:h-6 object-contain text-vivotek-primary"> 2923<path d="M13.6006 9.08984C13.6006 7.8628 13.1703 6.82901 12.291 5.9541C11.4118 5.07955 10.372 4.65042 9.13574 4.65039C8.92709 4.65039 8.73119 4.66171 8.54785 4.68457C8.43249 4.69899 8.31689 4.72312 8.2002 4.75195L11.2471 7.83496L7.86426 11.2207L4.75195 8.14062C4.72569 8.26639 4.70426 8.39172 4.68848 8.5166C4.66453 8.70636 4.65235 8.90318 4.65234 9.10742C4.65234 10.3442 5.08332 11.3852 5.96289 12.2656C6.84246 13.146 7.88211 13.5781 9.11719 13.5781C9.46957 13.5781 9.79377 13.5364 10.0918 13.458C10.4186 13.372 10.7448 13.2617 11.0703 13.126L11.4717 12.958L17.834 19.3164L17.8555 19.333L19.334 17.8545L19.3379 17.8516C19.3455 17.844 19.3493 17.838 19.3516 17.835V17.832L19.334 17.8125L12.9502 11.4131L13.1768 10.9883C13.3152 10.7295 13.4207 10.4457 13.4922 10.1357C13.5629 9.82752 13.6006 9.47996 13.6006 9.08984ZM14.9014 9.08984C14.9013 9.56311 14.8557 10.0102 14.7598 10.4277L14.7588 10.4287C14.7008 10.6799 14.6223 10.9212 14.5283 11.1543L20.2529 16.8936C20.5032 17.144 20.6523 17.4666 20.6523 17.835C20.6523 18.2022 20.5042 18.523 20.2529 18.7725L20.2539 18.7734L18.7627 20.2656C18.5136 20.5149 18.1841 20.6705 17.7998 20.6475C17.4472 20.6265 17.1478 20.4693 16.9141 20.2354L11.1602 14.4844C10.9158 14.5726 10.6703 14.6507 10.4229 14.7158C10.0074 14.8251 9.57095 14.8779 9.11719 14.8779C7.5351 14.8779 6.16494 14.3076 5.04297 13.1846C3.92108 12.0616 3.35156 10.6904 3.35156 9.10742C3.35157 8.85123 3.36734 8.59984 3.39844 8.35352C3.42935 8.10895 3.47577 7.86505 3.53711 7.62207L3.5459 7.58691L3.55859 7.55273C3.70932 7.15012 4.02559 6.87537 4.44824 6.78613C4.86097 6.69965 5.25895 6.81231 5.56152 7.11328L7.8584 9.38574L9.41406 7.8291L7.1748 5.5625C6.87247 5.25909 6.75966 4.861 6.84668 4.44727C6.93431 4.02924 7.20492 3.70522 7.62109 3.5625L7.64062 3.55664C7.88687 3.48068 8.13577 3.42589 8.38672 3.39453C8.62801 3.36443 8.87796 3.34961 9.13574 3.34961C10.7164 3.34964 12.0858 3.91596 13.208 5.03223C14.3304 6.14907 14.9014 7.51402 14.9014 9.08984Z" fill="#1877FF"></path> 2924</svg> 2925 2926 Technical Support 2927 </div> 2928</a> </div> 2929 </div> 2930 </div> 2931 </div> 2932 </div> 2933 </div> 2934 <div class="border-t border-border-vivotek-neutral-03 md:border-0 md:mt-20 py-6 text-vivotek-mobile-caption-3 md:text-vivotek-caption-2 text-center md:text-left"> 2935 © Copyright 2026 VIVOTEK Inc. All rights reserved. 2936 </div> 2937</footer> 2938 2939 </div> 2940 </div> 2941 <div class="sticky md:fixed bottom-0 md:right-0 z-10 md:w-full"> 2942 <div class="absolute left-0 top-0 flex flex-col items-stretch w-full -translate-y-full"> 2943 <turbo-frame id="footer-flash"></turbo-frame> 2944 </div> 2945 2946 <div class="hidden md:block w-full" teleport-to="product-comparison-modal-desktop"></div> 2947 2948 <div class="relative md:fixed md:top-57 2xl:top-76 md:right-0"> 2949 <div 2950 class="relative bottom-0 flex md:flex-col justify-between items-stretch md:items-center md:rounded-l-2.5 px-6 md:px-0 w-full md:w-16 xl:w-25 h-16.5 md:!h-auto bg-vivotek-primary overflow-hidden transition-[height]" 2951 :class="{ '!h-0': !isShow }" 2952 x-data="{ isShow: true }" 2953 @scroll:direction.window="isShow = $event.detail === 'up'" 2954 > 2955 <a class="flex flex-col justify-center items-center gap-y-1 md:gap-y-2 px-2 md:px-3 md:py-5 md:w-full hover:bg-vivotek-primary-06 text-white text-center" href="/en-US/product_selector"> 2956 <div class="shrink-0"><img width="24" height="24" class="w-6 md:w-8 h-6 md:h-8 object-contain" src="/assets/icons/floating_menu_bar/product_selector-df77fa1f54eefc33630db9867b1ad3de3087e450.svg" /></div>
2957 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Product Selector</span> 2958</a> <hr class="self-stretch hidden md:block border-white mx-2 rounded-full"> 2959 <a class="flex flex-col justify-center items-center gap-y-1 md:gap-y-2 px-2 md:px-3 md:py-5 md:w-full hover:bg-vivotek-primary-06 text-white text-center" href="/en-US/contact_us/sales_inquiry"> 2960 <div class="shrink-0"><img width="24" height="24" class="w-6 md:w-8 h-6 md:h-8 object-contain" src="/assets/icons/floating_menu_bar/contact-61c294364028cef2ab5f3dfb7c19d0a7a0f351aa.svg" /></div> 2961 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Contact Us</span> 2962</a> <hr class="self-stretch hidden md:block border-white mx-2 rounded-full"> 2963 <a class="flex flex-col justify-center items-center gap-y-1 md:gap-y-2 px-2 md:px-3 md:py-5 md:w-full hover:bg-vivotek-primary-06 text-white text-center" href="/en-US/resource/download_center"> 2964 <div class="shrink-0"><img width="24" height="24" class="w-6 md:w-8 h-6 md:h-8 object-contain" src="/assets/icons/floating_menu_bar/download-79dfea9eda792a1a3aabfd38dd302d731355b8fc.svg" /></div> 2965 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Download Center</span> 2966</a> </div> 2967 </div> 2968</div> 2969 2970 </div> 2971 <div 2972 x-data="{ 2973 timer: null, 2974 duration: 150, 2975 lastPos: 0, 2976 status: 'init', 2977 timeoutCallback() { 2978 clearTimeout(this.timer) 2979 this.status = 'init' 2980 }, 2981 onScroll() { 2982 if (window.innerWidth >= 768) { return } 2983 2984 if (this.status === 'init') { 2985 this.lastPos = window.scrollY 2986 this.status = 'firstOver' 2987 } else if (this.status === 'firstOver') { 2988 const direction = window.scrollY >= this.lastPos ? 'down' : 'up' 2989 if (this.checkPosValid()) { 2990 this.$dispatch('scroll:direction', direction) 2991 } 2992 this.status = 'secondOver' 2993 2994 this.timer = setTimeout(() => this.timeoutCallback(), this.duration) 2995 } else if (this.status === 'secondOver') { 2996 this.timer = setTimeout(() => this.timeoutCallback(), this.duration) 2997 } 2998 }, 2999 checkPosValid() { 3000 const min = 0 3001 const max = document.body.offsetHeight - window.innerHeight 3002 return window.scrollY >= min && window.scrollY <= max 3003 } 3004 }" 3005 @scroll.window.passive.stop="onScroll" 3006></div> 3007 3008 3009 <turbo-frame id="login-modal"></turbo-frame> 3010 <div class="sticky bottom-0 z-60"> 3011 <div class="absolute left-0 top-0 flex flex-col items-stretch w-full -translate-y-full"> 3012 <turbo-frame id="footer-flash-above-modal"></turbo-frame> 3013 </div> 3014</div> 3015 3016 3017 <frontend-modals-general class="contents" x-data="{ 3018 header: '', 3019 message: '', 3020 submit: 'Yes', 3021 opened: false, 3022 toggleModal() { 3023 this.opened = !this.opened 3024 } 3025 }" id="confirm-modal"> 3026 3027 3028 <div class="contents"> 3029 3030 <div 3031 tabindex="-1" 3032 aria-hidden="true" 3033 class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full " 3034 :class="{ 'hidden': !opened }" 3035 > 3036 <div class="bg-gray-900/50 dark:bg-gray-900/80 fixed inset-0 z-0" ></div> 3037 <div class="relative flex items-center justify-center h-full max-h-full mx-auto md:px-0 w-fit max-w-[calc(100%-3rem)] pointer-events-none"> 3038 <div class="relative w-82 md:w-fit p-10 bg-white rounded-lg shadow dark:bg-gray-700 pointer-events-auto "> 3039 3040 <!-- Modal header --> 3041 <div class="text-center"> 3042 <h3 class="text-vivotek-web-title-2"> 3043 <div x-html="header"></div> 3044 3045 </h3> 3046 </div> 3047 3048 <!-- Modal body --> 3049 <div class="mt-6"> 3050 3051 3052 <div class="md:w-80" x-html="message"></div> 3053 3054 3055 </div> 3056 3057 <!-- Modal footer --> 3058 <div class="grid grid-cols-1 md:grid-cols-2 mt-8 gap-3"> 3059 <div class="md:col-span-2 flex flex-col md:flex-row-reverse md:items-center md:gap-x-3 gap-y-3 md:gap-y-0 w-full"> 3060 <button class="button md:flex-1 text-nowrap" @click="$dispatch('modal:confirm'); opened = false" x-html="submit">Yes</button> 3061 <button class="button-line md:flex-1" @click="opened = false">Cancel</button> 3062 </div> 3063 3064 </div> 3065 </div> 3066 </div> 3067 </div> 3068 </div> 3069</frontend-modals-general> 3070 <turbo-frame id="turbo_redirect_to"></turbo-frame> 3071 3072
3072<script src="/assets/application-6abe5613e72ed03eff9cc3bdfd7cd317faea8cac.js" data-turbo-track="reload" type="module" defer="defer" async="async"></script>
3072 3073
3073<script defer async> 3074 document.querySelectorAll('link[disabled]').forEach(link => link.removeAttribute('disabled')) 3075 </script>
3075 3076
3076<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=4&cb=1691786150" async></script>
3076</body> 3077</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.