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="OUzIU8XQs4wYc4ZQaht78M_C3jOcFP5geIVBKSnobUG0XqtChjmv07LEV6q3pth_pMwagF9qdcJezkRKm9cOwQ" /> 12 <meta name="csp-nonce" /> 13 <link rel="canonical" href="https://www.vivotek.com/"> 14 <link rel="alternate" hreflang="en" href="https://www.vivotek.com"> 15<link rel="alternate" hreflang="x-default" href="https://www.vivotek.com"> 16<link rel="alternate" hreflang="en-US" href="https://www.vivotek.com/en-US/"> 17<link rel="alternate" hreflang="es" href="https://www.vivotek.com/es/"> 18<link rel="alternate" hreflang="zh-TW" href="https://www.vivotek.com/zh-TW/"> 19<link rel="alternate" hreflang="ja" href="https://www.vivotek.com/ja/"> 20<link rel="alternate" hreflang="en-CA" href="https://www.vivotek.com/en-US/"> 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 <link rel="preload" fetchpriority="high" as="image" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NjQsInB1ciI6ImJsb2JfaWQifX0=--ed35522daa04e0d6f3a8c387ce8d1a72bbb16bd0/Banner_All_1_MB_Trusted%20Security.%20Proven%20Surveillance.webp" type="image/webp"> 27 <link rel="preload" fetchpriority="high" as="image" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTksInB1ciI6ImJsb2JfaWQifX0=--09eb8f1bb494ccb7fe9d61dbaafb86900394c678/MN%20together_2026_632x356.jpg" type="image/jpeg"> 28 <link rel="preload" fetchpriority="high" as="image" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg2NzcsInB1ciI6ImJsb2JfaWQifX0=--70262cab2e6178e2500c9119d775dd849a95c342/Advanced%20AI%20-%20Banner_Colude_632x356.png" type="image/png"> 29 <link rel="preload" fetchpriority="high" as="image" href="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3ODEsInB1ciI6ImJsb2JfaWQifX0=--c0025c28a4c16b82ea4c74642917d3b618c9b1ae/Banner_GL_4.png" type="image/png"> 30 31 <link rel="stylesheet" href="/assets/application-9b317b8983a1906564d8781598cf05d0a177fc4f.css" data-turbo-track="reload" /> 32 </head> 33 34 <body id="top" class="relative bg-vivotek-neutral-01 text-vivotek-black overflow-x-hidden en"> 35 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 35-36
35 36 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
36GTM-5VVM7H4
vendor: 87 bytes, lines 36-38
36" 37 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 38
38<!-- End Google Tag Manager (noscript) --> 39 <!-- Google tag (gtag.js) -->
vendor: 70 bytes, line 39
39 <script defer async src="https://www.googletagmanager.com/gtag/js?id=
39G-VZBE750MDG
vendor: 12 bytes, line 39
39"></script>
39<script>
vendor: 127 bytes, line 39
39window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
39G-VZBE750MDG
vendor: 4 bytes, line 39
39');
39</script>
39 40 41 <div class="mx-auto"> 42 <a 43 class="absolute top-0 h-0" 44 x-data 45 x-intersect:enter="$dispatch('login-bar:show')" 46 x-intersect:leave="$dispatch('login-bar:hide')" 47 ></a> 48 49<div 50 class="fixed top-0 z-20 mx-auto w-full" 51 x-data="{ 52 searchValue: '', 53 displayDropdown: true 54 }" 55> 56 <div 57 class="md:hidden h-13.5 overflow-hidden transition-[height]" 58 :class="{ '!h-0': !isShow, 'h-13.5': !expanded }" 59 x-data="{ 60 expanded: '', 61 isShow: true, 62 toggle(type) { 63 if( this.expanded != type ){ this.expanded = type } 64 else{ this.expanded = '' } 65 } 66 }" 67 @scroll:direction.window="isShow = $event.detail === 'up'" 68 > 69 <div 70 class="rounded-b-5 py-3 bg-white text-vivotek-black shadow-vivotek-header" 71 :class="{'h-screen overflow-y-scroll': expanded }" 72 > 73 <div class="flex justify-between px-6"> 74 <a href="/"> 75 <img width="300" height="108" class="w-25 h-7.5 object-contain" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 76</a> <div class="flex items-center gap-x-4.5"> 77 <a class="flex items-center px-2 py-1 bg-vivotek-primary rounded-[0.625rem] text-white" href="https://www.vivotek.com/contact_us/sales_inquiry">Demo</a> 78 <span x-show="expanded != 'search'" @click="toggle('search')"> 79 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/search-9c94a895981f9495e6117c232dede4aed33e7c30.svg" /> 80 </span> 81 <span x-show="expanded == ''" @click="toggle('menu')"> 82 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/burger_menu-4ec67e942f4411d8d79d22a0e820f9529556d209.svg" /> 83 </span> 84 <span x-show="expanded != ''" @click="toggle('')"> 85 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/close-9c864f28f8b950f3618b91b49bd5bcdb83830711.svg" /> 86 </span> 87 </div> 88 </div> 89 <div :class="{'hidden': expanded != 'search'}" class="mt-6 mx-6 animate-flip-down"> 90 <frontend-search-forms-checkbox-select class="relative flex items-center w-full" x-data="{ 91 optionsExpanded: false, 92 selectedText: '', 93 search: '', 94 async init() { 95 await this.$nextTick() 96 97 this.fetchKeywords() 98 }, 99 fetchKeywords() { 100 if ( this.searchValue.length >= 3 ) { 101 $refs.fetchKeywords.click() 102 } 103 } 104 }"> 105 <form class="flex items-center gap-x-3 border border-vivotek-neutral-05 rounded-full px-4 py-2.5 w-full" action="/search" accept-charset="UTF-8" method="get"> 106 <div class="flex-1 group relative flex items-center gap-x-3 md:w-60.5"> 107 <input type="text" name="search_keywords" id="b2bff589-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()" /> 108 109 <div 110 class="hidden text-vivotek-black cursor-pointer" 111 :class="{ 'hidden': searchValue.length === 0 }" 112 @click="searchValue = ''" 113 > 114 <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"> 115<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> 116</svg> 117 118 </div> 119 <a 120 href="#" 121 class="hidden" 122 data-turbo-stream 123 :href="`/search/keywords?&search_keywords=${searchValue}`" 124 x-ref="fetchKeywords" 125 ></a> 126 <turbo-frame-tag class="dropdown_keywords absolute left-0 top-full hidden group-focus-within:block w-full"></turbo-frame-tag> 127 </div> 128 <div class="hidden md:block" x-show="searchValue.length === 0" @click="openSearch = false"> 129 <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"> 130<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> 131</svg> 132 133 </div> 134 <button class="shrink-0 w-6 h-6"> 135 <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"> 136<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> 137</svg> 138 139 </button> 140</form></frontend-search-forms-checkbox-select> 141 </div> 142 <ul :class="{'hidden': expanded != 'menu'}" class="mt-6 border-t border-vivotek-gray-100 text-base font-bold animate-flip-down"> 143 <li class="border-b border-vivotek-gray-100 py-4 px-6"> 144 <a data-turbo-frame="login-modal" class="flex items-center gap-x-2" href="/users/sign_in"> 145 <img width="24" height="24" class="w-6 h-6 object-contain" src="/assets/icons/header/account-d5be188181fc5d84819fe61e794c7a134ada39bd.svg" />
146 <span>Log in</span> 147</a> </li> 148 <li> 149 <frontend-collapses-general x-data="{ collapseExpand: false }"> 150 <div 151 class="flex justify-between items-center py-4 px-6 cursor-pointer border-b border-vivotek-gray-100" 152 :class="{ '!border-none text-vivotek-blue-400': collapseExpand }" 153 @click="collapseExpand = !collapseExpand; " 154 > 155 <span class="flex items-center gap-x-2 text-vivotek-mobile-body-1"> 156 Global - English 157 </span> 158 159 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 160 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 161 </span> 162 </div> 163 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 164 165 166 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black" data-controller="switch-lang-cookie"> 167 <ul class="mb-6"> 168 <li class="mt-4 text-vivotek-mobile-body-3"> 169 <a class="flex justify-between" href="/"> 170 <span class="flex gap-x-2 items-center"> 171 Global - English 172 </span> 173 <span> 174 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-black object-contain" src="/assets/icons/header/check-0dddb25d81ca4d05f8040aa0e3347c73515d759f.svg" /> 175 </span> 176</a> </li> 177 </ul> 178 <ul class="mb-6"> 179 <li class="mt-4 text-vivotek-mobile-body-3"> 180 <a class="flex justify-between" href="/en-US/"> 181 <span class="flex gap-x-2 items-center"> 182 North America - English 183 </span> 184</a> </li> 185 </ul> 186 <ul class="mb-6"> 187 <li class="mt-4 text-vivotek-mobile-body-3"> 188 <a class="flex justify-between" href="/es/"> 189 <span class="flex gap-x-2 items-center"> 190 Latin America - Español 191 </span> 192</a> </li> 193 </ul> 194 <ul class="mb-6"> 195 <li class="mt-4 text-vivotek-mobile-body-3"> 196 <a class="flex justify-between" href="/zh-TW/"> 197 <span class="flex gap-x-2 items-center"> 198 Taiwan HQ - ç¹é«ä¸æ 199 </span> 200</a> </li> 201 </ul> 202 <ul class="mb-6"> 203 <li class="mt-4 text-vivotek-mobile-body-3"> 204 <a class="flex justify-between" href="/ja/"> 205 <span class="flex gap-x-2 items-center"> 206 Japan - æ¥æ¬èª 207 </span> 208</a> </li> 209 </ul> 210</ul> 211 </div> 212</frontend-collapses-general> </li> 213 <li> 214 <frontend-collapses-general x-data="{ collapseExpand: false }"> 215 <div 216 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 217 :class="{ '!border-none': collapseExpand }" 218 @click="collapseExpand = !collapseExpand; " 219 > 220 <a target="_self" href="https://www.vivotek.com/solutions">Solution</a> 221 222 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 223 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 224 </span> 225 </div> 226 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 227 228 229 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 230 <li class="group"> 231 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/industry"> 232 Solution by Industry 233</a> <ul class="mb-6"> 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/solutions/industry/residential"> 236 Residential Solutions 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/solutions/industry/property-management"> 240 Property Management 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/solutions/industry/city-surveillance"> 244 City Surveillance 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/solutions/industry/education"> 248 Education 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/solutions/industry/small-medium-business"> 252 SMB 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/solutions/industry/rolling-stock"> 256 Rolling Stock 257</a> </li> 258 <li class="mt-4 text-vivotek-mobile-body-3"> 259 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/industry/transportation"> 260 Transit Bus Onboard 261</a> </li> 262 </ul> 263 </li> 264 <li class="group"> 265 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/application"> 266 Solution by Application 267</a> <ul class="mb-6"> 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/solutions/application/panoramic-surveillance"> 270 Panoramic Surveillance 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/solutions/application/license-plate-recognition"> 274 License Plate Recognition 275</a> </li> 276 <li class="mt-4 text-vivotek-mobile-body-3"> 277 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/application/perimeter-detection"> 278 Perimeter Detection 279</a> </li> 280 </ul> 281 </li> 282 <li class="group"> 283 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/technology"> 284 Solution by Technology 285</a> <ul class="mb-6"> 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/solutions/technology/hybrid-cloud-surveillance"> 288 Hybrid Cloud Surveillance 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/solutions/technology/chroma24-ai-night-vision"> 292 Chroma24 AI Night Vision 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/solutions/technology/edge-computing"> 296 Edge Computing 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/solutions/technology/smart-vca"> 300 Smart VCA 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/solutions/technology/smart-tracking-advanced"> 304 Smart Tracking Advanced 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/solutions/technology/vision-object-analytics"> 308 Vision Object Analytics 309</a> </li> 310 <li class="mt-4 text-vivotek-mobile-body-3"> 311 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/solutions/technology/realsight-engine"> 312 RealSight Engine 313</a> </li> 314 </ul> 315 </li> 316 </ul> 317 318 <div class="flex flex-col gap-y-4 px-6 mt-6"> 319 <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/news-center/successful-cases"> 320 <div 321 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 322 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTQsInB1ciI6ImJsb2JfaWQifX0=--da75d845cb39e5c6c284058d7a13f3efeb912c79/solutions_Highlight2.png');" 323 ></div> 324 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 325 <div class="relative flex flex-col justify-end h-full text-white "> 326 <p class="text-vivotek-mobile-title-1">Customer Stories</p> 327 <p class="mt-2 text-vivotek-mobile-body-2">Explore real-world cases showing how surveillance solutions solve industry challenges.</p> 328 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 329 </div> 330</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/resource/support/cybersecurity"> 331 <div 332 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 333 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTIsInB1ciI6ImJsb2JfaWQifX0=--4ce8ea5b994795dc593bc7c72d98d810d706ba8b/solutions_Highlight1.png');" 334 ></div> 335 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 336 <div class="relative flex flex-col justify-end h-full text-white "> 337 <p class="text-vivotek-mobile-title-1">Cybersecurity</p> 338 <p class="mt-2 text-vivotek-mobile-body-2">End-to-end security protecting devices, data, and cloud systems.</p> 339 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 340 </div> 341</a> </div> 342 343 344 </div> 345</frontend-collapses-general> </li> 346 <li> 347 <frontend-collapses-general x-data="{ collapseExpand: false }"> 348 <div 349 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 350 :class="{ '!border-none': collapseExpand }" 351 @click="collapseExpand = !collapseExpand; " 352 > 353 <a target="_self" href="https://www.vivotek.com/products">Products</a> 354
355 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 356 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 357 </span> 358 </div> 359 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 360 361 362 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 363 <li class="group"> 364 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/video-management-platforms"> 365 Video Management Platforms 366</a> <ul class="mb-6"> 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/products/software/vast_security_station"> 369 VAST Security Station (VSS) 370</a> </li> 371 <li class="mt-4 text-vivotek-mobile-body-3"> 372 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/video-management-platforms/vortex-cloud-surveillance"> 373 VORTEX Cloud Surveillance 374</a> </li> 375 </ul> 376 </li> 377 <li class="group"> 378 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/network-cameras"> 379 Network Cameras 380</a> <ul class="mb-6"> 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/products/network-cameras/dome"> 383 Dome 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/products/network-cameras/turret"> 387 Turret 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/products/network-cameras/bullet"> 391 Bullet 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/products/network-cameras/panoramic"> 395 Panoramic 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="_self" href="/products/network-cameras/pan-tilt-zoom"> 399 Pan-Tilt-Zoom 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="_blank" href="https://www.vivotek.com/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="> 403 VORTEX Cloud Camera 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/products/network-cameras/thermal"> 407 Thermal 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/products/network-cameras/box"> 411 Box 412</a> </li> 413 <li class="mt-4 text-vivotek-mobile-body-3"> 414 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/network-cameras/application-camera"> 415 Application Camera 416</a> </li> 417 </ul> 418 </li> 419 <li class="group"> 420 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/onboard-security"> 421 Onboard Security 422</a> <ul class="mb-6"> 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/products/onboard-security/saloon-camera"> 425 Saloon 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/products/onboard-security/exterior-camera"> 429 Exterior Camera 430</a> </li> 431 <li class="mt-4 text-vivotek-mobile-body-3"> 432 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/onboard-security/mobile-nvr"> 433 Mobile NVR 434</a> </li> 435 </ul> 436 </li> 437 <li class="group"> 438 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance"> 439 Network Video Recorder and Appliance 440</a> <ul class="mb-6"> 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/products/network-video-recorder-and-appliance/core+-ai-series-nvr"> 443 Core+ AI 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/products/network-video-recorder-and-appliance/core+-series-nvr"> 447 Core+ Series NVR 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/products/network-video-recorder-and-appliance/recording-server"> 451 Recording Server 452</a> </li> 453 <li class="mt-4 text-vivotek-mobile-body-3"> 454 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance/video-decoder"> 455 Video Decoder 456</a> </li> 457 </ul> 458 </li> 459 <li class="group"> 460 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/plug-in"> 461 Integration Plug-ins 462</a> <ul class="mb-6"> 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/products/plug-in/genetec"> 465 Plug-in for Genetec 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/products/plug-in/milestone"> 469 Plug-in for Milestone 470</a> </li> 471 <li class="mt-4 text-vivotek-mobile-body-3"> 472 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/plug-in/network-optix"> 473 Plug-in for Network Optix 474</a> </li> 475 </ul> 476 </li> 477 <li class="group"> 478 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/networking"> 479 Networking 480</a> <ul class="mb-6"> 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/products/networking/commercial-network-switch"> 483 Commercial 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/products/networking/industrial-net
486work-switch"> 487 Industrial 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/products/networking/outdoor-network-switch"> 491 Outdoor Network Switch 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/products/networking/poe-extender"> 495 PoE Extender 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/products/networking/poe-injector"> 499 PoE Injector 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/products/networking/sfp-transceiver"> 503 SFP Transceiver 504</a> </li> 505 <li class="mt-4 text-vivotek-mobile-body-3"> 506 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/networking/surge-protector"> 507 Surge Protector 508</a> </li> 509 </ul> 510 </li> 511 <li class="group"> 512 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/accessories"> 513 Accessories 514</a> <ul class="mb-6"> 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/products/accessories/mounting-kit"> 517 Mounting Kit 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/products/accessories/enclosure"> 521 Enclosure 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/products/accessories/cover"> 525 Cover 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/products/accessories/lens"> 529 Lens 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/products/accessories/power-supply"> 533 Power Supply 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/products/accessories/power-box"> 537 Power Box 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/products/accessories/cable"> 541 Cable 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/products/accessories/i-o-device"> 545 I/O Device 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/products/accessories/joystick"> 549 Joystick 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/products/accessories/cabinet"> 553 Cabinet 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/products/accessories/cabinet-accessory"> 557 Cabinet Accessory 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/products/accessories/storage"> 561 Storage 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/products/accessories/illuminator"> 565 Illuminators 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/products/accessories/connector"> 569 Connector 570</a> </li> 571 <li class="mt-4 text-vivotek-mobile-body-3"> 572 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/accessories/network-audio-devices"> 573 Network Audio Devices 574</a> </li> 575 </ul> 576 </li> 577 <li class="group"> 578 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/legacy-products"> 579 Legacy Products 580</a> <ul class="mb-6"> 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/products/legacy-products/legacy-products"> 583 Legacy Products List 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/products/legacy-products/vivocloud"> 587 VIVOCloud 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/products/software/vast_2"> 591 VAST 2 (Discontinued) 592</a> </li> 593 <li class="mt-4 text-vivotek-mobile-body-3"> 594 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/legacy-products/end-of-life-product-list"> 595 End-of-life Product List 596</a> </li> 597 </ul> 598 </li> 599 </ul> 600 601 <div class="flex flex-col gap-y-4 px-6 mt-6"> 602 <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/resource/learning/blog/product-updates-2026-08"> 603 <div 604 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 605 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTEsInB1ciI6ImJsb2JfaWQifX0=--855f5ea7712338996fb6cfbda00be616b80c29fd/products_Highlight1.png');" 606 ></div> 607 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 608 <div class="relative flex flex-col justify-end h-full text-white "> 609 <p class="text-vivotek-mobile-title-1">What's New</p> 610 <p class="mt-2 text-vivotek-mobile-body-2">Explore new products and the latest feature updates.</p> 611 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 612 </div> 613</a> </div> 614 615 <div class="px-6"> 616 <div class="rounded-2.5 px-6 py-4 bg-vivotek-neutral-02 mt-6"> 617 618 <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/product_selector?category=network-cameras"> 619 <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> 620 <div class="flex-1"> 621 <p class="text-vivotek-black text-vivotek-mobile-caption-1">Camera Selector</p> 622 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Find the right camera for your needs</p> 623 </div> 624 <div> 625 </div> 626</a> 627 <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/product_selector?category=network-video-recorder-and-appliance"> 628 <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> 629 <div class="flex-1"> 630 <p class="text-vivotek-black text-vivotek-mobile-caption-1">NVR Selector</p> 631 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Find the right NVR for your needs</p> 632 </div> 633 <div> 634 </div> 635</a> 636 <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/search_accessory"> 637 <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> 638 <div class="flex-1"> 639 <p class="text-vivotek-black text-vivotek-mobile-caption-1">Accessory Selector</p> 640 <p class="text-vivotek-neutral-07 text-vivotek-web-caption-2">Match the right accessories to your setup</p> 641 </div> 642 <div> 643 </div> 644</a> </div> 645 </div> 646 647 </div> 648</frontend-collapses-general> </li> 649 <li> 650 <frontend-collapses-general x-data="{ collapseExpand: false }"> 651 <div 652 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 653 :class="{ '!border-none': collapseExpand }" 654 @click="collapseExpand = !collapseExpand; " 655 > 656 <a target="_self" href="https://www.vivotek.com/resource">Resource</a> 657
658 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 659 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 660 </span> 661 </div> 662 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 663 664 665 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 666 <li class="group"> 667 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/learning"> 668 Learning 669</a> <ul class="mb-6"> 670 <li class="mt-4 text-vivotek-mobile-body-3"> 671 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/news-center/successful-cases"> 672 Customer Stories 673</a> </li> 674 <li class="mt-4 text-vivotek-mobile-body-3"> 675 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/learning/blog"> 676 Blog 677</a> </li> 678 <li class="mt-4 text-vivotek-mobile-body-3"> 679 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/news-center/events"> 680 Event 681</a> </li> 682 <li class="mt-4 text-vivotek-mobile-body-3"> 683 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/learning/tutorial_videos"> 684 Tutorial Videos 685</a> </li> 686 <li class="mt-4 text-vivotek-mobile-body-3"> 687 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/learning/webinar"> 688 Webinar 689</a> </li> 690 </ul> 691 </li> 692 <li class="group"> 693 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/download-center"> 694 Download Center 695</a> <ul class="mb-6"> 696 <li class="mt-4 text-vivotek-mobile-body-3"> 697 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/download-center/product"> 698 Product Documents 699</a> </li> 700 <li class="mt-4 text-vivotek-mobile-body-3"> 701 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/download-center/software-app-vadp-package"> 702 Software & Tools 703</a> </li> 704 <li class="mt-4 text-vivotek-mobile-body-3"> 705 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/download-center/marketing-materials"> 706 Marketing Materials 707</a> </li> 708 <li class="mt-4 text-vivotek-mobile-body-3"> 709 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" data-turbo-frame="login-modal" href="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fsdk"> 710 SDK 711 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 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="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fanpr-package"> 715 ANPR Package 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="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fcounting-package"> 720 Counting 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="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Foss"> 725 OSS 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 </ul> 729 </li> 730 <li class="group"> 731 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/management-tools"> 732 Management Tools 733</a> <ul class="mb-6"> 734 <li class="mt-4 text-vivotek-mobile-body-3"> 735 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/device_manager"> 736 Device Manager 737</a> </li> 738 <li class="mt-4 text-vivotek-mobile-body-3"> 739 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/shepherd"> 740 Shepherd 741</a> </li> 742 <li class="mt-4 text-vivotek-mobile-body-3"> 743 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/iviewer"> 744 iViewer 745</a> </li> 746 <li class="mt-4 text-vivotek-mobile-body-3"> 747 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/device_center"> 748 Device Center 749</a> </li> 750 <li class="mt-4 text-vivotek-mobile-body-3"> 751 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/device_pack"> 752 Device Pack 753</a> </li> 754 <li class="mt-4 text-vivotek-mobile-body-3"> 755 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/products/software/validation_tool"> 756 Validation Tool 757</a> </li> 758 </ul> 759 </li> 760 <li class="group"> 761 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/design-tools"> 762 Design Tools 763</a> <ul class="mb-6"> 764 <li class="mt-4 text-vivotek-mobile-body-3"> 765 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/design-tools/bimobject"> 766 BIMobject 767</a> </li> 768 <li class="mt-4 text-vivotek-mobile-body-3"> 769 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/design-tools/ip-video-system-design-tool"> 770 IP Video System Design Tool 771</a> </li> 772 </ul> 773 </li> 774 <li class="group"> 775 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/support"> 776 Support 777</a> <ul class="mb-6"> 778 <li class="mt-4 text-vivotek-mobile-body-3"> 779 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/support/warranty_policy"> 780 Warranty Policy 781</a> </li> 782 <li class="mt-4 text-vivotek-mobile-body-3"> 783 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/support/rma"> 784 RMA Policy 785</a> </li> 786 <li class="mt-4 text-vivotek-mobile-body-3"> 787 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_blank" href="https://vivotek.zendesk.com/hc/en-001"> 788 Customer Service Center 789</a> </li> 790 <li class="mt-4 text-vivotek-mobile-body-3"> 791 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/resource/support/cybersecurity"> 792 Cybersecurity 793</a> </li> 794 <li class="mt-4 text-vivotek-mobile-body-3"> 795 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/contact_us"> 796 Contact Us 797</a> </li> 798 </ul> 799 </li> 800 </ul> 801 802 <div class="flex flex-col gap-y-4 px-6 mt-6"> 803 <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/news-center/events/vivotek-discovery-day-2026-global"> 804 <div 805 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 806 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDAsInB1ciI6ImJsb2JfaWQifX0=--b1df168fd5d4203cefc629533cee44668006d6c8/resource_Highlight1.png');" 807 ></div> 808 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 809 <div class="relative flex flex-col justify-end h-full text-white "> 810 <p class="text-vivotek-mobile-title-1">Discovery Day</p> 811 <p class="mt-2 text-vivotek-mobile-body-2">Global NPI webinar series on driving real-world surveillance outcomes.</p> 812 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 813 </div> 814</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/resource/event/ai-cloud-surveillance-market-insights-2026"> 815 <div 816 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 817 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTMsInB1ciI6ImJsb2JfaWQifX0=--3e41b318f056376d49286feef29d3b67ef034591/resource_Highlight2.webp');" 818 ></div> 819 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 820 <div class="relative flex flex-col justify-end h-full text-white "> 821 <p class="text-vivotek-mobile-title-1">The Hidden ROI of Surveillance</p> 822 <p class="mt-2 text-vivotek-mobile-body-2">AI Cloud Surveillance Market Insights 2026</p> 823 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 824 </div> 825</a> </div> 826 827 828 </div> 829</frontend-collapses-general> </li> 830 <li> 831 <frontend-collapses-general x-data="{ collapseExpand: false }"> 832 <div 833 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 834 :class="{ '!border-none': collapseExpand }" 835 @click="collapseExpand = !collapseExpand; " 836 > 837 <a target="_self" href="https://www.vivotek.com/partners">Partners</a> 838
839 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 840 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 841 </span> 842 </div> 843 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 844 845 846 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 847 <li class="group"> 848 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem"> 849 VPP Ecosystem 850</a> <ul class="mb-6"> 851 <li class="mt-4 text-vivotek-mobile-body-3"> 852 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-program"> 853 VPP Program 854</a> </li> 855 <li class="mt-4 text-vivotek-mobile-body-3"> 856 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-portal"> 857 VPP Portal 858</a> </li> 859 <li class="mt-4 text-vivotek-mobile-body-3"> 860 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-business-hub"> 861 VPP Business Hub 862</a> </li> 863 <li class="mt-4 text-vivotek-mobile-body-3"> 864 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/academy"> 865 VIVOTEK Academy 866</a> </li> 867 </ul> 868 </li> 869 <li class="group"> 870 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/technology-partners"> 871 Technology Partners 872</a> <ul class="mb-6"> 873 <li class="mt-4 text-vivotek-mobile-body-3"> 874 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/technology-partners/find-a-technology-partner"> 875 Find A Technology Partner 876</a> </li> 877 <li class="mt-4 text-vivotek-mobile-body-3"> 878 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/technology-partners/vadp-partner-program"> 879 VADP Partner Program 880</a> </li> 881 <li class="mt-4 text-vivotek-mobile-body-3"> 882 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/technology-partners/aec-program"> 883 A&E/C Program 884</a> </li> 885 <li class="mt-4 text-vivotek-mobile-body-3"> 886 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com/partners/technology-partners/ai-lab-program"> 887 AI Lab Program 888</a> </li> 889 </ul> 890 </li> 891 </ul> 892 893 <div class="flex flex-col gap-y-4 px-6 mt-6"> 894 <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"> 895 <div 896 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 897 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NTUsInB1ciI6ImJsb2JfaWQifX0=--32cb46462fb042c4341f72cdcdfc66844c794a9d/Partners_Highlight1_VPP%20Promo%20Card_412x232px.webp');" 898 ></div> 899 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 900 <div class="relative flex flex-col justify-end h-full text-white "> 901 <p class="text-vivotek-mobile-title-1">Become Partner</p> 902 <p class="mt-2 text-vivotek-mobile-body-2">
902Programs, Portals, and Academy built to support partners at every stage of growth.</p> 903 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 904 </div> 905</a> </div> 906 907 908 </div> 909</frontend-collapses-general> </li> 910 <li> 911 <frontend-collapses-general x-data="{ collapseExpand: false }"> 912 <div 913 class="flex justify-between items-center py-4 px-6 cursor-pointer active:text-vivotek-primary border-b border-vivotek-gray-100" 914 :class="{ '!border-none': collapseExpand }" 915 @click="collapseExpand = !collapseExpand; " 916 > 917 <a target="_self" href="https://www.vivotek.com/where-to-buy">Where To Buy</a> 918 919 <span class="text-vivotek-blue-400 " :class="{ 'rotate-180 ': collapseExpand }"> 920 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain " src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 921 </span> 922 </div> 923 <div x-show="collapseExpand" x-collapse.duration.500ms x-cloak> 924 925 926 <ul class="pt-4 mx-6 border-t border-vivotek-gray-100 text-vivotek-black"> 927 <li class="group"> 928 <a class="flex gap-x-1 active:text-vivotek-blue-400" target="_self" href="https://www.vivotek.com//where-to-buy"> 929 Where to Buy 930</a> </li> 931 </ul> 932 933 <div class="flex flex-col gap-y-4 px-6 mt-6"> 934 <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/where-to-buy"> 935 <div 936 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105 group-active/image:scale-105" 937 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MzksInB1ciI6ImJsb2JfaWQifX0=--1ff3424c633075b560da77ab1c4735248f40b126/Where%20to%20buy_Highlight1_%20412x242px%20(1).webp');" 938 ></div> 939 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 940 <div class="relative flex flex-col justify-end h-full text-white "> 941 <p class="text-vivotek-mobile-title-1">Where To Buy</p> 942 <p class="mt-2 text-vivotek-mobile-body-2">Find authorized distributors and resellers for our products in your country.</p> 943 <p class="group-hover/image:underline group-active/image:underline mt-2 text-white font-semibold text-web-title-4">Learn More</p> 944 </div> 945</a> </div> 946 947 948 </div> 949</frontend-collapses-general> </li> 950 </ul> 951 </div> 952 </div> 953 954 <div class="hidden md:block md:mx-auto md:w-300 xl:w-315 2xl:w-420 pt-4"> 955 <div 956 id="login-language-bar" 957 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" 958 x-data="{ show: true }" 959 :class="{ '!h-0 !pb-0': !show }" 960 @login-bar:show.window="show = true" 961 @login-bar:hide.window="show = false; $el.focus()" 962 tabindex="-1" 963 > 964 <a data-turbo-frame="login-modal" class="flex gap-x-1 items-center text-white" href="/users/sign_in"> 965 <img class="w-6 h-6 object-contain" src="/assets/icons/shared/account-a6a2599f5bea1b007c0f25f1b70776c7b2dd846f.svg" /> 966 <span class="text-vivotek-web-title-4">Log in</span> 967</a> <frontend-dropdowns-general class="flex items-center " data-controller="switch-lang-cookie"> 968 <div 969 class="relative inline-block text-left w-full md:w-auto" 970 x-data="{ expanded: false }" 971 x-cloak 972 @click.outside="expanded = false" 973 @update:title="if ($refs.title) { $refs.title.innerText = $event.detail }" 974 > 975 <div 976 class="cursor-pointer flex items-center" 977 @click="expanded = !expanded" 978 > 979 <div class="w-full outline-none inline-flex justify-between items-center 980 text-vivotek-web-title-4 cursor-pointer text-white"><span class="flex items-center gap-x-2"><span x-ref="title">Global - 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"> 981<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> 982</svg> 983</div></div> 984 </div> 985 986 <div class="absolute left-0 z-30 w-full"> 987 <div 988 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" 989 style="display: none" 990 x-show="expanded" 991 x-transition:enter="transition ease-out duration-100" 992 x-transition:enter-start="opacity-0 scale-95" 993 x-transition:enter-end="opacity-100 scale-100" 994 x-transition:leave="transition ease-in duration-75" 995 x-transition:leave-start="opacity-100 scale-100" 996 x-transition:leave-end="opacity-0 scale-95" 997 > 998 <div class="py-1"> 999 <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="/"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">Global - 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"> 1000<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> 1001</svg> 1002</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/"><span class="flex items-center gap-x-2 text-vivotek-black active:text-vivotek-blue-400">North America - 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"> 1003<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> 1004</svg> 1005</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/"><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"> 1006<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> 1007</svg> 1008</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/"><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"> 1009<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> 1010</svg> 1011</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/"><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"> 1012<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> 1013</svg> 1014</span></a> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019</frontend-dropdowns-general> </div> 1020 1021 <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 }"> 1022 <div class="shrink-0 relative z-10"> 1023 <a href="/"> 1024 <img width="172" height="60" class="w-28 xl:w-43 h-10 xl:h-15 object-contain" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 1025</a> </div> 1026 <div class="flex-1 ml-10 xl:ml-9 2xl:ml-20"> 1027 <div class="flex items-center -mx-4 h-14"> 1028 <div 1029 class="group px-4" 1030 x-data="{ 1031 submenuId: 74 1032 }"> 1033 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1034 <a target="_self" href="https://www.vivotek.com/solutions">Solution</a> 1035 <div class="absolute left-0 pt-3 w-full"> 1036 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1037 </div> 1038 </div> 1039 <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"> 1040 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1041 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1042 <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> 1043 <div 1044 data-megamenu 1045 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1046 > 1047 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
104750 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1048 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1049 <div :class="{'text-vivotek-primary': submenuId == 74}" class="text-vivotek-web-title-3"> 1050 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/solutions/industry"> 1051 <div> 1052 <span @mouseenter="submenuId = 74" class="cursor-pointer hover:text-vivotek-primary">Solution by Industry</span> 1053 </div> 1054</a> </div> 1055 </div> 1056 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1057 <div :class="{'text-vivotek-primary': submenuId == 75}" class="text-vivotek-web-title-3"> 1058 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/solutions/application"> 1059 <div> 1060 <span @mouseenter="submenuId = 75" class="cursor-pointer hover:text-vivotek-primary">Solution by Application</span> 1061 </div> 1062</a> </div> 1063 </div> 1064 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1065 <div :class="{'text-vivotek-primary': submenuId == 1517}" class="text-vivotek-web-title-3"> 1066 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/solutions/technology"> 1067 <div> 1068 <span @mouseenter="submenuId = 1517" class="cursor-pointer hover:text-vivotek-primary">Solution by Technology</span> 1069 </div> 1070</a> </div> 1071 </div> 1072 </div> 1073 1074 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1075 <div x-show="submenuId == 74" class="flex"> 1076 <div class="w-full"> 1077 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Industry</p> 1078 <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> 1079 1080 <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"> 1081 <ul class="flex-1 flex flex-col gap-y-8"> 1082 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1083 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/residential"> 1084 <span class="font-bold">Residential Solutions</span> 1085</a> </li> 1086 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1087 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/property-management"> 1088 <span class="font-bold">Property Management</span> 1089</a> </li> 1090 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1091 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/city-surveillance">
1092 <span class="font-bold">City Surveillance</span> 1093</a> </li> 1094 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1095 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/education"> 1096 <span class="font-bold">Education</span> 1097</a> </li> 1098 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1099 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/small-medium-business"> 1100 <span class="font-bold">SMB</span> 1101</a> </li> 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/solutions/industry/rolling-stock"> 1104 <span class="font-bold">Rolling Stock</span> 1105</a> </li> 1106 </ul> 1107 <ul class="flex-1 flex flex-col gap-y-8"> 1108 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1109 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/industry/transportation"> 1110 <span class="font-bold">Transit Bus Onboard</span> 1111</a> </li> 1112 </ul> 1113 </div> 1114 </div> 1115 </div> 1116 <div x-show="submenuId == 75" class="flex"> 1117 <div class="w-full"> 1118 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Application</p> 1119 <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> 1120 1121 <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"> 1122 <ul class="flex-1 flex flex-col gap-y-8"> 1123 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1124 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/application/panoramic-surveillance"> 1125 <span class="font-bold">Panoramic Surveillance</span> 1126</a> </li> 1127 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1128 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/application/license-plate-recognition"> 1129 <span class="font-bold">License Plate Recognition</span> 1130</a> </li> 1131 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1132 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/application/perimeter-detection"> 1133 <span class="font-bold">Perimeter Detection</span> 1134</a> </li> 1135 </ul> 1136 </div> 1137 </div> 1138 </div> 1139 <div x-show="submenuId == 1517" class="flex"> 1140 <div class="w-full"> 1141 <p class="text-vivotek-web-title-1 text-vivotek-black">Solution by Technology</p> 1142 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Integrated technologies powering intelligent security solutions across environments.</p> 1143 1144 <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"> 1145 <ul class="flex-1 flex flex-col gap-y-8"> 1146 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1147 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance">
1148 <span class="font-bold">Hybrid Cloud Surveillance</span> 1149</a> </li> 1150 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1151 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/chroma24-ai-night-vision"> 1152 <span class="font-bold">Chroma24 AI Night Vision</span> 1153</a> </li> 1154 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1155 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/edge-computing"> 1156 <span class="font-bold">Edge Computing</span> 1157</a> </li> 1158 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1159 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/smart-vca"> 1160 <span class="font-bold">Smart VCA</span> 1161</a> </li> 1162 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1163 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/smart-tracking-advanced"> 1164 <span class="font-bold">Smart Tracking Advanced</span> 1165</a> </li> 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/solutions/technology/vision-object-analytics"> 1168 <span class="font-bold">Vision Object Analytics</span> 1169</a> </li> 1170 </ul> 1171 <ul class="flex-1 flex flex-col gap-y-8"> 1172 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1173 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/solutions/technology/realsight-engine"> 1174 <span class="font-bold">RealSight Engine</span> 1175</a> </li> 1176 </ul> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181 1182 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1183 <div class="flex flex-col gap-y-6"> 1184 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/news-center/successful-cases"> 1185 <div 1186 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1187 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTQsInB1ciI6ImJsb2JfaWQifX0=--da75d845cb39e5c6c284058d7a13f3efeb912c79/solutions_Highlight2.png');" 1188 ></div> 1189 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1190 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1191 <p class="text-vivotek-web-title-1">Customer Stories</p> 1192 <p class="mt-2 text-vivotek-web-body-1">Explore real-world cases showing how surveillance solutions solve industry challenges.</p> 1193 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1194 </div> 1195</a> <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/resource/support/cybersecurity"> 1196 <div 1197 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1198 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTIsInB1ciI6ImJsb2JfaWQifX0=--4ce8ea5b994795dc593bc7c72d98d810d706ba8b/solutions_Highlight1.png');" 1199 ></div> 1200 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1201 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1202 <p class="text-vivotek-web-title-1">Cybersecurity</p> 1203 <p class="mt-2 text-vivotek-web-body-1">End-to-end security protecting devices, data, and cloud systems.</p> 1204 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1205 </div> 1206</a> </div> 1207 1208 </div> 1209 </div> 1210 </div> 1211 </div> 1212 </div> 1213 </div> 1214 <div 1215 class="group px-4" 1216 x-data="{ 1217 submenuId: 1518 1218 }"> 1219 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1220 <a target="_self" href="https://www.vivotek.com/products">Products</a> 1221 <div class="absolute left-0 pt-3 w-full"> 1222 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1223 </div> 1224 </div> 1225 <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"> 1226 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1227 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1228 <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> 1229 <div 1230 data-megamenu 1231 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1232 > 1233 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
123350 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1234 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1235 <div :class="{'text-vivotek-primary': submenuId == 1518}" class="text-vivotek-web-title-3"> 1236 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/video-management-platforms"> 1237 <div> 1238 <span @mouseenter="submenuId = 1518" class="cursor-pointer hover:text-vivotek-primary">Video Management Platforms</span> 1239 </div> 1240</a> </div> 1241 </div> 1242 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1243 <div :class="{'text-vivotek-primary': submenuId == 106}" class="text-vivotek-web-title-3"> 1244 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/network-cameras"> 1245 <div> 1246 <span @mouseenter="submenuId = 106" class="cursor-pointer hover:text-vivotek-primary">Network Cameras</span> 1247 </div> 1248</a> </div> 1249 </div> 1250 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1251 <div :class="{'text-vivotek-primary': submenuId == 107}" class="text-vivotek-web-title-3"> 1252 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/onboard-security"> 1253 <div> 1254 <span @mouseenter="submenuId = 107" class="cursor-pointer hover:text-vivotek-primary">Onboard Security</span> 1255 </div> 1256</a> </div> 1257 </div> 1258 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1259 <div :class="{'text-vivotek-primary': submenuId == 108}" class="text-vivotek-web-title-3"> 1260 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance"> 1261 <div> 1262 <span @mouseenter="submenuId = 108" class="cursor-pointer hover:text-vivotek-primary">Network Video Recorder and Appliance</span> 1263 </div> 1264</a> </div> 1265 </div> 1266 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1267 <div :class="{'text-vivotek-primary': submenuId == 1519}" class="text-vivotek-web-title-3"> 1268 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/plug-in"> 1269 <div> 1270 <span @mouseenter="submenuId = 1519" class="cursor-pointer hover:text-vivotek-primary">Integration Plug-ins</span> 1271 </div> 1272</a> </div> 1273 </div> 1274 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1275 <div :class="{'text-vivotek-primary': submenuId == 113}" class="text-vivotek-web-title-3"> 1276 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/networking"> 1277 <div> 1278 <span @mouseenter="submenuId = 113" class="cursor-pointer hover:text-vivotek-primary">Networking</span> 1279 </div> 1280</a> </div> 1281 </div> 1282 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1283 <div :class="{'text-vivotek-primary': submenuId == 114}" class="text-vivotek-web-title-3"> 1284 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/accessories"> 1285 <div>
1286 <span @mouseenter="submenuId = 114" class="cursor-pointer hover:text-vivotek-primary">Accessories</span> 1287 </div> 1288</a> </div> 1289 </div> 1290 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1291 <div :class="{'text-vivotek-primary': submenuId == 115}" class="text-vivotek-web-title-3"> 1292 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/products/legacy-products"> 1293 <div> 1294 <span @mouseenter="submenuId = 115" class="cursor-pointer hover:text-vivotek-primary">Legacy Products</span> 1295 </div> 1296</a> </div> 1297 </div> 1298 </div> 1299 1300 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1301 <div x-show="submenuId == 1518" class="flex"> 1302 <div class="w-full"> 1303 <p class="text-vivotek-web-title-1 text-vivotek-black">Video Management Platforms</p> 1304 <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> 1305 1306 <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"> 1307 <ul class="flex-1 flex flex-col gap-y-8"> 1308 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1309 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/vast_security_station"> 1310 <span class="font-bold">VAST Security Station (VSS)</span> 1311</a> </li> 1312 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1313 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/video-management-platforms/vortex-cloud-surveillance"> 1314 <span class="font-bold">VORTEX Cloud Surveillance</span> 1315</a> </li> 1316 </ul> 1317 </div> 1318 </div> 1319 </div> 1320 <div x-show="submenuId == 106" class="flex"> 1321 <div class="w-full"> 1322 <p class="text-vivotek-web-title-1 text-vivotek-black">Network Cameras</p> 1323 <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> 1324 1325 <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"> 1326 <ul class="flex-1 flex flex-col gap-y-8"> 1327 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1328 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/dome"> 1329 <span class="font-bold">Dome</span> 1330</a> </li> 1331 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1332 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/turret">
1333 <span class="font-bold">Turret</span> 1334</a> </li> 1335 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1336 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/bullet"> 1337 <span class="font-bold">Bullet</span> 1338</a> </li> 1339 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1340 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/panoramic"> 1341 <span class="font-bold">Panoramic</span> 1342</a> </li> 1343 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1344 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="/products/network-cameras/pan-tilt-zoom"> 1345 <span class="font-bold">Pan-Tilt-Zoom</span> 1346</a> </li> 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="_blank" href="https://www.vivotek.com/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=">
1349 <span class="font-bold">VORTEX Cloud Camera</span> 1350</a> </li> 1351 </ul> 1352 <ul class="flex-1 flex flex-col gap-y-8"> 1353 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1354 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/thermal"> 1355 <span class="font-bold">Thermal</span> 1356</a> </li> 1357 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1358 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/box"> 1359 <span class="font-bold">Box</span> 1360</a> </li> 1361 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1362 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-cameras/application-camera"> 1363 <span class="font-bold">Application Camera</span> 1364</a> </li> 1365 </ul> 1366 </div> 1367 </div> 1368 </div> 1369 <div x-show="submenuId == 107" class="flex"> 1370 <div class="w-full"> 1371 <p class="text-vivotek-web-title-1 text-vivotek-black">Onboard Security</p> 1372 <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> 1373 1374 <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"> 1375 <ul class="flex-1 flex flex-col gap-y-8"> 1376 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1377 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/onboard-security/saloon-camera"> 1378 <span class="font-bold">Saloon Camera</span> 1379</a> </li> 1380 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1381 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/onboard-security/exterior-camera"> 1382 <span class="font-bold">Exterior Camera</span> 1383</a> </li> 1384 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1385 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/onboard-security/mobile-nvr"> 1386 <span class="font-bold">Mobile NVR</span> 1387</a> </li> 1388 </ul> 1389 </div> 1390 </div> 1391 </div> 1392 <div x-show="submenuId == 108" class="flex"> 1393 <div class="w-full"> 1394 <p class="text-vivotek-web-title-1 text-vivotek-black">Network Video Recorder and Appliance</p> 1395 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Recording appliances for secure storage and cloud-connected management.</p> 1396 1397 <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"> 1398 <ul class="flex-1 flex flex-col gap-y-8"> 1399 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1400 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance/core+-ai-series-nvr">
1401 <span class="font-bold">Core+ AI Series NVR</span> 1402</a> </li> 1403 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1404 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance/core+-series-nvr"> 1405 <span class="font-bold">Core+ Series NVR</span> 1406</a> </li> 1407 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1408 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance/recording-server"> 1409 <span class="font-bold">Recording Server</span> 1410</a> </li> 1411 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1412 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/network-video-recorder-and-appliance/video-decoder"> 1413 <span class="font-bold">Video Decoder</span> 1414</a> </li> 1415 </ul> 1416 </div> 1417 </div> 1418 </div> 1419 <div x-show="submenuId == 1519" class="flex"> 1420 <div class="w-full"> 1421 <p class="text-vivotek-web-title-1 text-vivotek-black">Integration Plug-ins</p> 1422 <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> 1423 1424 <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"> 1425 <ul class="flex-1 flex flex-col gap-y-8"> 1426 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1427 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/plug-in/genetec"> 1428 <span class="font-bold">Plug-in for Genetec</span> 1429</a> </li> 1430 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1431 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/plug-in/milestone"> 1432 <span class="font-bold">Plug-in for Milestone</span> 1433</a> </li> 1434 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1435 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/plug-in/network-optix"> 1436 <span class="font-bold">Plug-in for Network Optix</span> 1437</a> </li> 1438 </ul> 1439 </div> 1440 </div> 1441 </div> 1442 <div x-show="submenuId == 113" class="flex"> 1443 <div class="w-full"> 1444 <p class="text-vivotek-web-title-1 text-vivotek-black">Networking</p> 1445 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Networking products provide network connectivity & power supply for stable transmission.</p> 1446 1447 <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"> 1448 <ul class="flex-1 flex flex-col gap-y-8"> 1449 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1450 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/commercial-network-switch">
1451 <span class="font-bold">Commercial Network Switch</span> 1452</a> </li> 1453 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1454 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/industrial-network-switch"> 1455 <span class="font-bold">Industrial Network Switch</span> 1456</a> </li> 1457 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1458 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/outdoor-network-switch"> 1459 <span class="font-bold">Outdoor Network Switch</span> 1460</a> </li> 1461 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1462 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/poe-extender"> 1463 <span class="font-bold">PoE Extender</span> 1464</a> </li> 1465 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1466 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/poe-injector"> 1467 <span class="font-bold">PoE Injector</span> 1468</a> </li> 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/products/networking/sfp-transceiver"> 1471 <span class="font-bold">SFP Transceiver</span> 1472</a> </li> 1473 </ul> 1474 <ul class="flex-1 flex flex-col gap-y-8"> 1475 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1476 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/networking/surge-protector"> 1477 <span class="font-bold">Surge Protector</span> 1478</a> </li> 1479 </ul> 1480 </div> 1481 </div> 1482 </div> 1483 <div x-show="submenuId == 114" class="flex"> 1484 <div class="w-full"> 1485 <p class="text-vivotek-web-title-1 text-vivotek-black">Accessories</p> 1486 <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> 1487 1488 <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"> 1489 <ul class="flex-1 flex flex-col gap-y-8"> 1490 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1491 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/mounting-kit"> 1492 <span class="font-bold">Mounting Kit</span> 1493</a> </li> 1494 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1495 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/enclosure">
1496 <span class="font-bold">Enclosure</span> 1497</a> </li> 1498 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1499 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/cover"> 1500 <span class="font-bold">Cover</span> 1501</a> </li> 1502 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1503 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/lens"> 1504 <span class="font-bold">Lens</span> 1505</a> </li> 1506 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1507 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/power-supply"> 1508 <span class="font-bold">Power Supply</span> 1509</a> </li> 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/products/accessories/power-box"> 1512 <span class="font-bold">Power Box</span> 1513</a> </li> 1514 </ul> 1515 <ul class="flex-1 flex flex-col gap-y-8"> 1516 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1517 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/cable"> 1518 <span class="font-bold">Cable</span> 1519</a> </li> 1520 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1521 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/i-o-device"> 1522 <span class="font-bold">I/O Device</span> 1523</a> </li> 1524 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1525 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/joystick"> 1526 <span class="font-bold">Joystick</span> 1527</a> </li> 1528 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1529 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/cabinet"> 1530 <span class="font-bold">Cabinet</span> 1531</a> </li> 1532 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1533 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/cabinet-accessory"> 1534 <span class="font-bold">Cabinet Accessory</span> 1535</a> </li> 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/products/accessories/storage">
1538 <span class="font-bold">Storage</span> 1539</a> </li> 1540 </ul> 1541 <ul class="flex-1 flex flex-col gap-y-8"> 1542 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1543 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/illuminator"> 1544 <span class="font-bold">Illuminators</span> 1545</a> </li> 1546 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1547 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/connector"> 1548 <span class="font-bold">Connector</span> 1549</a> </li> 1550 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1551 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/accessories/network-audio-devices"> 1552 <span class="font-bold">Network Audio Devices</span> 1553</a> </li> 1554 </ul> 1555 </div> 1556 </div> 1557 </div> 1558 <div x-show="submenuId == 115" class="flex"> 1559 <div class="w-full"> 1560 <p class="text-vivotek-web-title-1 text-vivotek-black">Legacy Products</p> 1561 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Legacy products maintained for reference and existing deployments.</p> 1562 1563 <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"> 1564 <ul class="flex-1 flex flex-col gap-y-8"> 1565 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1566 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/legacy-products/legacy-products"> 1567 <span class="font-bold">Legacy Products List</span> 1568</a> </li> 1569 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1570 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/legacy-products/vivocloud"> 1571 <span class="font-bold">VIVOCloud</span> 1572</a> </li> 1573 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1574 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/vast_2"> 1575 <span class="font-bold">VAST 2 (Discontinued)</span> 1576</a> </li> 1577 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1578 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/legacy-products/end-of-life-product-list"> 1579 <span class="font-bold">End-of-life Product List</span> 1580</a> </li> 1581 </ul> 1582 </div> 1583 </div> 1584 </div> 1585 </div> 1586 1587 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1588 <div class="flex flex-col gap-y-6"> 1589 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/resource/learning/blog/product-updates-2026-08"> 1590 <div 1591 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1592 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTEsInB1ciI6ImJsb2JfaWQifX0=--855f5ea7712338996fb6cfbda00be616b80c29fd/products_Highlight1.png');" 1593 ></div> 1594 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1595 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1596 <p class="text-vivotek-web-title-1">What's New</p> 1597 <p class="mt-2 text-vivotek-web-body-1">Explore new products and the latest feature updates.</p> 1598 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1599 </div> 1600</a> </div> 1601 1602 <div class="rounded-2.5 px-6 py-4 bg-vivotek-neutral-02 mt-6"> 1603 1604 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/product_selector?category=network-cameras"> 1605 <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> 1606 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 1 == 3}"> 1607 <p class="text-vivotek-black text-vivotek-web-title-4">Camera Selector</p> 1608 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Find the right camera for your needs</p> 1609 </div> 1610 <div> 1611 </div> 1612</a> 1613 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/product_selector?category=network-video-recorder-and-appliance"> 1614 <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> 1615 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 2 == 3}"> 1616 <p class="text-vivotek-black text-vivotek-web-title-4">NVR Selector</p> 1617 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Find the right NVR for your needs</p> 1618 </div> 1619 <div> 1620 </div> 1621</a> 1622 <a class="flex items-center gap-x-4" data-turbo="false" href="https://www.vivotek.com/search_accessory"> 1623 <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> 1624 <div class="flex-1 py-4 border-b-2 border-white" :class="{'!border-none': 3 == 3}"> 1625 <p class="text-vivotek-black text-vivotek-web-title-4">Accessory Selector</p> 1626 <p class="text-vivotek-neutral-07 text-vivotek-web-body-1">Match the right accessories to your setup</p> 1627 </div> 1628 <div> 1629 </div> 1630</a> </div> 1631 </div> 1632 </div> 1633 </div> 1634 </div> 1635 </div> 1636 </div> 1637 <div 1638 class="group px-4" 1639 x-data="{ 1640 submenuId: 173 1641 }"> 1642 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1643 <a target="_self" href="https://www.vivotek.com/resource">Resource</a> 1644 <div class="absolute left-0 pt-3 w-full"> 1645 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1646 </div> 1647 </div> 1648 <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"> 1649 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1650 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1651 <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> 1652 <div 1653 data-megamenu 1654 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1655 > 1656 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
165650 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1657 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1658 <div :class="{'text-vivotek-primary': submenuId == 173}" class="text-vivotek-web-title-3"> 1659 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/resource/learning"> 1660 <div> 1661 <span @mouseenter="submenuId = 173" class="cursor-pointer hover:text-vivotek-primary">Learning</span> 1662 </div> 1663</a> </div> 1664 </div> 1665 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1666 <div :class="{'text-vivotek-primary': submenuId == 174}" class="text-vivotek-web-title-3"> 1667 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/resource/download-center"> 1668 <div> 1669 <span @mouseenter="submenuId = 174" class="cursor-pointer hover:text-vivotek-primary">Download Center</span> 1670 </div> 1671</a> </div> 1672 </div> 1673 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1674 <div :class="{'text-vivotek-primary': submenuId == 1520}" class="text-vivotek-web-title-3"> 1675 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/resource/management-tools"> 1676 <div> 1677 <span @mouseenter="submenuId = 1520" class="cursor-pointer hover:text-vivotek-primary">Management Tools</span> 1678 </div> 1679</a> </div> 1680 </div> 1681 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1682 <div :class="{'text-vivotek-primary': submenuId == 1521}" class="text-vivotek-web-title-3"> 1683 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/resource/design-tools"> 1684 <div> 1685 <span @mouseenter="submenuId = 1521" class="cursor-pointer hover:text-vivotek-primary">Design Tools</span> 1686 </div> 1687</a> </div> 1688 </div> 1689 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1690 <div :class="{'text-vivotek-primary': submenuId == 175}" class="text-vivotek-web-title-3"> 1691 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/resource/support"> 1692 <div> 1693 <span @mouseenter="submenuId = 175" class="cursor-pointer hover:text-vivotek-primary">Support</span> 1694 </div> 1695</a> </div> 1696 </div> 1697 </div> 1698 1699 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1700 <div x-show="submenuId == 173" class="flex"> 1701 <div class="w-full"> 1702 <p class="text-vivotek-web-title-1 text-vivotek-black">Learning</p> 1703 <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> 1704 1705 <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"> 1706 <ul class="flex-1 flex flex-col gap-y-8"> 1707 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1708 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/news-center/successful-cases">
1709 <span class="font-bold">Customer Stories</span> 1710</a> </li> 1711 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1712 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/learning/blog"> 1713 <span class="font-bold">Blog</span> 1714</a> </li> 1715 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1716 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/news-center/events"> 1717 <span class="font-bold">Event</span> 1718</a> </li> 1719 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1720 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/learning/tutorial_videos"> 1721 <span class="font-bold">Tutorial Videos</span> 1722</a> </li> 1723 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1724 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/learning/webinar"> 1725 <span class="font-bold">Webinar</span> 1726</a> </li> 1727 </ul> 1728 </div> 1729 </div> 1730 </div> 1731 <div x-show="submenuId == 174" class="flex"> 1732 <div class="w-full"> 1733 <p class="text-vivotek-web-title-1 text-vivotek-black">Download Center</p> 1734 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Download software, firmware, datasheets, QIGs, manuals, and technical documents.</p> 1735 1736 <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"> 1737 <ul class="flex-1 flex flex-col gap-y-8"> 1738 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1739 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/download-center/product"> 1740 <span class="font-bold">Product Documents</span> 1741</a> </li> 1742 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1743 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/download-center/software-app-vadp-package"> 1744 <span class="font-bold">Software & Tools</span> 1745</a> </li> 1746 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1747 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/download-center/marketing-materials"> 1748 <span class="font-bold">Marketing Materials</span> 1749</a> </li> 1750 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1751 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fsdk">
1752 <span class="font-bold">SDK</span> 1753 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1754</a> </li> 1755 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1756 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fanpr-package"> 1757 <span class="font-bold">ANPR Package</span> 1758 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1759</a> </li> 1760 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1761 <a class="flex items-center gap-x-1" data-turbo-frame="login-modal" target="_self" href="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Fcounting-package"> 1762 <span class="font-bold">Counting Package</span> 1763 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1764</a> </li> 1765 </ul> 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-frame="login-modal" target="_self" href="/users/sign_in?after_path=https%3A%2F%2Fwww.vivotek.com%2Fresource%2Fdownload-center%2Foss"> 1769 <span class="font-bold">OSS</span> 1770 <img width="24" height="24" loading="lazy" class="w-6 h-6 text-vivotek-primary object-contain" src="/assets/icons/header/lock-e027463434527b3ee49cbdb479ff8c8f71a92b99.svg" /> 1771</a> </li> 1772 </ul> 1773 </div> 1774 </div> 1775 </div> 1776 <div x-show="submenuId == 1520" class="flex"> 1777 <div class="w-full"> 1778 <p class="text-vivotek-web-title-1 text-vivotek-black">Management Tools</p> 1779 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Support resources for warranty, service requests, cybersecurity, and customer assistance.</p> 1780 1781 <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"> 1782 <ul class="flex-1 flex flex-col gap-y-8"> 1783 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1784 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/device_manager"> 1785 <span class="font-bold">Device Manager</span> 1786</a> </li> 1787 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1788 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/shepherd">
1789 <span class="font-bold">Shepherd</span> 1790</a> </li> 1791 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1792 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/iviewer"> 1793 <span class="font-bold">iViewer</span> 1794</a> </li> 1795 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1796 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/device_center"> 1797 <span class="font-bold">Device Center</span> 1798</a> </li> 1799 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1800 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/device_pack"> 1801 <span class="font-bold">Device Pack</span> 1802</a> </li> 1803 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1804 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/products/software/validation_tool"> 1805 <span class="font-bold">Validation Tool</span> 1806</a> </li> 1807 </ul> 1808 </div> 1809 </div> 1810 </div> 1811 <div x-show="submenuId == 1521" class="flex"> 1812 <div class="w-full"> 1813 <p class="text-vivotek-web-title-1 text-vivotek-black">Design Tools</p> 1814 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Management tools for device setup, maintenance, and compatibility verification.</p> 1815 1816 <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"> 1817 <ul class="flex-1 flex flex-col gap-y-8"> 1818 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1819 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/design-tools/bimobject"> 1820 <span class="font-bold">BIMobject</span> 1821</a> </li> 1822 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1823 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/design-tools/ip-video-system-design-tool"> 1824 <span class="font-bold">IP Video System Design Tool</span> 1825</a> </li> 1826 </ul> 1827 </div> 1828 </div> 1829 </div> 1830 <div x-show="submenuId == 175" class="flex"> 1831 <div class="w-full"> 1832 <p class="text-vivotek-web-title-1 text-vivotek-black">Support</p> 1833 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Planning tools to design, calculate, and deploy surveillance system projects.</p> 1834 1835 <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"> 1836 <ul class="flex-1 flex flex-col gap-y-8"> 1837 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1838 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/support/warranty_policy">
1839 <span class="font-bold">Warranty Policy</span> 1840</a> </li> 1841 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1842 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/support/rma"> 1843 <span class="font-bold">RMA Policy</span> 1844</a> </li> 1845 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1846 <a class="flex items-center gap-x-1" data-turbo="false" target="_blank" href="https://vivotek.zendesk.com/hc/en-001"> 1847 <span class="font-bold">Customer Service Center</span> 1848</a> </li> 1849 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1850 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/resource/support/cybersecurity"> 1851 <span class="font-bold">Cybersecurity</span> 1852</a> </li> 1853 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1854 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/contact_us"> 1855 <span class="font-bold">Contact Us</span> 1856</a> </li> 1857 </ul> 1858 </div> 1859 </div> 1860 </div> 1861 </div> 1862 1863 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1864 <div class="flex flex-col gap-y-6"> 1865 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/news-center/events/vivotek-discovery-day-2026-global"> 1866 <div 1867 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1868 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDAsInB1ciI6ImJsb2JfaWQifX0=--b1df168fd5d4203cefc629533cee44668006d6c8/resource_Highlight1.png');" 1869 ></div> 1870 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1871 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1872 <p class="text-vivotek-web-title-1">Discovery Day</p> 1873 <p class="mt-2 text-vivotek-web-body-1">Global NPI webinar series on driving real-world surveillance outcomes.</p> 1874 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1875 </div> 1876</a> <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vortexcloud.com/resource/event/ai-cloud-surveillance-market-insights-2026"> 1877 <div 1878 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1879 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3OTMsInB1ciI6ImJsb2JfaWQifX0=--3e41b318f056376d49286feef29d3b67ef034591/resource_Highlight2.webp');" 1880 ></div> 1881 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1882 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1883 <p class="text-vivotek-web-title-1">The Hidden ROI of Surveillance</p> 1884 <p class="mt-2 text-vivotek-web-body-1">AI Cloud Surveillance Market Insights 2026</p> 1885 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 1886 </div> 1887</a> </div> 1888 1889 </div> 1890 </div> 1891 </div> 1892 </div> 1893 </div> 1894 </div> 1895 <div 1896 class="group px-4" 1897 x-data="{ 1898 submenuId: 1522 1899 }"> 1900 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 1901 <a target="_self" href="https://www.vivotek.com/partners">Partners</a> 1902 <div class="absolute left-0 pt-3 w-full"> 1903 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 1904 </div> 1905 </div> 1906 <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"> 1907 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 1908 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 1909 <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> 1910 <div 1911 data-megamenu 1912 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 1913 > 1914 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
191450 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 1915 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1916 <div :class="{'text-vivotek-primary': submenuId == 1522}" class="text-vivotek-web-title-3"> 1917 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem"> 1918 <div> 1919 <span @mouseenter="submenuId = 1522" class="cursor-pointer hover:text-vivotek-primary">VPP Ecosystem</span> 1920 </div> 1921</a> </div> 1922 </div> 1923 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 1924 <div :class="{'text-vivotek-primary': submenuId == 200}" class="text-vivotek-web-title-3"> 1925 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com/partners/technology-partners"> 1926 <div> 1927 <span @mouseenter="submenuId = 200" class="cursor-pointer hover:text-vivotek-primary">Technology Partners</span> 1928 </div> 1929</a> </div> 1930 </div> 1931 </div> 1932 1933 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 1934 <div x-show="submenuId == 1522" class="flex"> 1935 <div class="w-full"> 1936 <p class="text-vivotek-web-title-1 text-vivotek-black">VPP Ecosystem</p> 1937 <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> 1938 1939 <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"> 1940 <ul class="flex-1 flex flex-col gap-y-8"> 1941 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1942 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-program"> 1943 <span class="font-bold">VPP Program</span> 1944</a> </li> 1945 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1946 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-portal"> 1947 <span class="font-bold">VPP Portal</span> 1948</a> </li> 1949 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1950 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/vpp-business-hub"> 1951 <span class="font-bold">VPP Business Hub</span> 1952</a> </li> 1953 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1954 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/vpp-ecosystem/academy"> 1955 <span class="font-bold">VIVOTEK Academy</span> 1956</a> </li> 1957 </ul> 1958 </div> 1959 </div> 1960 </div> 1961 <div x-show="submenuId == 200" class="flex"> 1962 <div class="w-full"> 1963 <p class="text-vivotek-web-title-1 text-vivotek-black">Technology Partners</p> 1964 <p class="mt-2 text-vivotek-neutral-07 text-vivotek-web-body-1">Technology partners and programs offering VADP collaboration and exclusive A&
1964E/C support.</p> 1965 1966 <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"> 1967 <ul class="flex-1 flex flex-col gap-y-8"> 1968 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1969 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/technology-partners/find-a-technology-partner"> 1970 <span class="font-bold">Find A Technology Partner</span> 1971</a> </li> 1972 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1973 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/technology-partners/vadp-partner-program"> 1974 <span class="font-bold">VADP Partner Program</span> 1975</a> </li> 1976 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1977 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/technology-partners/aec-program"> 1978 <span class="font-bold">A&E/C Program</span> 1979</a> </li> 1980 <li class="hover:text-vivotek-primary text-vivotek-web-body-1"> 1981 <a class="flex items-center gap-x-1" data-turbo="false" target="_self" href="https://www.vivotek.com/partners/technology-partners/ai-lab-program"> 1982 <span class="font-bold">AI Lab Program</span> 1983</a> </li> 1984 </ul> 1985 </div> 1986 </div> 1987 </div> 1988 </div> 1989 1990 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 1991 <div class="flex flex-col gap-y-6"> 1992 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://portal.vpp.vivotek.com/application/personal"> 1993 <div 1994 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 1995 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NTQsInB1ciI6ImJsb2JfaWQifX0=--84dd064ca52bda383f69b14c275df5ad82a4fbb4/Partners_Highlight1_VPP%20Promo%20Card_412x232px.webp');" 1996 ></div> 1997 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 1998 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 1999 <p class="text-vivotek-web-title-1">Become Partner</p> 2000 <p class="mt-2 text-vivotek-web-body-1">Programs, Portals, and Academy built to support partners at every stage of growth.</p> 2001 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 2002 </div> 2003</a> </div> 2004 2005 </div> 2006 </div> 2007 </div> 2008 </div> 2009 </div> 2010 </div> 2011 <div 2012 class="group px-4" 2013 x-data="{ 2014 submenuId: 1523 2015 }"> 2016 <div class="relative z-10 group-hover:text-vivotek-primary text-vivotek-web-title-4 whitespace-nowrap"> 2017 <a target="_self" href="https://www.vivotek.com/where-to-buy">Where To Buy</a> 2018 <div class="absolute left-0 pt-3 w-full"> 2019 <div class="rounded-full h-1 bg-transparent group-hover:bg-vivotek-primary"></div> 2020 </div> 2021 </div> 2022 <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"> 2023 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-y-auto"> 2024 <div class="h-0 group-hover:h-[78vh] group-hover:max-h-150 overflow-hidden transition-[height] duration-0 ease-linear"> 2025 <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> 2026 <div 2027 data-megamenu 2028 class="flex h-full px-11.5 lg:px-13 xl:px-18 >xl:px-20 pt-2" 2029 > 2030 <div class="flex flex-col gap-y-4 border-r border-vivotek-gray-100 min-w-50 w-
203050 2xl:w-auto max-h-[78vh] overflow-y-auto pr-9 pb-8"> 2031 <div data-sub-menu class="group/sub-menu flex flex-col gap-y-6"> 2032 <div :class="{'text-vivotek-primary': submenuId == 1523}" class="text-vivotek-web-title-3"> 2033 <a class="cursor-default flex items-center gap-x-1" target="_self" href="https://www.vivotek.com//where-to-buy"> 2034 <div> 2035 <span @mouseenter="submenuId = 1523" class="cursor-pointer hover:text-vivotek-primary">Where to Buy</span> 2036 </div> 2037</a> </div> 2038 </div> 2039 </div> 2040 2041 <div class="flex-1 pl-9 pr-13 xl:pr-18 2xl:pr-20"> 2042 <div x-show="submenuId == 1523" class="flex"> 2043 <div class="w-full"> 2044 <p class="text-vivotek-web-title-1 text-vivotek-black">Where to Buy</p> 2045 <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> 2046 2047 </div> 2048 </div> 2049 </div> 2050 2051 <div class="min-w-103 w-103 pb-4 max-h-[78vh] overflow-y-auto"> 2052 <div class="flex flex-col gap-y-6"> 2053 <a class="group/image relative rounded-2.5 overflow-hidden w-full h-54" href="https://www.vivotek.com/where-to-buy"> 2054 <div 2055 class="absolute inset-0 bg-cover bg-center transition-transform duration-300 group-hover/image:scale-105" 2056 style="background-image: url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MzgsInB1ciI6ImJsb2JfaWQifX0=--5bca8242022e4b2f6e307cd411cbe1c8dec5cd99/Where%20to%20buy_Highlight1_%20412x242px%20(1).webp');" 2057 ></div> 2058 <div class="absolute inset-0 bg-gradient-to-b from-[#00000010] to-[#00000060]"></div> 2059 <div class="relative flex flex-col justify-end h-full px-6 pb-6 text-white"> 2060 <p class="text-vivotek-web-title-1">Where To Buy</p> 2061 <p class="mt-2 text-vivotek-web-body-1">Find authorized distributors and resellers for our products in your country.</p> 2062 <p class="group-hover/image:underline font-semibold text-white text-web-title-4">Learn More</p> 2063 </div> 2064</a> </div> 2065 2066 </div> 2067 </div> 2068 </div> 2069 </div> 2070 </div> 2071 </div> 2072 </div> 2073 </div> 2074 <div x-show="!openSearch" 2075 x-transition:enter="transition ease-out duration-300" 2076 x-transition:enter-start="opacity-0 scale-95" 2077 x-transition:enter-end="opacity-100 scale-100" 2078 class="relative z-[110] flex gap-3"> 2079 <a class="button flex items-center rounded-full bg-vivotek-primary px-4 py-2.5 text-white" href="https://www.vivotek.com/contact_us/sales_inquiry">Request Demo</a> 2080 <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"> 2081 <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"> 2082<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> 2083</svg> 2084 2085 Search 2086 </div> 2087 </div> 2088 <div x-show="openSearch" 2089 x-transition:enter="transition ease-out duration-300" 2090 x-transition:enter-start="opacity-0 scale-95" 2091 x-transition:enter-end="opacity-100 scale-100" 2092 class="shrink-0 relative z-[110] w-100"> 2093 <frontend-search-forms-checkbox-select class="relative flex items-center w-full" x-data="{ 2094 optionsExpanded: false, 2095 selectedText: '', 2096 search: '',
2097 async init() { 2098 await this.$nextTick() 2099 2100 this.fetchKeywords() 2101 }, 2102 fetchKeywords() { 2103 if ( this.searchValue.length >= 3 ) { 2104 $refs.fetchKeywords.click() 2105 } 2106 } 2107 }"> 2108 <form class="flex items-center gap-x-3 border border-vivotek-neutral-05 rounded-full px-4 py-2.5 w-full" action="/search" accept-charset="UTF-8" method="get"> 2109 <div class="flex-1 group relative flex items-center gap-x-3 md:w-60.5"> 2110 <input type="text" name="search_keywords" id="84bfa086-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()" /> 2111 2112 <div 2113 class="hidden text-vivotek-black cursor-pointer" 2114 :class="{ 'hidden': searchValue.length === 0 }" 2115 @click="searchValue = ''" 2116 > 2117 <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"> 2118<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> 2119</svg> 2120 2121 </div> 2122 <a 2123 href="#" 2124 class="hidden" 2125 data-turbo-stream 2126 :href="`/search/keywords?&search_keywords=${searchValue}`" 2127 x-ref="fetchKeywords" 2128 ></a> 2129 <turbo-frame-tag class="dropdown_keywords absolute left-0 top-full hidden group-focus-within:block w-full"></turbo-frame-tag> 2130 </div> 2131 <div class="hidden md:block" x-show="searchValue.length === 0" @click="openSearch = false"> 2132 <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"> 2133<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> 2134</svg> 2135 2136 </div> 2137 <button class="shrink-0 w-6 h-6"> 2138 <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"> 2139<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> 2140</svg> 2141 2142 </button> 2143</form></frontend-search-forms-checkbox-select> 2144 </div> 2145 </div> 2146 </div> 2147</div> 2148 2149 2150 2151 2152 <div class="flex flex-col md:grid md:grid-cols-3 gap-3 w-full max-w-screen"> 2153 <div class="relative md:col-span-3 w-full h-[56.5333vw] md:h-[37.0833vw]"> 2154 <div class="relative h-full overflow-hidden"> 2155 <figure class="w-full h-full block object-cover"> 2156 <picture> 2157 <source media="(max-width: 767px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NjQsInB1ciI6ImJsb2JfaWQifX0=--ed35522daa04e0d6f3a8c387ce8d1a72bbb16bd0/Banner_All_1_MB_Trusted%20Security.%20Proven%20Surveillance.webp" /> 2158 <source media="(min-width: 768px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3NzgsInB1ciI6ImJsb2JfaWQifX0=--422babf69cf3f3d575f4c5a5c1421455e026b790/Banner_GL_1.webp" /> 2159 <img class="h-full w-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4NjQsInB1ciI6ImJsb2JfaWQifX0=--ed35522daa04e0d6f3a8c387ce8d1a72bbb16bd0/Banner_All_1_MB_Trusted%20Security.%20Proven%20Surveillance.webp" /> 2160 </picture> 2161 </figure> 2162 <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-black/20 to-black/50"></div> 2163 </div> 2164 <div class="hidden md:block absolute top-0 my-0 h-[37.0833vw] w-full"> 2165 <div class="flex h-full items-center 2166 justify-start 2167 mx-[6.04166667vw] pt-37 text-white font-sans "> 2168 <div class="w-[49.1875rem] text-left" 2169 x-data="{ 2170 changeFontSize() { 2171 const el = $el; 2172 const bannerTitle = document.getElementById('first-banner-title'); 2173 if (el.scrollHeight > (el.parentElement.clientHeight * 0.7)) { 2174 bannerTitle.classList.remove('xl:text-vivotek-web-heading-1'); 2175 bannerTitle.classList.add('xl:text-vivotek-web-heading-2'); 2176 } 2177 } 2178 }"> 2179 <p id="first-banner-title" class="text-white text-vivotek-web-heading-2 xl:text-vivotek-web-heading-1 2xl:text-vivotek-web-heading-1 whitespace-pre-line" 2180 x-init="changeFontSize()" 2181 @resize.window="changeFontSize()">Trusted Security. 2182Proven Surveillance.</p> 2183 <p class="mt-2 text-white text-vivotek-web-title-2 2xl:text-vivotek-web-title-1">One Platform. Hybrid Power. Total Control.</p> 2184 <a class="bg-vivotek-blue-400 vivotek-web-title-4 cursor-pointer mt-10 px-6 py-4 rounded-md inline-block" target="_blank" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance">Explore Hybrid Cloud</a> 2185 </div> 2186 </div> 2187 </div> 2188 </div> 2189 <div class="md:hidden w-full flex flex-col p-6 gap-4"> 2190 <div class="flex justify-start 2191 text-white font-sans "> 2192 <div class="text-left mx-0"> 2193 <p class="text-vivotek-blue-400 text-vivotek-mobile-heading-1 whitespace-pre-line">Trusted Security. 2194Proven Surveillance.</p> 2195 <p class="mt-2 text-vivotek-black text-vivotek-mobile-body-2">One Platform. Hybrid Power. Total Control.</p> 2196 <a class="bg-vivotek-blue-400 vivotek-web-title-4 cursor-pointer mt-4 px-6 py-2 rounded-md inline-block" target="_blank" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance">Explore Hybrid Cloud</a> 2197 </div> 2198 </div> 2199 </div> 2200 <div class="relative w-full group"> 2201 <div class="relative aspect-video overflow-hidden"> 2202 <figure class="block w-full object-cover md:h-full md:transition-transform md:duration-500 md:ease-out md:group-hover:scale-105"> 2203 <picture> 2204 <source media="(max-width: 767px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTksInB1ciI6ImJsb2JfaWQifX0=--09eb8f1bb494ccb7fe9d61dbaafb86900394c678/MN%20together_2026_632x356.jpg" /> 2205 <source media="(min-width: 768px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTgsInB1ciI6ImJsb2JfaWQifX0=--493d4d9506144c145460a784a2d0f95521b94d20/MN%20together_2026_632x356.jpg" /> 2206 <img class="h-full w-auto md:h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTksInB1ciI6ImJsb2JfaWQifX0=--09eb8f1bb494ccb7fe9d61dbaafb86900394c678/MN%20together_2026_632x356.jpg" /> 2207 </picture> 2208 </figure> 2209 <div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 58.65%, rgba(0, 0, 0, 0.6) 100%);"></div> 2210 </div> 2211 <a target="_blank" class="block absolute top-0 my-0 w-full md:h-full" href="https://www.vivotek.com/company/about_us/vision-and-intelligence-aligned"> 2212 <div class="absolute top-0 my-0 w-full md:h-full px-6 md:px-10"> 2213 <div class="flex items-center md:items-end justify-center 2214 mx-auto mt-27 md:mt-0 md:pb-[3.3333vw] md:px-[3.125vw] md:h-full text-white font-sans"> 2215 <div class="flex w-full items-center"> 2216 <div class="w-full justify-between text-left mx-0 md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[-2.5rem]"> 2217 <p class="text-white text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 xl:text-vivotek-web-heading-3 whitespace-pre-line">Stronger Together</p> 2218 <p class="mt-2 text-white text-vivotek-mobile-caption-3 md:text-vivotek-web-title-5 xl:text-vivotek-web-title-3">Vision and Intelligence. Aligned.</p> 2219 </div> 2220 <div class="md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[2.5rem]"> 2221 <svg xmlns="http://www.w3.org/2000/svg" width="39" height="74" viewBox="0 0 39 74" fill="none" class="w-6 h-6 md:w-15 md:h-15 >xl:w-19 >xl:h-19 object-contain hover:text-vivotek-blue-400"> 2222<path d="M1.99979 2.00021L36.648 36.6484L1.99979 71.2967" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> 2223</svg> 2224 2225 </div> 2226 </div> 2227 </div> 2228 </div> 2229</a> </div> 2230 <div class="relative w-full group"> 2231 <div class="relative aspect-video overflow-hidden"> 2232 <figure class="block w-full object-cover md:h-full md:transition-transform md:duration-500 md:ease-out md:group-hover:scale-105"> 2233 <picture> 2234 <source media="(max-width: 767px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg2NzcsInB1ciI6ImJsb2JfaWQifX0=--70262cab2e6178e2500c9119d775dd849a95c342/Advanced%20AI%20-%20Banner_Colude_632x356.png" /> 2235 <source media="(min-width: 768px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg2NzYsInB1ciI6ImJsb2JfaWQifX0=--0db4a6715c644e24e4505e66d2428181ff8792af/Advanced%20AI%20-%20Banner_Colude_632x356.png" /> 2236 <img class="h-full w-auto md:h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg2NzcsInB1ciI6ImJsb2JfaWQifX0=--70262cab2e6178e2500c9119d775dd849a95c342/Advanced%20AI%20-%20Banner_Colude_632x356.png" /> 2237 </picture> 2238 </figure> 2239 <div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 58.65%, rgba(0, 0, 0, 0.6) 100%);"></div> 2240 </div> 2241 <a target="_blank" class="block absolute top-0 my-0 w-full md:h-full" href="https://www.vortexcloud.com/resource/blog/advanced-ai-video-surveillance?utm_source=vivotek&utm_medium=link&utm_campaign=hero-banner&utm_content=product&utm_term=Advanced-AI"> 2242 <div class="absolute top-0 my-0 w-full md:h-full px-6 md:px-10"> 2243 <div class="flex items-center md:items-end justify-center 2244 mx-auto mt-27 md:mt-0 md:pb-[3.3333vw] md:px-[3.125vw] md:h-full text-white font-sans"> 2245 <div class="flex w-full items-center"> 2246 <div class="w-full justify-between text-left mx-0 md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[-2.5rem]"> 2247 <p class="text-white text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 xl:text-vivotek-web-heading-3 whitespace-pre-line">Advanced AI</p> 2248 <p class="mt-2 text-white text-vivotek-mobile-caption-3 md:text-vivotek-web-title-5 xl:text-vivotek-web-title-3">Precision Detection for Every Scenario</p> 2249 </div> 2250 <div class="md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[2.5rem]"> 2251 <svg xmlns="http://www.w3.org/2000/svg" width="39" height="74" viewBox="0 0 39 74" fill="none" class="w-6 h-6 md:w-15 md:h-15 >xl:w-19 >xl:h-19 object-contain hover:text-vivotek-blue-400"> 2252<path d="M1.99979 2.00021L36.648 36.6484L1.99979 71.2967" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> 2253</svg> 2254 2255 </div> 2256 </div> 2257 </div> 2258 </div> 2259</a> </div> 2260 <div class="relative w-full group"> 2261 <div class="relative aspect-video overflow-hidden"> 2262 <figure class="block w-full object-cover md:h-full md:transition-transform md:duration-500 md:ease-out md:group-hover:scale-105"> 2263 <picture> 2264 <source media="(max-width: 767px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3ODEsInB1ciI6ImJsb2JfaWQifX0=--c0025c28a4c16b82ea4c74642917d3b618c9b1ae/Banner_GL_4.png" /> 2265 <source media="(min-width: 768px)" srcset="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3ODEsInB1ciI6ImJsb2JfaWQifX0=--c0025c28a4c16b82ea4c74642917d3b618c9b1ae/Banner_GL_4.png" /> 2266 <img class="h-full w-auto md:h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc3ODEsInB1ciI6ImJsb2JfaWQifX0=--c0025c28a4c16b82ea4c74642917d3b618c9b1ae/Banner_GL_4.png" /> 2267 </picture> 2268 </figure> 2269 <div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 58.65%, rgba(0, 0, 0, 0.6) 100%);"></div> 2270 </div> 2271 <a target="_blank" class="block absolute top-0 my-0 w-full md:h-full" href="https://www.vivotek.com/news-center/events/vivotek-discovery-day-2026-global"> 2272 <div class="absolute top-0 my-0 w-full md:h-full px-6 md:px-10"> 2273 <div class="flex items-center md:items-end justify-center 2274 mx-auto mt-27 md:mt-0 md:pb-[3.3333vw] md:px-[3.125vw] md:h-full text-white font-sans"> 2275 <div class="flex w-full items-center"> 2276 <div class="w-full justify-between text-left mx-0 md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[-2.5rem]"> 2277 <p class="text-white text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 xl:text-vivotek-web-heading-3 whitespace-pre-line">Discovery Day 2026</p> 2278 <p class="mt-2 text-white text-vivotek-mobile-caption-3 md:text-vivotek-web-title-5 xl:text-vivotek-web-title-3">Meet Cloud GenAI & 24/7 AI Camera Live</p> 2279 </div> 2280 <div class="md:transition-transform md:ease-out md:duration-500 md:group-hover:translate-x-[2.5rem]"> 2281 <svg xmlns="http://www.w3.org/2000/svg" width="39" height="74" viewBox="0 0 39 74" fill="none" class="w-6 h-6 md:w-15 md:h-15 >xl:w-19 >xl:h-19 object-contain hover:text-vivotek-blue-400"> 2282<path d="M1.99979 2.00021L36.648 36.6484L1.99979 71.2967" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> 2283</svg> 2284 2285 </div> 2286 </div> 2287 </div> 2288 </div> 2289</a> </div> 2290</div> 2291 2292 2293 2294 <div class="relative"> 2295 <a class="absolute pt-32 w-0 h-full"> 2296 <div 2297 class="h-full" 2298 x-data 2299 x-intersect:enter="$dispatch('back-to-top:show')" 2300 x-intersect:leave="$dispatch('back-to-top:hide')" 2301 ></div> 2302</a> 2303 2304 2305 2306 2307 <div cla
2307ss="flex flex-col mt-[6.92708333vw] px-6 md:px-0"> 2308 <div class="hidden md:flex"> 2309 <div class="w-[59.7916667vw] overflow-hidden"> 2310 <video autoplay muted loop class="rounded-r-[0.625rem] w-full h-auto"> 2311 <source src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MzQsInB1ciI6ImJsb2JfaWQifX0=--fa15425aac312dba1ad7e8fe4a98f359558f4a19/20260311_%E6%96%B0%E5%AE%98%E7%B6%B2%E5%BD%B1%E7%89%87.webm" type="video/mp4"> 2312 </video> 2313 </div> 2314 <div class="flex-1"> 2315 <div class="relative top-0 ml-[4.16666667vw] w-full"> 2316 <div class="relative flex flex-col w-[30.4575vw] h-[25.57291667vw] max-w-[36.6875rem] max-h-[30.6875rem]"> 2317 <div class="relative flex flex-col w-[25.57291667vw] h-[25.57291667vw] max-w-[30.6875rem] max-h-[30.6875rem] rounded-[0.625rem] bg-white/80 p-10 gap-2 justify-center"> 2318 <h1 class="text-vivotek-web-heading-3 text-vivotek-blue-400"> 2319 Trusted Intelligence for a Safer World 2320 </h1> 2321 <h2 class="text-vivotek-web-title-2 text-vivotek-black"> 2322 Making Societyâs Most Trusted Intelligent Security Systems 2323 </h2> 2324 <div class="mt-6"> 2325 <a class="button py-4 text-vivotek-web-title-4" target="_blank" href="https://www.vivotek.com/company/about_us/who_we_are">More Info</a> 2326 </div> 2327 <div class="absolute top-[68.83910387%] left-[67.00610998%] -z-10"> 2328 <svg xmlns="http://www.w3.org/2000/svg" width="167" height="237" viewBox="0 0 167 237" fill="none" class="w-full h-full"> 2329<path d="M78.834 0L166.942 236.476H92.2578L0 0H78.834Z" fill="url(#paint0_linear_378_1349)"></path> 2330<defs> 2331<linearGradient id="paint0_linear_378_1349" x1="84.2702" y1="269.75" x2="84.2705" y2="22.7048" gradientUnits="userSpaceOnUse"> 2332<stop stop-color="#1877FF"></stop> 2333<stop offset="0.451923" stop-color="#2F9CF1"></stop> 2334<stop offset="1" stop-color="#4BC8E1"></stop> 2335</linearGradient> 2336</defs> 2337</svg> 2338 2339 </div> 2340 </div> 2341 2342 <div class="absolute top-[68.83910387%] left-[71.37340067%]"> 2343 <svg xmlns="http://www.w3.org/2000/svg" width="172" height="237" viewBox="0 0 172 237" fill="none" class="w-full h-full"> 2344<path d="M90.3721 0L0 236.476H76.6035L171.231 0H90.3721Z" fill="url(#paint0_linear_378_1361)"></path> 2345<defs> 2346<linearGradient id="paint0_linear_378_1361" x1="84.7961" y1="269.75" x2="84.7959" y2="22.7048" gradientUnits="userSpaceOnUse"> 2347<stop stop-color="#1877FF"></stop> 2348<stop offset="1" stop-color="#4BC8E1"></stop> 2349</linearGradient> 2350</defs> 2351</svg> 2352 2353 </div> 2354 </div> 2355 </div> 2356 </div> 2357 </div> 2358 <div class="flex flex-col w-full md:hidden"> 2359 <div class="relative w-full"> 2360 <div class="absolute top-0"> 2361 <div class="relative w-[76.49733333vw]"> 2362 <div class="absolute top-[67.6vw] left-[53.66666667vw] -z-10"> 2363 <svg xmlns="http://www.w3.org/2000/svg" width="194" height="234" viewBox="0 0 74 104" fill="none" class="w-full h-full"> 2364<path d="M34.5869 0L73.2432 103.75H40.4766L0 0H34.5869Z" fill="url(#paint0_linear_398_2663)"></path> 2365<defs> 2366<linearGradient id="paint0_linear_398_2663" x1="36.9722" y1="118.349" x2="36.9723" y2="9.96136" gradientUnits="userSpaceOnUse"> 2367<stop stop-color="#1877FF"></stop> 2368<stop offset="0.451923" stop-color="#2F9CF1"></stop> 2369<stop offset="1" stop-color="#4BC8E1"></stop> 2370</linearGradient> 2371</defs> 2372</svg> 2373 2374 </div> 2375 </div> 2376 <div class="relative w-[88.6vw]"> 2377 <div class="absolute top-[67.6vw] left-[65.73733333vw]"> 2378 <svg xmlns="http://www.w3.org/2000/svg" width="194" height="234" viewBox="0 0 74 104" fill="none" class="w-full h-full">
2379<path d="M39.6494 0L0 103.75H33.6084L75.125 0H39.6494Z" fill="url(#paint0_linear_398_2678)"></path> 2380<defs> 2381<linearGradient id="paint0_linear_398_2678" x1="37.2029" y1="118.349" x2="37.2028" y2="9.96136" gradientUnits="userSpaceOnUse"> 2382<stop stop-color="#1877FF"></stop> 2383<stop offset="1" stop-color="#4BC8E1"></stop> 2384</linearGradient> 2385</defs> 2386</svg> 2387 2388 </div> 2389 </div> 2390 <div class="flex flex-col w-[87.2vw] h-[87.2vw] rounded-[0.625rem] bg-white/80 p-10 gap-2 justify-center"> 2391 <h1 class="text-vivotek-mobile-heading-1 text-vivotek-blue-400"> 2392 Trusted Intelligence for a Safer World 2393 </h1> 2394 <h2 class="text-vivotek-mobile-body-2 text-vivotek-black"> 2395 Making Societyâs Most Trusted Intelligent Security Systems 2396 </h2> 2397 <div class="mt-2"> 2398 <a class="button py-4 text-vivotek-web-title-4" target="_blank" href="https://www.vivotek.com/company/about_us/who_we_are">More Info</a> 2399 </div> 2400 </div> 2401 2402 </div> 2403 </div> 2404 <div class="w-full h-[49.04533333vw] overflow-hidden mt-[111.46666667vw]"> 2405 <video autoplay muted loop playsinline class="rounded-[0.625rem] w-full h-auto"> 2406 <source src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc5MzQsInB1ciI6ImJsb2JfaWQifX0=--fa15425aac312dba1ad7e8fe4a98f359558f4a19/20260311_%E6%96%B0%E5%AE%98%E7%B6%B2%E5%BD%B1%E7%89%87.webm" type="video/mp4"> 2407 </video> 2408 </div> 2409 </div> 2410 <div class="flex flex-col md:flex-row md:justify-center mt-8 md:mt-15 2xl:mt-23 gap-[4.5833333vw]"> 2411 <div class="flex w-[17.9375rem] md:w-[16.35416667vw] gap-8 md:gap-[1.66666667vw]"> 2412 <div class="p-2"> 2413 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="75" viewBox="0 0 8 75" fill="none"> 2414<path d="M4 4L4 71" stroke="#1877FF" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> 2415</svg> 2416 2417 </div> 2418 <div class="flex flex-col gap-2"> 2419 <p class="text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 >xl:text-vivotek-web-heading-3 text-vivotek-black">Global Strength, Local Commitment</p> 2420 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-title-4 text-vivotek-black">Consistent global deployments backed by localized technical support.</p> 2421 </div> 2422 </div> 2423 <div class="flex w-[17.9375rem] md:w-[16.35416667vw] gap-8 md:gap-[1.66666667vw]"> 2424 <div class="p-2"> 2425 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="75" viewBox="0 0 8 75" fill="none"> 2426<path d="M4 4L4 71" stroke="#1877FF" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> 2427</svg> 2428 2429 </div> 2430 <div class="flex flex-col gap-2"> 2431 <p class="text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 >xl:text-vivotek-web-heading-3 text-vivotek-black">Intelligent Security from Edge to Cloud</p> 2432 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-title-4 text-vivotek-black">Unified integration across AI cameras VMS and cloud environments.</p> 2433 </div> 2434 </div> 2435 <div class="flex w-[17.9375rem] md:w-[16.35416667vw] gap-8 md:gap-[1.66666667vw]"> 2436 <div class="p-2"> 2437 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="75" viewBox="0 0 8 75" fill="none"> 2438<path d="M4 4L4 71" stroke="#1877FF" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> 2439</svg> 2440 2441 </div> 2442 <div class="flex flex-col gap-2"> 2443 <p class="text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 >xl:text-vivotek-web-heading-3 text-vivotek-black">Innovation and Excellence</p> 2444 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-title-4 text-vivotek-black">In-house AI and imaging technologies built for scalable deployment.</p> 2445 </div> 2446 </div> 2447 <div class="flex w-[17.9375rem] md:w-[16.35416667vw] gap-8 md:gap-[1.66666667vw]"> 2448 <div class="p-2"> 2449 <svg xmlns="http://www.w3.org/2000/svg" width="8" height="75" viewBox="0 0 8 75" fill="none"> 2450<path d="M4 4L4 71" stroke="#1877FF" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> 2451</svg> 2452 2453 </div> 2454 <div class="flex flex-col gap-2"> 2455 <p class="text-vivotek-mobile-title-2 md:text-vivotek-web-title-1 >xl:text-vivotek-web-heading-3 text-vivotek-black">The Hybrid Ecosystem</p> 2456 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-title-4 text-vivotek-black">Centralized control across hybrid systems for efficient operations.</p> 2457 </div> 2458 </div> 2459 </div> 2460 </div> 2461 2462 2463 <div class="relative hidden md:block max-w-313.5 2xl:max-w-380 mx-auto pt-22 2xl:pt-25"> 2464 <p class="font-bold text-vivotek-blue-400 text-vivotek-web-heading-2 ">Smart Security Solutions for Modern Security</p> 2465 <p class="mt-2 text-vivotek-mobile-title-2">Curated surveillance solutions leveraging generative AI recognition with hybrid cloud technologies.</p> 2466 <div class="flex gap-x-6 mt-12" 2467 x-data="{ 2468 activeIdx: 0, 2469 maxIdx: 3, 2470 timerId: null, 2471 init() { 2472 if (this.maxIdx === 0) return; 2473 this.startCarousel(); 2474 }, 2475 mouseEnter(idx) {
2476 this.stopCarousel(); 2477 this.activeIdx = idx; 2478 }, 2479 mouseLeave() { 2480 if (this.maxIdx === 0) return; 2481 this.startCarousel(); 2482 }, 2483 startCarousel() { 2484 this.stopCarousel(); 2485 this.timerId = setTimeout(() => { 2486 this.nextSlide(); 2487 this.startCarousel(); 2488 }, 4000); 2489 }, 2490 stopCarousel() { 2491 if (!this.timerId) return; 2492 clearTimeout(this.timerId); 2493 this.timerId = null; 2494 }, 2495 nextSlide() { 2496 this.activeIdx = (this.activeIdx + 1) > this.maxIdx ? 0 : this.activeIdx + 1; 2497 }, 2498 }"> 2499 <div class="flex flex-col gap-y-6 w-143"> 2500 <a class="group flex items-center rounded-2.5 h-32 2xl:h-38.5 px-6 text-vivotek-black transition-colors duration-500 hover:text-white bg-vivotek-neutral-02 hover:bg-vivotek-blue-400" :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 0}" @mouseenter="mouseEnter(0)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance"> 2501 <div> 2502 <img class="size-14 object-contain transition-[filter] duration-500 group-hover:brightness-0 group-hover:invert" :class="{'brightness-0 invert': activeIdx === 0}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDQsInB1ciI6ImJsb2JfaWQifX0=--e157ded915d5a778e04861fb98273e9b5024592a/Solution_Button1.png" /> 2503 </div> 2504 <div class="flex-1 px-6" 2505 x-data="{ 2506 topicTwoLine: false, 2507 init() { 2508 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 2509 const threshold = 2.25 * rootFontSize; 2510 if(this.$refs.title.offsetHeight > threshold) { 2511 this.topicTwoLine = true; 2512 } 2513 } 2514 }"> 2515 <p x-ref="title" class="text-vivotek-web-title-1 font-semibold line-clamp-2">Hybrid Cloud Surveillance</p> 2516 <p class="text-vivotek-web-body-1" :class="{'line-clamp-1': topicTwoLine, 'line-clamp-3': !topicTwoLine}">Flexible hybrid cloud surveillance supporting on-prem and cloud deployments with secure, cost-efficient scalability.</p> 2517 </div> 2518 <div> 2519 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-10 object-contain"> 2520<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2521</svg> 2522 2523 </div> 2524</a> <a class="group flex items-center rounded-2.5 h-32 2xl:h-38.5 px-6 text-vivotek-black transition-colors duration-500 hover:text-white bg-vivotek-neutral-02 hover:bg-vivotek-blue-400" :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 1}" @mouseenter="mouseEnter(1)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/technology/edge-computing"> 2525 <div> 2526 <img class="size-14 object-contain transition-[filter] duration-500 group-hover:brightness-0 group-hover:invert" :class="{'brightness-0 invert': activeIdx === 1}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDYsInB1ciI6ImJsb2JfaWQifX0=--ea3e06b32b236a61dabdc062e03dd6b7c738ddef/Solution_Button2.png" /> 2527 </div> 2528 <div class="flex-1 px-6" 2529 x-data="{ 2530 topicTwoLine: false, 2531 init() { 2532 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 2533 const threshold = 2.25 * rootFontSize; 2534 if(this.$refs.title.offsetHeight > threshold) { 2535 this.topicTwoLine = true; 2536 } 2537 } 2538 }"> 2539 <p x-ref="title" class="text-vivotek-web-title-1 font-semibold line-clamp-2">Edge AI Intelligence</p> 2540 <p class="text-vivotek-web-body-1" :class="{'line-clamp-1': topicTwoLine, 'line-clamp-3': !topicTwoLine}">AI-Powered Deep Search that simplifies investigations and enables fast, intuitive, and accurate incident analysis.</p> 2541 </div> 2542 <div> 2543 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-10 object-contain"> 2544<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2545</svg> 2546 2547 </div> 2548</a> <a class="group flex items-center rounded-2.5 h-32 2xl:h-38.5 px-6 text-vivotek-black transition-colors duration-500 hover:text-white bg-vivotek-neutral-02 hover:bg-vivotek-blue-400" :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 2}
2548" @mouseenter="mouseEnter(2)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/industry/property-management"> 2549 <div> 2550 <img class="size-14 object-contain transition-[filter] duration-500 group-hover:brightness-0 group-hover:invert" :class="{'brightness-0 invert': activeIdx === 2}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDEsInB1ciI6ImJsb2JfaWQifX0=--2c14d15c5ffeff4fba078af19a430774b47d5f6f/Solution_Button3.png" /> 2551 </div> 2552 <div class="flex-1 px-6" 2553 x-data="{ 2554 topicTwoLine: false, 2555 init() { 2556 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 2557 const threshold = 2.25 * rootFontSize; 2558 if(this.$refs.title.offsetHeight > threshold) { 2559 this.topicTwoLine = true; 2560 } 2561 } 2562 }"> 2563 <p x-ref="title" class="text-vivotek-web-title-1 font-semibold line-clamp-2">Property Management</p> 2564 <p class="text-vivotek-web-body-1" :class="{'line-clamp-1': topicTwoLine, 'line-clamp-3': !topicTwoLine}">Scalable surveillance for property management, improving tenant safety, asset protection, and multi-site operations.</p> 2565 </div> 2566 <div> 2567 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-10 object-contain"> 2568<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2569</svg> 2570 2571 </div> 2572</a> <a class="group flex items-center rounded-2.5 h-32 2xl:h-38.5 px-6 text-vivotek-black transition-colors duration-500 hover:text-white bg-vivotek-neutral-02 hover:bg-vivotek-blue-400" :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 3}" @mouseenter="mouseEnter(3)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/application/perimeter-detection"> 2573 <div> 2574 <img class="size-14 object-contain transition-[filter] duration-500 group-hover:brightness-0 group-hover:invert" :class="{'brightness-0 invert': activeIdx === 3}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDIsInB1ciI6ImJsb2JfaWQifX0=--6d5c55e59f889a049f10bfb3bdd83087131e43d4/Solution_Button4.png" /> 2575 </div> 2576 <div class="flex-1 px-6" 2577 x-data="{ 2578 topicTwoLine: false, 2579 init() { 2580 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 2581 const threshold = 2.25 * rootFontSize; 2582 if(this.$refs.title.offsetHeight > threshold) { 2583 this.topicTwoLine = true; 2584 } 2585 } 2586 }"> 2587 <p x-ref="title" class="text-vivotek-web-title-1 font-semibold line-clamp-2">Perimeter Detection</p> 2588 <p class="text-vivotek-web-body-1" :class="{'line-clamp-1': topicTwoLine, 'line-clamp-3': !topicTwoLine}">AI-powered perimeter surveillance that minimizes false alarms and delivers accurate threat detection day and night.</p> 2589 </div> 2590 <div> 2591 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="size-10 object-contain"> 2592<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2593</svg> 2594 2595 </div> 2596</a> </div> 2597 <div class="relative flex-1 h-146 2xl:h-172"> 2598 <a class="block absolute inset-0" x-show="activeIdx === 0" x-transition:enter="transition duration-500 ease-in-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition duration-500 ease-in-out" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="" @mouseenter="mouseEnter(0)" @mouseleave="mou
2598seLeave()" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance"> 2599 <img class="w-full h-full object-cover rounded-2.5 object-center" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4OTgsInB1ciI6ImJsb2JfaWQifX0=--b74d1b8bbba9f0b4703494eaf4b08bc9211c0dd3/Slution_Button1_pic_hybrid%20cloud.webp" /> 2600</a> <a class="block absolute inset-0" x-show="activeIdx === 1" x-transition:enter="transition duration-500 ease-in-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition duration-500 ease-in-out" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="" @mouseenter="mouseEnter(1)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/technology/edge-computing"> 2601 <img class="w-full h-full object-cover rounded-2.5 object-center" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDUsInB1ciI6ImJsb2JfaWQifX0=--91069d21fad6aa51b16e55a474edbb3b403f09f6/Solution_Button2_pic.webp" /> 2602</a> <a class="block absolute inset-0" x-show="activeIdx === 2" x-transition:enter="transition duration-500 ease-in-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition duration-500 ease-in-out" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="" @mouseenter="mouseEnter(2)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/industry/property-management"> 2603 <img class="w-full h-full object-cover rounded-2.5 object-center" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDcsInB1ciI6ImJsb2JfaWQifX0=--9ff8a67f017880d6d05e056fc1fc80697df05940/Solution_Button3_pic.webp" /> 2604</a> <a class="block absolute inset-0" x-show="activeIdx === 3" x-transition:enter="transition duration-500 ease-in-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition duration-500 ease-in-out" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="" @mouseenter="mouseEnter(3)" @mouseleave="mouseLeave()" href="https://www.vivotek.com/solutions/application/perimeter-detection"> 2605 <img class="w-full h-full object-cover rounded-2.5 object-center" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDgsInB1ciI6ImJsb2JfaWQifX0=--4b26f6a79cfc835f9e99541a6a6d3feebd67b0da/Solution_Button4_pic.webp" /> 2606</a> </div> 2607 </div> 2608 2609 <div class="absolute top-0 left-1/2 -translate-x-1/2 z-[-1] w-screen overflow-hidden"> 2610 <img class="mx-auto max-w-none w-[124vw] >xl:w-screen" src="/assets/pages/home/solution/web_bg-70e593ba2dbd6b3b7e5d27991702ca065aaf9b01.png" /> 2611 </div> 2612 </div> 2613 2614 <div class="block md:hidden w-screen pt-6.5" 2615 x-data="{ 2616 activeIdx: 0, 2617 items: [], 2618 scrollDebounce: null, 2619 init() { 2620 this.items = Array.from(this.$refs.mobileSnapTrack.querySelectorAll('[data-snap-index]')); 2621 this.$nextTick(() => this.updateSnapIndex()); 2622 }, 2623 handleScroll() { 2624 if (this.scrollDebounce) clearTimeout(this.scrollDebounce); 2625 this.scrollDebounce = setTimeout(() => this.updateSnapIndex(), 150); 2626 }, 2627 updateSnapIndex() { 2628 const container = this.$refs.mobileSnapTrack; 2629 if (!container || !this.items.length) return; 2630 const scrollLeft = container.scrollLeft; 2631 let closestIdx = 0; 2632 let minDistance = Infinity; 2633 2634 this.items.forEach((item, index) => { 2635 const distance = Math.abs(item.offsetLeft - scrollLeft); 2636 if (distance < minDistance) { 2637 minDistance = distance; 2638 closestIdx = index; 2639 } 2640 }); 2641 2642 this.activeIdx = closestIdx; 2643 }, 2644 scrollToIndex(idx) { 2645 const container = this.$refs.mobileSnapTrack; 2646 const targetItem = this.items[idx]; 2647 if (container && targetItem) { 2648 container.scrollTo({ 2649 left: targetItem.offsetLeft, 2650 behavior: 'smooth' 2651 }); 2652 this.activeIdx = idx 2653 } 2654 }, 2655 }"> 2656 2657 <div class="px-6"> 2658 <p class="text-vivotek-blue-400 font-bold text-vivotek-mobile-heading-1">Smart Security Solutions for Modern Security<p> 2659 <p class="mt-2 text-vivotek-mobile-body-2">Curated surveillance solutions leveraging generative AI recognition with hybrid cloud technologies.<p> 2660 </div> 2661 <div class="flex max-w-screen overflow-x-auto mt-6 snap-x snap-mandatory scroll-smooth scrollbar-none" 2662 x-ref="mobileSnapTrack" 2663 @scroll.passive="handleScroll()"> 2664 <div class="max-w-77 min-w-77 last:max-w-83 last:min-w-83 w-full pl-6 last:pr-6 snap-start last:snap-end" 2665 data-snap-index="0"> 2666 <div @click="scrollToIndex(0)"> 2667 <div class="group flex items-center gap-x-5 line-clamp-2 rounded-2.5 h-20 px-6 text-vivotek-black bg-vivotek-neutral-02" 2668 :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 0 }"> 2669 <img class="w-8 h-8 object-cover transition-[filter] duration-500" :class="{'brightness-0 invert': activeIdx === 0}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDQsInB1ciI6ImJsb2JfaWQifX0=--e157ded915d5a778e04861fb98273e9b5024592a/Solution_Button1.png" /> 2670 <p class="text-vivotek-mobile-2 font-semibold line-clamp-2">Hybrid Cloud Surveillance</p> 2671 </div> 2672 <div class="w-full mt-6 relative"> 2673 <img class="w-full h-52.75 object-cover rounded-2.5" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4OTgsInB1ciI6ImJsb2JfaWQifX0=--b74d1b8bbba9f0b4703494eaf4b08bc9211c0dd3/Slution_Button1_pic_hybrid%20cloud.webp" /> 2674 <div class="absolute inset-0 rounded-2.5 bg-white/60" 2675 :class="{'hidden': activeIdx === 0}"></div> 2676 </div> 2677 <div> 2678 <p class="mt-4 line-clamp-3 text-vivotek-black text-vivotek-mobile-body-3">Flexible hybrid cloud surveillance supporting on-prem and cloud deployments with secure, cost-efficient scalability.</p> 2679 <a class="group flex items-center gap-x-1 mt-3 hover:text-vivotek-blue-400" href="https://www.vivotek.com/solutions/technology/hybrid-cloud-surveillance">
2680 <span class="font-semibold">Learn More</span> 2681 <span class="w-6 h-6 group-hover:translate-x-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-full h-full object-contain"> 2682<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2683</svg> 2684</span> 2685</a> </div> 2686 </div> 2687 </div> 2688 <div class="max-w-77 min-w-77 last:max-w-83 last:min-w-83 w-full pl-6 last:pr-6 snap-start last:snap-end" 2689 data-snap-index="1"> 2690 <div @click="scrollToIndex(1)"> 2691 <div class="group flex items-center gap-x-5 line-clamp-2 rounded-2.5 h-20 px-6 text-vivotek-black bg-vivotek-neutral-02" 2692 :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 1 }"> 2693 <img class="w-8 h-8 object-cover transition-[filter] duration-500" :class="{'brightness-0 invert': activeIdx === 1}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDYsInB1ciI6ImJsb2JfaWQifX0=--ea3e06b32b236a61dabdc062e03dd6b7c738ddef/Solution_Button2.png" /> 2694 <p class="text-vivotek-mobile-2 font-semibold line-clamp-2">Edge AI Intelligence</p> 2695 </div> 2696 <div class="w-full mt-6 relative"> 2697 <img class="w-full h-52.75 object-cover rounded-2.5" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDUsInB1ciI6ImJsb2JfaWQifX0=--91069d21fad6aa51b16e55a474edbb3b403f09f6/Solution_Button2_pic.webp" /> 2698 <div class="absolute inset-0 rounded-2.5 bg-white/60" 2699 :class="{'hidden': activeIdx === 1}"></div> 2700 </div> 2701 <div> 2702 <p class="mt-4 line-clamp-3 text-vivotek-black text-vivotek-mobile-body-3">AI-Powered Deep Search that simplifies investigations and enables fast, intuitive, and accurate incident analysis.</p> 2703 <a class="group flex items-center gap-x-1 mt-3 hover:text-vivotek-blue-400" href="https://www.vivotek.com/solutions/technology/edge-computing"> 2704 <span class="font-semibold">Learn More</span> 2705 <span class="w-6 h-6 group-hover:translate-x-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-full h-full object-contain"> 2706<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2707</svg> 2708</span> 2709</a> </div> 2710 </div> 2711 </div> 2712 <div class="max-w-77 min-w-77 last:max-w-83 last:min-w-83 w-full pl-6 last:pr-6 snap-start last:snap-end" 2713 data-snap-index="2"> 2714 <div @click="scrollToIndex(2)"> 2715 <div class="group flex items-center gap-x-5 line-clamp-2 rounded-2.5 h-20 px-6 text-vivotek-black bg-vivotek-neutral-02" 2716 :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 2 }"> 2717 <img class="w-8 h-8 object-cover transition-[filter] duration-500" :class="{'brightness-0 invert': activeIdx === 2}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDEsInB1ciI6ImJsb2JfaWQifX0=--2c14d15c5ffeff4fba078af19a430774b47d5f6f/Solution_Button3.png" /> 2718 <p class="text-vivotek-mobile-2 font-semibold line-clamp-2">Property Management</p> 2719 </div> 2720 <div class="w-full mt-6 relative"> 2721 <img class="w-full h-52.75 object-cover rounded-2.5" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDcsInB1ciI6ImJsb2JfaWQifX0=--9ff8a67f017880d6d05e056fc1fc80697df05940/Solution_Button3_pic.webp" /> 2722 <div class="absolute inset-0 rounded-2.5 bg-white/60" 2723 :class="{'hidden': activeIdx === 2}"></div> 2724 </div> 2725 <div> 2726 <p class="mt-4 line-clamp-3 text-vivotek-black text-vivotek-mobile-body-3">Scalable surveillance for property management, improving tenant safety, asset protection, and multi-site operations.</p> 2727 <a class="group flex items-center gap-x-1 mt-3 hover:text-vivotek-blue-400" href="https://www.vivotek.com/solutions/industry/property-management">
2728 <span class="font-semibold">Learn More</span> 2729 <span class="w-6 h-6 group-hover:translate-x-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-full h-full object-contain"> 2730<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2731</svg> 2732</span> 2733</a> </div> 2734 </div> 2735 </div> 2736 <div class="max-w-77 min-w-77 last:max-w-83 last:min-w-83 w-full pl-6 last:pr-6 snap-start last:snap-end" 2737 data-snap-index="3"> 2738 <div @click="scrollToIndex(3)"> 2739 <div class="group flex items-center gap-x-5 line-clamp-2 rounded-2.5 h-20 px-6 text-vivotek-black bg-vivotek-neutral-02" 2740 :class="{'!bg-vivotek-blue-400 !text-white': activeIdx === 3 }"> 2741 <img class="w-8 h-8 object-cover transition-[filter] duration-500" :class="{'brightness-0 invert': activeIdx === 3}" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDIsInB1ciI6ImJsb2JfaWQifX0=--6d5c55e59f889a049f10bfb3bdd83087131e43d4/Solution_Button4.png" /> 2742 <p class="text-vivotek-mobile-2 font-semibold line-clamp-2">Perimeter Detection</p> 2743 </div> 2744 <div class="w-full mt-6 relative"> 2745 <img class="w-full h-52.75 object-cover rounded-2.5" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDgsInB1ciI6ImJsb2JfaWQifX0=--4b26f6a79cfc835f9e99541a6a6d3feebd67b0da/Solution_Button4_pic.webp" /> 2746 <div class="absolute inset-0 rounded-2.5 bg-white/60" 2747 :class="{'hidden': activeIdx === 3}"></div> 2748 </div> 2749 <div> 2750 <p class="mt-4 line-clamp-3 text-vivotek-black text-vivotek-mobile-body-3">AI-powered perimeter surveillance that minimizes false alarms and delivers accurate threat detection day and night.</p> 2751 <a class="group flex items-center gap-x-1 mt-3 hover:text-vivotek-blue-400" href="https://www.vivotek.com/solutions/application/perimeter-detection"> 2752 <span class="font-semibold">Learn More</span> 2753 <span class="w-6 h-6 group-hover:translate-x-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-full h-full object-contain"> 2754<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2755</svg> 2756</span> 2757</a> </div> 2758 </div> 2759 </div> 2760 </div> 2761 2762 <div class="flex justify-center gap-x-2 mt-9"> 2763 <div @click="scrollToIndex(0)" 2764 class="rounded-full w-2 h-2 bg-vivotek-neutral-07" 2765 :class="{'!bg-vivotek-blue-400': activeIdx === 0}"></div> 2766 <div @click="scrollToIndex(1)" 2767 class="rounded-full w-2 h-2 bg-vivotek-neutral-07" 2768 :class="{'!bg-vivotek-blue-400': activeIdx === 1}"></div> 2769 <div @click="scrollToIndex(2)" 2770 class="rounded-full w-2 h-2 bg-vivotek-neutral-07" 2771 :class="{'!bg-vivotek-blue-400': activeIdx === 2}"></div> 2772 <div @click="scrollToIndex(3)" 2773 class="rounded-full w-2 h-2 bg-vivotek-neutral-07" 2774 :class="{'!bg-vivotek-blue-400': activeIdx === 3}"></div> 2775 </div> 2776 </div> 2777 2778 <div class="md:mx-auto px-6 md:px-22.5 >xl:px-50 pt-15 md:pt-41 2xl:pt-50"> 2779 <div 2780 class="relative" 2781 x-data="{ 2782 total: 11, 2783 pages: 3, 2784 current: 1, 2785 init() { 2786 this.$watch('current', () => { this.movePosition() }) 2787 }, 2788 goPrev() { 2789 this.current--; 2790 if (this.current <= 0) { this.current = 1 } 2791 }, 2792 goNext() { 2793 this.current++; 2794 if (this.current > this.pages) { this.current = this.pages } 2795 }, 2796 movePosition(behavior = 'smooth') { 2797 if (window.innerWidth < 768 ) { return } 2798 2799 const idx = (this.current - 1) * 4 2800 const left = this.$refs.scrollPanel.children[idx].offsetLeft 2801 this.$refs.scrollPanel.scrollTo({ left, behavior }) 2802 } 2803 }" 2804 @resize.window="movePosition('instant')" 2805 > 2806 <div class="flex flex-col gap-4 md:gap-10"> 2807 <div class="flex items-end justify-between"> 2808 <div class="flex flex-col md:w-[70%] gap-2"> 2809 <h2 class="text-vivotek-primary text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2">New Products for Smarter Security</h2> 2810 <p class="text-vivotek-black text-vivotek-mobile-body-2 md:text-vivotek-web-title-2">NDAA-compliant security products designed for scalable deployment and seamless system integration.</p> 2811 </div> 2812 <div class="hidden >xl:flex items-center"> 2813 <div class="text-vivotek-web-title-1" x-text="`${current} / ${pages}`"></div> 2814 <div class="flex items-center gap-x-3 ml-9"> 2815 <button 2816 class="disabled:pointer-events-none rounded-full p-2.5 border-2 border-vivotek-primary disabled:border-vivotek-neutral-07 text-vivotek-primary hover:text-white disabled:text-vivotek-neutral-07 hover:bg-vivotek-primary" 2817 :disabled="current === 1" 2818 @click="goPrev" 2819 > 2820 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-[3.125vw] h-auto object-contain rotate-180"> 2821<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2822</svg> 2823 2824 </button> 2825 <button 2826 class="disabled:pointer-events-none rounded-full p-2.5 border-2 border-vivotek-primary disabled:border-vivotek-neutral-07 text-vivotek-primary hover:text-white disabled:text-vivotek-neutral-07 hover:bg-vivotek-primary" 2827 :disabled="current === pages" 2828 @click="goNext" 2829 > 2830 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-[3.125vw] h-auto object-contain"> 2831<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2832</svg> 2833 2834 </button> 2835 </div> 2836 </div> 2837 </div> 2838 <div class="flex items-end justify-between"> 2839 <a class="button w-fit md:py-4 md:px-6" target="_blank" href="/company/about_us/ndaa_and_taa">NDAA Compliant</a> 2840 <div class="hidden md:flex >xl:hidden items-center"> 2841 <div class="text-vivotek-web-title-1" x-text="`${current} / ${pages}`"></div> 2842 <div class="flex items-center gap-x-3 ml-9"> 2843 <button 2844 class="disabled:pointer-events-none rounded-full p-2.5 border-2 border-vivotek-primary disabled:border-vivotek-neutral-07 text-vivotek-primary hover:text-white disabled:text-vivotek-neutral-07 hover:bg-vivotek-primary" 2845 :disabled="current === 1" 2846 @click="goPrev" 2847 > 2848 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-[3.125vw] h-auto object-contain rotate-180"> 2849<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2850</svg> 2851 2852 </button> 2853 <button 2854 class="disabled:pointer-events-none rounded-full p-2.5 border-2 border-vivotek-primary disabled:border-vivotek-neutral-07 text-vivotek-primary hover:text-white disabled:text-vivotek-neutral-07 hover:bg-vivotek-primary" 2855 :disabled="current === pages" 2856 @click="goNext" 2857 > 2858 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-[3.125vw] h-auto object-contain"> 2859<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 2860</svg> 2861 2862 </button> 2863 </div> 2864 </div> 2865 </div> 2866 </div> 2867 <div class="-mx-6 md:mx-0 mt-6 md:mt-9 overflow-hidden pl-6 md:pl-0"> 2868 <div 2869 class="flex gap-x-6 px-6 md:px-0 pb-6 w-full overflow-x-auto md:overflow-hidden snap-x snap-mandatory scroll-smooth" 2870 x-ref="scrollPanel" 2871 > 2872 <frontend-product-card hover_transform="true"> 2873 <a target="_self" class="group h-full" href="/products/network-cameras/turret/vit04a-w"> 2874 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 2875 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 2876 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 2877 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 2878 </div> 2879 <div class="flex flex-col flex-1"> 2880 <div class="flex items-center justify-center h-40 mt-6"> 2881 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDU2ODEsInB1ciI6ImJsb2JfaWQifX0=--165e67b15dffae31558f88ba38f4d0f6b065c13f/VIT04A-W_600x600.png" /> 2882 </div> 2883 <div class="mt-5.5 flex flex-col flex-1"> 2884 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 2885 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 2886 VIT04A-W
2887 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 2888<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 2889</svg> 2890</span> 2891 </div> 2892 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 2893 4MP / Fixed-focal / 30M IR 2894 </div> 2895 </div> 2896 </div> 2897 </div> 2898</a></frontend-product-card> <frontend-product-card hover_transform="true"> 2899 <a target="_self" class="group h-full" href="/products/network-cameras/pan-tilt-zoom/sd9387-ehl"> 2900 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 2901 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 2902 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 2903 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 2904 </div> 2905 <div class="flex flex-col flex-1"> 2906 <div class="flex items-center justify-center h-40 mt-6"> 2907 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NDUsInB1ciI6ImJsb2JfaWQifX0=--5ea9c20032a926d5cfb9b1072ccd8c62f345658c/PIC1_SD9387-EHL_600x600.png" /> 2908 </div> 2909 <div class="mt-5.5 flex flex-col flex-1"> 2910 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 2911 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 2912 SD9387-EHL 2913 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 2914<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 2915</svg> 2916</span> 2917 </div> 2918 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 2919 5MP / Optical Zoom / No IR 2920 </div> 2921 </div> 2922 </div> 2923 </div> 2924</a></frontend-product-card> <frontend-product-card hover_transform="true"> 2925 <a target="_self" class="group h-full" href="/products/network-cameras/pan-tilt-zoom/sd9367-ehl"> 2926 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 2927 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 2928 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 2929 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 2930 </div> 2931 <div class="flex flex-col flex-1"> 2932 <div class="flex items-center justify-center h-40 mt-6"> 2933 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3MjksInB1ciI6ImJsb2JfaWQifX0=--559e69166d189633b2f163c67998a8d1a6c176f6/PIC1_SD9367-EHL_600x600.png" /> 2934 </div> 2935 <div class="mt-5.5 flex flex-col flex-1"> 2936 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 2937 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 2938 SD9367-EHL
2939 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 2940<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 2941</svg> 2942</span> 2943 </div> 2944 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 2945 2MP / Optical Zoom / No IR 2946 </div> 2947 </div> 2948 </div> 2949 </div> 2950</a></frontend-product-card> <frontend-product-card hover_transform="true"> 2951 <a target="_self" class="group h-full" href="/products/network-cameras/turret/it9389-hvw-v3"> 2952 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 2953 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 2954 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 2955 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 2956 </div> 2957 <div class="flex flex-col flex-1"> 2958 <div class="flex items-center justify-center h-40 mt-6"> 2959 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzg0NjIsInB1ciI6ImJsb2JfaWQifX0=--85b67896a118d20dd6bb8041cf030a0c58c6720f/IT9389-HVW-V3_600x600.png" /> 2960 </div> 2961 <div class="mt-5.5 flex flex-col flex-1"> 2962 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 2963 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 2964 IT9389-HVW-V3 2965 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 2966<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 2967</svg> 2968</span> 2969 </div> 2970 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 2971 5MP / Fixed-focal / 40M IR 2972 </div> 2973 </div> 2974 </div> 2975 </div> 2976</a></frontend-product-card> <frontend-product-card hover_transform="true"> 2977 <a target="_self" class="group h-full" href="/products/network-cameras/turret/it9389-htvw-v3"> 2978 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 2979 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 2980 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 2981 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 2982 </div> 2983 <div class="flex flex-col flex-1"> 2984 <div class="flex items-center justify-center h-40 mt-6"> 2985 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzg0NzEsInB1ciI6ImJsb2JfaWQifX0=--26f4caf9405a2703c6499af414fcf13bd6fe50a9/IT9389-HTVW-V3_600x600.png" /> 2986 </div> 2987 <div class="mt-5.5 flex flex-col flex-1"> 2988 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 2989 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 2990 IT9389-HTVW-V3
2991 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 2992<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 2993</svg> 2994</span> 2995 </div> 2996 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 2997 5MP / Motorized Vari-focal / 40M IR 2998 </div> 2999 </div> 3000 </div> 3001 </div> 3002</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3003 <a target="_self" class="group h-full" href="/products/network-cameras/turret/it9399-hvw"> 3004 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3005 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3006 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 3007 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3008 </div> 3009 <div class="flex flex-col flex-1"> 3010 <div class="flex items-center justify-center h-40 mt-6"> 3011 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzg0NzIsInB1ciI6ImJsb2JfaWQifX0=--4aeb3e33a78a66f404ca7705add611c39ed27283/IT9399-HVW_600x600.png" /> 3012 </div> 3013 <div class="mt-5.5 flex flex-col flex-1"> 3014 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 3015 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3016 IT9399-HVW 3017 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3018<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3019</svg> 3020</span> 3021 </div> 3022 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3023 8MP / Fixed-focal / 40M IR 3024 </div> 3025 </div> 3026 </div> 3027 </div> 3028</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3029 <a target="_self" class="group h-full" href="/products/network-cameras/turret/it9399-htvw"> 3030 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3031 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3032 <div class="rounded-md text-vivotek-web-caption-1 bg-vivotek-primary-04 py-1 px-4">AI</div> 3033 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3034 </div> 3035 <div class="flex flex-col flex-1"> 3036 <div class="flex items-center justify-center h-40 mt-6"> 3037 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzg0NzMsInB1ciI6ImJsb2JfaWQifX0=--a7efee768c0761b71908f19b79b31acf4673f867/IT9399-HTVW_600x600.png" /> 3038 </div> 3039 <div class="mt-5.5 flex flex-col flex-1"> 3040 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">V Series</div> 3041 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3042 IT9399-HTVW
3043 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3044<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3045</svg> 3046</span> 3047 </div> 3048 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3049 8MP / Motorized Vari-focal / 40M IR 3050 </div> 3051 </div> 3052 </div> 3053 </div> 3054</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3055 <a target="_self" class="group h-full" href="/products/network-cameras/dome/fd9380-hv-v2"> 3056 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3057 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3058 3059 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3060 </div> 3061 <div class="flex flex-col flex-1"> 3062 <div class="flex items-center justify-center h-40 mt-6"> 3063 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMzEsInB1ciI6ImJsb2JfaWQifX0=--f9f633b00bfc2a2df867b5062f91d7306d6c4ade/FD9380-HV-V2+Cable_600x600.png" /> 3064 </div> 3065 <div class="mt-5.5 flex flex-col flex-1"> 3066 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">C Series</div> 3067 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3068 FD9380-HV-V2 3069 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3070<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3071</svg> 3072</span> 3073 </div> 3074 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3075 5MP / Fixed-focal / 30M IR 3076 </div> 3077 </div> 3078 </div> 3079 </div> 3080</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3081 <a target="_self" class="group h-full" href="/products/network-cameras/dome/fd9380-htv-v2"> 3082 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3083 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3084 3085 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3086 </div> 3087 <div class="flex flex-col flex-1"> 3088 <div class="flex items-center justify-center h-40 mt-6"> 3089 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgxMTcsInB1ciI6ImJsb2JfaWQifX0=--aba77c6c38d90a878203caedd15270d0797e1547/FD9380-HTV-V2+Cable_600x600.png" /> 3090 </div> 3091 <div class="mt-5.5 flex flex-col flex-1"> 3092 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">C Series</div> 3093 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3094 FD9380-HTV-V2
3095 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3096<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3097</svg> 3098</span> 3099 </div> 3100 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3101 5MP / Motorized Vari-focal / 30M IR 3102 </div> 3103 </div> 3104 </div> 3105 </div> 3106</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3107 <a target="_self" class="group h-full" href="/products/network-cameras/bullet/ib9380-hv-v2"> 3108 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3109 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3110 3111 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3112 </div> 3113 <div class="flex flex-col flex-1"> 3114 <div class="flex items-center justify-center h-40 mt-6"> 3115 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzgyMzAsInB1ciI6ImJsb2JfaWQifX0=--67f97b8b8fedbac2d0de61156efe4247b62e2144/IB9380-HV-V2_600x600.png" /> 3116 </div> 3117 <div class="mt-5.5 flex flex-col flex-1"> 3118 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">C Series</div> 3119 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3120 IB9380-HV-V2 3121 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3122<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3123</svg> 3124</span> 3125 </div> 3126 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3127 5MP / Fixed-focal / 30M IR 3128 </div> 3129 </div> 3130 </div> 3131 </div> 3132</a></frontend-product-card> <frontend-product-card hover_transform="true"> 3133 <a target="_self" class="group h-full" href="/products/network-cameras/turret/it9380-hv-v2"> 3134 <div class="shrink-0 flex h-full min-h-[28rem] flex-col rounded-2.5 p-4 bg-vivotek-neutral-02 group-hover:bg-vivotek-primary group-active:bg-vivotek-primary w-69 h-full snap-start shrink-0"> 3135 <div class="flex items-center gap-x-2 min-h-[2.5rem]"> 3136 3137 <div class="rounded-md text-vivotek-web-caption-1 py-1 px-4"> </div> 3138 </div> 3139 <div class="flex flex-col flex-1"> 3140 <div class="flex items-center justify-center h-40 mt-6"> 3141 <img loading="lazy" class="w-37.5 h-37.5 object-contain transition-transform duration-500 group-hover:scale-110" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzgzNzMsInB1ciI6ImJsb2JfaWQifX0=--3ad564d389236f0af87a9b1db773ab0859d19316/IT9380-HV-V2_600x600.png" /> 3142 </div> 3143 <div class="mt-5.5 flex flex-col flex-1"> 3144 <div class="text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-1 line-clamp-1 min-h-[1.5rem]">C Series</div> 3145 <div class="flex text-vivotek-web-title-2 group-hover:text-white group-active:text-white line-clamp-2"> 3146 IT9380-HV-V2
3147 <span :class="{'!inline': false}" class="hidden ml-1 text-vivotek-primary group-hover:text-white"><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"> 3148<path d="M6.24992 4.5C5.28344 4.5 4.49996 5.2835 4.49996 6.25V17.75C4.49996 18.7165 5.28344 19.5 6.24992 19.5H17.7496C18.7161 19.5 19.4996 18.7165 19.4996 17.75V13.75C19.4996 13.3358 19.8354 13 20.2496 13C20.6638 13 20.9995 13.3358 20.9995 13.75V17.75C20.9995 19.5449 19.5445 21 17.7496 21H6.24992C4.45504 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45504 3 6.24992 3H10.2498C10.664 3 10.9998 3.33579 10.9998 3.75C10.9998 4.16421 10.664 4.5 10.2498 4.5H6.24992ZM12.9998 3.75C12.9998 3.33579 13.3355 3 13.7497 3H20.25C20.6642 3 21 3.33579 21 3.75V10.25C21 10.6642 20.6642 11 20.25 11C19.8358 11 19.5 10.6642 19.5 10.25V5.56074L14.28 10.7804C13.9871 11.0732 13.5123 11.0732 13.2194 10.7803C12.9265 10.4874 12.9265 10.0125 13.2194 9.71964L18.4395 4.5H13.7497C13.3355 4.5 12.9998 4.16421 12.9998 3.75Z" fill="currentColor"></path> 3149</svg> 3150</span> 3151 </div> 3152 <div class="mt-2 min-h-[3rem] text-vivotek-neutral-07 group-hover:text-white group-active:text-white text-vivotek-web-body-2 line-clamp-3"> 3153 5MP / Fixed-focal / 30M IR 3154 </div> 3155 </div> 3156 </div> 3157 </div> 3158</a></frontend-product-card> </div> 3159 </div> 3160 </div> 3161 </div> 3162 3163 <div class="pt-15 md:pt-41 2xl:pt-50 px-6 md:px-23 >xl:px-50 items-center justify-center"> 3164 <div class="flex flex-col gap-2"> 3165 <h2 class="text-vivotek-primary text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2">Trusted Worldwide. Proven at Scale</h2> 3166 <p class="text-vivotek-black text-vivotek-mobile-body-2 md:text-vivotek-web-title-2">Global trust indicators, ecosystem integrations, and deployments across industries and scales.</p> 3167 </div> 3168 </div> 3169 <div class="relative flex flex-col md:flex-row mt-6 md:mt-12 bg-vivotek-primary-01 h-[34.125rem] md:h-auto items-center md:items-start justify-center md:justify-between px-6 md:px-23 >xl:px-50 md:py-14 gap-9 md:gap-5 w-full"> 3170 <div class="hidden absolute left-0 top-0 h-full >xl:block"> 3171 <svg xmlns="http://www.w3.org/2000/svg" width="201" height="252" viewBox="0 0 201 252" fill="none" class="h-full w-auto"> 3172<path d="M56.6025 -67L200.333 320H78.5L-72 -67H56.6025Z" fill="white" fill-opacity="0.3"></path> 3173</svg> 3174 3175 </div> 3176 <div class="hidden absolute right-0 top-0 h-full >xl:block"> 3177 <svg xmlns="http://www.w3.org/2000/svg" width="184" height="252" viewBox="0 0 184 252" fill="none" class="h-full w-auto"> 3178<path d="M128.603 0L272.333 387H150.5L0 0H128.603Z" fill="white" fill-opacity="0.3"></path> 3179</svg> 3180 3181 </div> 3182 <div class="absolute left-0 top-[16.3125rem] h-full md:hidden"> 3183 <svg xmlns="http://www.w3.org/2000/svg" width="161" height="285" viewB
3183ox="0 0 161 285" fill="none"> 3184<path d="M16.6025 0L160.333 387H38.5L-112 0H16.6025Z" fill="white" fill-opacity="0.3"></path> 3185</svg> 3186 3187 </div> 3188 <div class="absolute right-0 h-full md:hidden"> 3189 <svg xmlns="http://www.w3.org/2000/svg" width="151" height="312" viewBox="0 0 151 312" fill="none"> 3190<path d="M128.603 -75L272.333 312H150.5L0 -75H128.603Z" fill="white" fill-opacity="0.3"></path> 3191</svg> 3192 3193 </div> 3194 <div class="flex gap-6 max-w-[22.75rem] items-start z-10 w-full"> 3195 <div class="flex bg-white rounded-full w-[5.34375rem] h-[5.34375rem] md:w-[5.9375vw] md:h-[5.9375vw] md:mt-3 items-start justify-center shrink-0 overflow-hidden"> 3196 <img class="w-12 h-12 md:w-16 md:h-16 object-contain mx-auto my-auto" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MDksInB1ciI6ImJsb2JfaWQifX0=--9df95cc3887150d4fdbe63d3dac84abba1dcf0a3/Trust%20Indicator_1.png" /> 3197 </div> 3198 <div class="flex flex-col"> 3199 <h2 class="text-vivotek-black text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2 ">120+</h2> 3200 <p class="text-vivotek-black text-vivotek-mobile-caption-2 md:text-vivotek-web-title-4">Supporting customers across 120+ countries worldwide.</p> 3201 </div> 3202 </div> 3203 <div class="flex gap-6 max-w-[22.75rem] items-start z-10 w-full"> 3204 <div class="flex bg-white rounded-full w-[5.34375rem] h-[5.34375rem] md:w-[5.9375vw] md:h-[5.9375vw] md:mt-3 items-start justify-center shrink-0 overflow-hidden"> 3205 <img class="w-12 h-12 md:w-16 md:h-16 object-contain mx-auto my-auto" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTAsInB1ciI6ImJsb2JfaWQifX0=--359b9412b5bd1a4ac27be24d4f0a7ad7b85edd71/Trust%20Indicator_2.png" /> 3206 </div> 3207 <div class="flex flex-col"> 3208 <h2 class="text-vivotek-black text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2 ">300+</h2> 3209 <p class="text-vivotek-black text-vivotek-mobile-caption-2 md:text-vivotek-web-title-4">300+ distributors and strategic partners in our global partner ecosystem.</p> 3210 </div> 3211 </div> 3212 <div class="flex gap-6 max-w-[22.75rem] items-start z-10 w-full"> 3213 <div class="flex bg-white rounded-full w-[5.34375rem] h-[5.34375rem] md:w-[5.9375vw] md:h-[5.9375vw] md:mt-3 items-start justify-center shrink-0 overflow-hidden"> 3214 <img class="w-12 h-12 md:w-16 md:h-16 object-contain mx-auto my-auto" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTEsInB1ciI6ImJsb2JfaWQifX0=--1f83e454a7be22d8b270e44787aa2842fa278fca/Trust%20Indicator_3.png" /> 3215 </div> 3216 <div class="flex flex-col"> 3217 <h2 class="text-vivotek-black text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2 ">100+</h2> 3218 <p class="text-vivotek-black text-vivotek-mobile-caption-2 md:text-vivotek-web-title-4">100+ Proven Integrations Across the Security Ecosystem</p> 3219 </div> 3220 </div> 3221 <div class="flex gap-6 max-w-[22.75rem] items-start z-10 w-full"> 3222 <div class="flex bg-white rounded-full w-[5.34375rem] h-[5.34375rem] md:w-[5.9375vw] md:h-[5.9375vw] md:mt-3 items-start justify-center shrink-0 overflow-hidden"> 3223 <img class="w-12 h-12 md:w-16 md:h-16 object-contain mx-auto my-auto" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTIsInB1ciI6ImJsb2JfaWQifX0=--41eabe0e6b7181f3d3369fc882ccc521e6bf89ec/Trust%20Indicator_4.png" /> 3224 </div> 3225 <div class="flex flex-col"> 3226 <h2 class="text-vivotek-black text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2 ">6 years</h2> 3227 <p class="text-vivotek-black text-vivotek-mobile-caption-2 md:text-vivotek-web-title-4">Consistently ranked among Taiwanâs Top 40 Global Brands for six consecutive years.</p> 3228 </div> 3229 </div> 3230 </div> 3231 3232<div class="relative h-full overflow-hidden">
3233 <div class="hidden md:block absolute -top-[31.25rem] -left-55 2xl:-left-0 -z-10"> 3234 <svg xmlns="http://www.w3.org/2000/svg" width="1560" height="2164" viewBox="0 0 1560 2164" fill="none" class="h-full object-cover"> 3235<path d="M-111.712 -32L358.638 1234.43L828.989 -32H1559.39L704.62 2165.99L704.623 2166H12.6533L12.6562 2165.99L-842.117 -32H-111.712Z" fill="url(#paint0_linear_921_37361)"></path> 3236<defs> 3237<linearGradient id="paint0_linear_921_37361" x1="358.639" y1="-32" x2="358.639" y2="2166" gradientUnits="userSpaceOnUse"> 3238<stop stop-color="#F2F2F2" stop-opacity="0.03"></stop> 3239<stop offset="1" stop-color="#F2F2F2"></stop> 3240</linearGradient> 3241</defs> 3242</svg> 3243 3244 </div> 3245 <div class="flex md:pt-20 px-6 items-center justify-center" x-data="{ 3246 currentPage: 1, 3247 totalCases: 7, 3248 totalPages: Math.ceil(7 / 2), 3249 init() { 3250 this.$watch('currentPage', () => { this.movePosition() }) 3251 }, 3252 goPrev() { 3253 this.currentPage--; 3254 if (this.currentPage < 1) { this.currentPage = 1 } 3255 }, 3256 goNext() { 3257 this.currentPage++; 3258 if (this.currentPage > this.totalPages) { this.currentPage = this.totalPages } 3259 }, 3260 movePosition(behavior = 'smooth') { 3261 if (window.innerWidth < 768 ) { return } 3262 const panelWidth = this.$refs.scrollPanel.clientWidth 3263 if (this.currentPage == this.totalPages) { 3264 this.$refs.scrollPanel.scrollTo({ left: (this.currentPage - 1) * panelWidth + 12 , behavior }) 3265 } else { 3266 this.$refs.scrollPanel.scrollTo({ left: (this.currentPage - 1) * panelWidth, behavior }) 3267 } 3268 } 3269 }" data-turbo="false"> 3270 <div class="hidden md:flex flex-col items-center w-full"> 3271 <div class="flex justify-between items-center w-[87.222vw] >xl:w-[78.5rem] 2xl:w-[94.875rem]"> 3272 <button type="button" 3273 @click="goPrev()" 3274 :disabled="currentPage == 1" 3275 class="group text-vivotek-blue-400 disabled:text-vivotek-neutral-07 disabled:cursor-not-allowed h-fit"> 3276 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
3276ox="0 0 60 60" fill="none" class="w-[3.125vw] h-auto object-contain group-hover:fill-vivotek-blue-400 group-hover:text-white group-disabled:fill-none group-disabled:text-vivotek-neutral-07"> 3277<rect x="1" y="1" width="58" height="58" rx="29" stroke="currentColor" stroke-width="2"></rect> 3278<path d="M27.8879 43.9861C28.3877 44.4622 29.179 44.443 29.6551 43.9431C30.1312 43.4432 30.112 42.652 29.6121 42.1759L19.1931 32.2515L43.75 32.2515C44.4404 32.2515 45 31.6919 45 31.0015C45 30.3111 44.4404 29.7515 43.75 29.7515L19.193 29.7515L29.6121 19.827C30.112 19.3508 30.1312 18.5596 29.6551 18.0597C29.179 17.5599 28.3877 17.5406 27.8879 18.0168L15.523 29.7946C15.2414 30.0628 15.0748 30.4049 15.0232 30.7605C15.008 30.8385 15 30.9191 15 31.0015C15 31.0841 15.008 31.1648 15.0233 31.243C15.075 31.5984 15.2416 31.9402 15.523 32.2082L27.8879 43.9861Z" fill="currentColor"></path> 3279</svg> 3280 3281 </button> 3282 <div x-ref="scrollPanel" class="flex overflow-hidden w-[76.6666667vw] >xl:w-[68.75rem] 2xl:w-[76.5rem] gap-13 h-[36.8055556vw] xl:h-[530px] 2xl:h-[564px]"> 3283 <div class="grid grid-cols-2 gap-6 shrink-0 w-[96%]" :class="{ 'ml-[12px] >xl:ml-[24px]' : currentPage == 1, 'mr-[12px] >xl:mr-[24px]' : currentPage == totalPages }"> 3284 <div> 3285 <a href="https://www.vivotek.com/news-center/successful-cases/sustainability-zhonggua-river-taiwan"> 3286 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3287 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3288 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4MjQsInB1ciI6ImJsb2JfaWQifX0=--646c97de595e5e5845db90c0b13c4651967e54da/Zhonggua%20River%20Large.jpeg" /> 3289 </div> 3290 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3291 <div class="flex items-center gap-2"> 3292 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3293 Taiwan - Headquarters 3294 </span> 3295 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3296 Sustainability 3297 </span> 3298 </div> 3299 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">VIVOTEK Connects AI Technology and Ecology to Protect Taiwanâs River Ecosystems</p> 3300 </div> 3301 </div> 3302</a> </div> 3303 <div> 3304 <a href="https://www.vivotek.com/news-center/successful-cases/transportation-busterminal-norway"> 3305 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3306 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3307 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTUsInB1ciI6ImJsb2JfaWQifX0=--49f3595cab3f9615daecb7566ed0a1a4736a726b/Lillestr%C3%B8m%20Bus%20Terminal.jpeg" /> 3308 </div> 3309 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3310 <div class="flex items-center gap-2"> 3311 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3312 Norway 3313 </span> 3314 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3315 Transportation 3316 </span> 3317 </div> 3318 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">VIVOTEK AI Solutions Enhance Efficiency at Traffic Hubs in Norway</p> 3319 </div> 3320 </div> 3321</a> </div> 3322 </div> 3323 <div class="grid grid-cols-2 gap-6 shrink-0 w-[96%]" :class="{ 'ml-[12px] >xl:ml-[24px]' : currentPage == 1, 'mr-[12px] >xl:mr-[24px]' : currentPage == totalPages }"> 3324 <div> 3325 <a href="https://www.vivotek.com/news-center/successful-cases/commercial-kitakobushi-resort
3325-japan"> 3326 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3327 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3328 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDUxMzcsInB1ciI6ImJsb2JfaWQifX0=--88abf0c42a788d8b92b7ab18df6d16e326f1b14b/Hokkaido_resort_1.jpg" /> 3329 </div> 3330 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3331 <div class="flex items-center gap-2"> 3332 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3333 Japan 3334 </span> 3335 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3336 Commercial 3337 </span> 3338 </div> 3339 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">VIVOTEK Powers Smart Security Solutions at a UNESCO World Heritage Resort in Japan</p> 3340 </div> 3341 </div> 3342</a> </div> 3343 <div> 3344 <a href="https://www.vivotek.com/news-center/successful-cases/retail-85c-store-united-states"> 3345 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3346 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3347 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDI3NjMsInB1ciI6ImJsb2JfaWQifX0=--686100985226e8008c67e76f09f6b260157ff760/85C%20Bakery%20Cafe%20Banner_1.jpg" /> 3348 </div> 3349 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3350 <div class="flex items-center gap-2"> 3351 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3352 United States 3353 </span> 3354 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3355 Retail 3356 </span> 3357 </div> 3358 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">85°C U.S. Stores Boost Expansion and Efficiency with VIVOTEKâs VORTEX AI Cloud Surveillance</p> 3359 </div> 3360 </div> 3361</a> </div> 3362 </div> 3363 <div class="grid grid-cols-2 gap-6 shrink-0 w-[96%]" :class="{ 'ml-[12px] >xl:ml-[24px]' : currentPage == 1, 'mr-[12px] >xl:mr-[24px]' : currentPage == totalPages }"> 3364 <div> 3365 <a href="https://www.vivotek.com/news-center/successful-cases/sports-leisure-sun-outdoors-united-states"> 3366 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3367 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3368 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDI3MTQsInB1ciI6ImJsb2JfaWQifX0=--6263ad1fee52c5739ce9a02f5039e02c34a8b65a/Sun%20Outdoors_%E6%88%90%E5%8A%9F%E6%A1%88%E4%BE%8B_1200x628_03.jpg" /> 3369 </div> 3370 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3371 <div class="flex items-center gap-2">
3372 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3373 United States 3374 </span> 3375 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3376 Sports 3377 </span> 3378 </div> 3379 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">Sun Outdoors Boosts Efficiency & Security with VIVOTEK' s VORTEX Cloud Solution</p> 3380 </div> 3381 </div> 3382</a> </div> 3383 <div> 3384 <a href="https://www.vivotek.com/news-center/successful-cases/commercial-imperial-museum-brazil"> 3385 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3386 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3387 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjg5OTQsInB1ciI6ImJsb2JfaWQifX0=--d361df31d12e1ad573089150cae798475569ffb4/Imperial-Museum-1.jpg" /> 3388 </div> 3389 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3390 <div class="flex items-center gap-2"> 3391 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3392 Brazil 3393 </span> 3394 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3395 Commercial 3396 </span> 3397 </div> 3398 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">VIVOTEK's AI-Powered Security Protects Brazil's Imperial Museum Treasures</p> 3399 </div> 3400 </div> 3401</a> </div> 3402 </div> 3403 <div class="grid grid-cols-2 gap-6 shrink-0 w-[96%]" :class="{ 'ml-[12px] >xl:ml-[24px]' : currentPage == 1, 'mr-[12px] >xl:mr-[24px]' : currentPage == totalPages }"> 3404 <div> 3405 <a href="https://www.vivotek.com/news-center/successful-cases/commercial-dechant-construction-germany"> 3406 <div class="group flex flex-col rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-success-case-card "> 3407 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-full h-[20.13888889vw] >xl:h-[16.875vw] 2xl:h-[20.25rem]"> 3408 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzgwNDEsInB1ciI6ImJsb2JfaWQifX0=--3a9d88b9b5623c9505cfce81b8e164e18f1df63f/Smart_Security%20Tower_01.jpg" /> 3409 </div> 3410 <div class="flex flex-col gap-4 p-6 h-[11.75rem] w-full"> 3411 <div class="flex items-center gap-2"> 3412 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3413 Germany 3414 </span> 3415 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3416 Commercial 3417 </span> 3418 </div> 3419 <p class="line-clamp-4 vivotek-web-title-2 text-ellipsis">VIVOTEK Empowers dechant's Construction Site Safety with Advanced AI Security Technology</p> 3420 </div> 3421 </div> 3422</a> </div> 3423 </div> 3424 </div> 3425 <button type="button" 3426 @click="goNext()" 3427 :disabled="currentPage >= totalPages" 3428 class="group text-vivotek-blue-400 disabled:text-vivotek-neutral-07 disabled:cursor-not-allowed h-fit"> 3429 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
3429ox="0 0 60 60" fill="none" class="w-[3.125vw] h-auto object-contain group-hover:fill-vivotek-blue-400 group-hover:text-white group-disabled:fill-none group-disabled:text-vivotek-neutral-07"> 3430<rect x="1" y="1" width="58" height="58" rx="29" fill="none"></rect> 3431<rect x="1" y="1" width="58" height="58" rx="29" stroke="currentColor" stroke-width="2"></rect> 3432<path d="M32.1121 17.0168C31.6123 16.5406 30.821 16.5599 30.3449 17.0597C29.8687 17.5596 29.888 18.3508 30.3879 18.827L40.8069 28.7513H16.25C15.5596 28.7513 15 29.311 15 30.0013C15 30.6917 15.5596 31.2513 16.25 31.2513H40.807L30.3879 41.1759C29.888 41.652 29.8687 42.4432 30.3449 42.9431C30.821 43.443 31.6123 43.4622 32.1121 42.9861L44.477 31.2082C44.7586 30.9401 44.9251 30.598 44.9768 30.2424C44.992 30.1644 45 30.0838 45 30.0013C45 29.9187 44.992 29.838 44.9767 29.7598C44.925 29.4044 44.7584 29.0626 44.477 28.7946L32.1121 17.0168Z" fill="currentColor"></path> 3433</svg> 3434 3435 </button> 3436 </div> 3437 <div class="flex items-center justify-center gap-2"> 3438 <template x-for="i in totalPages" :key="i"> 3439 <div class="w-2 h-2 rounded-full" 3440 :class="currentPage === i ? 'bg-vivotek-blue-400' : 'bg-vivotek-neutral-04'" 3441 @click="currentPage = i " 3442 ></div> 3443 </template> 3444 </div> 3445 </div> 3446 <div class="md:hidden flex flex-row gap-6 overflow-x-auto py-9 snap-x snap-mandatory scroll-smooth"> 3447 <a href="https://www.vivotek.com/news-center/successful-cases/sustainability-zhonggua-river-taiwan"> 3448 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3449 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3450 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg4MjQsInB1ciI6ImJsb2JfaWQifX0=--646c97de595e5e5845db90c0b13c4651967e54da/Zhonggua%20River%20Large.jpeg" /> 3451 </div> 3452 <div class="flex flex-col gap-y-4 py-6 px-4"> 3453 <div class="flex items-center gap-2"> 3454 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3455 Taiwan - Headquarters 3456 </span> 3457 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3458 Sustainability 3459 </span> 3460 </div> 3461 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK Connects AI Technology and Ecology to Protect Taiwanâs River Ecosystems</p> 3462 </div> 3463 </div> 3464</a> <a href="https://www.vivotek.com/news-center/successful-cases/transportation-busterminal-norway"> 3465 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3466 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3467 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg1MTUsInB1ciI6ImJsb2JfaWQifX0=--49f3595cab3f9615daecb7566ed0a1a4736a726b/Lillestr%C3%B8m%20Bus%20Terminal.jpeg" /> 3468 </div> 3469 <div class="flex flex-col gap-y-4 py-6 px-4"> 3470 <div class="flex items-center gap-2"> 3471 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3472 Norway 3473 </span> 3474 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3475 Transportation 3476 </span> 3477 </div> 3478 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK AI Solutions Enhance Efficiency at Traffic Hubs in Norway</p> 3479 </div> 3480 </div> 3481</a> <a href="https://www.vivotek.com/news-center/successful-cases/commercial-kitakobushi-resort-japan"> 3482 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3483 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3484 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDUxMzcsInB1ciI6ImJsb2JfaWQifX0=--88abf0c42a788d8b92b7ab18df6d16e326f
34841b14b/Hokkaido_resort_1.jpg" /> 3485 </div> 3486 <div class="flex flex-col gap-y-4 py-6 px-4"> 3487 <div class="flex items-center gap-2"> 3488 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3489 Japan 3490 </span> 3491 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3492 Commercial 3493 </span> 3494 </div> 3495 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK Powers Smart Security Solutions at a UNESCO World Heritage Resort in Japan</p> 3496 </div> 3497 </div> 3498</a> <a href="https://www.vivotek.com/news-center/successful-cases/retail-85c-store-united-states"> 3499 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3500 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3501 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDI3NjMsInB1ciI6ImJsb2JfaWQifX0=--686100985226e8008c67e76f09f6b260157ff760/85C%20Bakery%20Cafe%20Banner_1.jpg" /> 3502 </div> 3503 <div class="flex flex-col gap-y-4 py-6 px-4"> 3504 <div class="flex items-center gap-2"> 3505 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3506 United States 3507 </span> 3508 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3509 Retail 3510 </span> 3511 </div> 3512 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">85°C U.S. Stores Boost Expansion and Efficiency with VIVOTEKâs VORTEX AI Cloud Surveillance</p> 3513 </div> 3514 </div> 3515</a> <a href="https://www.vivotek.com/news-center/successful-cases/sports-leisure-sun-outdoors-united-states"> 3516 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3517 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3518 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDI3MTQsInB1ciI6ImJsb2JfaWQifX0=--6263ad1fee52c5739ce9a02f5039e02c34a8b65a/Sun%20Outdoors_%E6%88%90%E5%8A%9F%E6%A1%88%E4%BE%8B_1200x628_03.jpg" /> 3519 </div> 3520 <div class="flex flex-col gap-y-4 py-6 px-4"> 3521 <div class="flex items-center gap-2"> 3522 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3523 United States 3524 </span> 3525 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3526 Sports 3527 </span> 3528 </div> 3529 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">Sun Outdoors Boosts Efficiency & Security with VIVOTEK' s VORTEX Cloud Solution</p> 3530 </div> 3531 </div> 3532</a> <a href="https://www.vivotek.com/news-center/successful-cases/commercial-imperial-museum-brazil"> 3533 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3534 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3535 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjg5OTQsInB1ciI6ImJsb2JfaWQifX0=--d361df31d12e1ad573089150cae798475569ffb4/Imperial-Museum-1.jpg" /> 3536 </div> 3537 <div class="flex flex-col gap-y-4 py-6 px-4"> 3538 <div class="flex items-center gap-2"> 3539 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3540 Brazil 3541 </span>
3542 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3543 Commercial 3544 </span> 3545 </div> 3546 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK's AI-Powered Security Protects Brazil's Imperial Museum Treasures</p> 3547 </div> 3548 </div> 3549</a> <a href="https://www.vivotek.com/news-center/successful-cases/commercial-dechant-construction-germany"> 3550 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3551 <div class="rounded-2.5 overflow-hidden w-71 h-40"> 3552 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzgwNDEsInB1ciI6ImJsb2JfaWQifX0=--3a9d88b9b5623c9505cfce81b8e164e18f1df63f/Smart_Security%20Tower_01.jpg" /> 3553 </div> 3554 <div class="flex flex-col gap-y-4 py-6 px-4"> 3555 <div class="flex items-center gap-2"> 3556 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3557 Germany 3558 </span> 3559 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3560 Commercial 3561 </span> 3562 </div> 3563 <p class="line-clamp-4 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK Empowers dechant's Construction Site Safety with Advanced AI Security Technology</p> 3564 </div> 3565 </div> 3566</a> </div> 3567 </div> 3568 3569 <div class="relative flex flex-col px-6 md:px-0 pt-11 md:pt-0 md:mt-37 2xl:mt-57 gap-6 md:gap-12 mb-11 md:mb-50 w-full md:justify-center" x-data="{ 3570 currentPage: 1, 3571 totalPages: Math.ceil(7 / 4), 3572 init() { 3573 this.$watch('currentPage', () => { this.movePosition() }) 3574 }, 3575 goPrev() { 3576 this.currentPage--; 3577 if (this.currentPage <= 0) { this.currentPage = 1 } 3578 }, 3579 goNext() { 3580 this.currentPage++; 3581 if (this.currentPage > this.totalPages) { this.currentPage = this.totalPages } 3582 }, 3583 movePosition(behavior = 'smooth') { 3584 if (window.innerWidth < 768 ) { return } 3585 const panelWidth = this.$refs.scrollPanel.clientWidth 3586 this.$refs.scrollPanel.scrollTo({ left: (this.currentPage - 1) * panelWidth, behavior }) 3587 } 3588 }" data-turbo="false"> 3589 <div class="md:hidden absolute top-0 -z-10"> 3590 <svg xmlns="http://www.w3.org/2000/svg" width="750" height="1252" viewBox="0 0 750 1252" fill="none" class="h-full object-cover"> 3591<path d="M-1085.03 0L-662.62 1137.35L-240.208 0H415.761L-351.897 1973.98L-351.889 1974H-973.351L-973.343 1973.98L-1741 0H-1085.03Z" fill="url(#paint0_linear_867_38528)"></path> 3592<defs> 3593<linearGradient id="paint0_linear_867_38528" x1="-662.62" y1="0" x2="-662.62" y2="1974" gradientUnits="userSpaceOnUse"> 3594<stop stop-color="#F2F2F2" stop-opacity="0.6"></stop> 3595<stop offset="1" stop-color="#F2F2F2" stop-opacity="0.8"></stop> 3596</linearGradient> 3597</defs> 3598</svg> 3599 3600 </div> 3601 <div class="flex w-full justify-center md:px-23"> 3602 <div class="flex justify-between w-full >xl:w-380"> 3603 <div class="flex flex-col text-left"> 3604 <h2 class="text-vivotek-mobile-heading-1 text-vivotek-web-heading-2 text-vivotek-blue-400">Latest Insights and Update</h2> 3605 <span class="text-vivotek-mobile-body-2 text-vivotek-web-title-2 text-vivotek-black">News, events, and insights from the security industry.</span> 3606 </div> 3607 <div class="hidden md:flex items-center justify-end gap-9"> 3608 <span class="text-vivotek-web-title-1 text-vivotek-black" x-text="`${currentPage} / ${totalPages}`"></span> 3609 <div class="flex items-center gap-5"> 3610 <button type="button" 3611 @click="goPrev()" 3612 :disabled="currentPage == 1" 3613 class="group text-vivotek-blue-400 disabled:text-vivotek-neutral-07 disabled:cursor-not-allowed"> 3614 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
3614ox="0 0 60 60" fill="none" class="w-[3.125vw] h-auto object-contain group-hover:fill-vivotek-blue-400 group-hover:text-white group-disabled:fill-none group-disabled:text-vivotek-neutral-07"> 3615<rect x="1" y="1" width="58" height="58" rx="29" stroke="currentColor" stroke-width="2"></rect> 3616<path d="M27.8879 43.9861C28.3877 44.4622 29.179 44.443 29.6551 43.9431C30.1312 43.4432 30.112 42.652 29.6121 42.1759L19.1931 32.2515L43.75 32.2515C44.4404 32.2515 45 31.6919 45 31.0015C45 30.3111 44.4404 29.7515 43.75 29.7515L19.193 29.7515L29.6121 19.827C30.112 19.3508 30.1312 18.5596 29.6551 18.0597C29.179 17.5599 28.3877 17.5406 27.8879 18.0168L15.523 29.7946C15.2414 30.0628 15.0748 30.4049 15.0232 30.7605C15.008 30.8385 15 30.9191 15 31.0015C15 31.0841 15.008 31.1648 15.0233 31.243C15.075 31.5984 15.2416 31.9402 15.523 32.2082L27.8879 43.9861Z" fill="currentColor"></path> 3617</svg> 3618 3619 </button> 3620 <button type="button" 3621 @click="goNext()" 3622 :disabled="currentPage == totalPages" 3623 class="group text-vivotek-blue-400 disabled:text-vivotek-neutral-07 disabled:cursor-not-allowed"> 3624 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
3624ox="0 0 60 60" fill="none" class="w-[3.125vw] h-auto object-contain group-hover:fill-vivotek-blue-400 group-hover:text-white group-disabled:fill-none group-disabled:text-vivotek-neutral-07"> 3625<rect x="1" y="1" width="58" height="58" rx="29" fill="none"></rect> 3626<rect x="1" y="1" width="58" height="58" rx="29" stroke="currentColor" stroke-width="2"></rect> 3627<path d="M32.1121 17.0168C31.6123 16.5406 30.821 16.5599 30.3449 17.0597C29.8687 17.5596 29.888 18.3508 30.3879 18.827L40.8069 28.7513H16.25C15.5596 28.7513 15 29.311 15 30.0013C15 30.6917 15.5596 31.2513 16.25 31.2513H40.807L30.3879 41.1759C29.888 41.652 29.8687 42.4432 30.3449 42.9431C30.821 43.443 31.6123 43.4622 32.1121 42.9861L44.477 31.2082C44.7586 30.9401 44.9251 30.598 44.9768 30.2424C44.992 30.1644 45 30.0838 45 30.0013C45 29.9187 44.992 29.838 44.9767 29.7598C44.925 29.4044 44.7584 29.0626 44.477 28.7946L32.1121 17.0168Z" fill="currentColor"></path> 3628</svg> 3629 3630 </button> 3631 </div> 3632 </div> 3633 </div> 3634 </div> 3635 <div class="hidden md:flex w-full px-23 overflow-hidden justify-center"> 3636 <div x-ref="scrollPanel" class="flex overflow-hidden w-[87.2222vw] 2xl:w-380"> 3637 <div class="grid grid-cols-2 gap-6 w-full shrink-0"> 3638 <div class="duration-700 ease-in-out w-full"> 3639 <a href="https://www.vivotek.com/news-center/news-room/vivotek-marchnetworks-alignment"> 3640 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3641 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3642 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg0NjQsInB1ciI6ImJsb2JfaWQifX0=--59d270efe51bb88ead5a671f7bd268463efe34a9/Image_Delta%E2%80%99s%20Building%20Automation%20Business%20Group%20Bolsters%20Global%20Security%20Presence.jpg" /> 3643 </div> 3644 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3645 <div class="flex flex-col gap-2.5"> 3646 <div class="flex items-center gap-2"> 3647 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3648 New 3649 </span> 3650 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3651 March Networks 3652 </span> 3653 </div> 3654 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">Deltaâs Building Automation Business Group Bolsters Global Security Presence: VIVOTEK & March Networks Synergize to Expand Ecosystem</p> 3655 </div> 3656 <span class="text-vivotek-web-caption-2">2026.04.30</span> 3657 </div> 3658 </div> 3659</a> </div> 3660 <div class="duration-700 ease-in-out w-full"> 3661 <a href="https://www.vivotek.com/news-center/events/cloud-ready"> 3662 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3663 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3664 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4NjgsInB1ciI6ImJsb2JfaWQifX0=--6a318b4f2f09a83e057b8d7592637ca8f9459d99/Keep%20What%20Works.%20Growth%20Without%20Limits..png" /> 3665 </div> 3666 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3667 <div class="flex flex-col gap-2.5"> 3668 <div class="flex items-center gap-2">
3669 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3670 Event 3671 </span> 3672 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3673 VORTEX 3674 </span> 3675 </div> 3676 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">Campaign: ANY CAMERA. SINGLE VIEW</p> 3677 </div> 3678 <span class="text-vivotek-web-caption-2">2026.09.16</span> 3679 </div> 3680 </div> 3681</a> </div> 3682 <div class="duration-700 ease-in-out w-full"> 3683 <a href="https://www.vivotek.com/resource/learning/blog/product-updates-2026-08"> 3684 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3685 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3686 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTI2NTYsInB1ciI6ImJsb2JfaWQifX0=--3cc155647cea1ee05c6b71aada77cac1c4d69d9d/New%20in%20Products__PC_1920x1000px-1.jpg" /> 3687 </div> 3688 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3689 <div class="flex flex-col gap-2.5"> 3690 <div class="flex items-center gap-2"> 3691 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3692 Blog 3693 </span> 3694 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3695 Hybrid Cloud 3696 </span> 3697 </div> 3698 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">Product Updates August 2026</p> 3699 </div> 3700 <span class="text-vivotek-web-caption-2">2026.08.31</span> 3701 </div> 3702 </div> 3703</a> </div> 3704 <div class="duration-700 ease-in-out w-full"> 3705 <a href="https://www.vivotek.com/news-center/news-room/exhibition-gsx-atlanta-2026"> 3706 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3707 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3708 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4MzAsInB1ciI6ImJsb2JfaWQifX0=--fd0fda324a02197516b069615ca1b7847d609968/GSX%20Press%20Release_campaign-1920x1080.jpg" /> 3709 </div> 3710 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3711 <div class="flex flex-col gap-2.5"> 3712 <div class="flex items-center gap-2"> 3713 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3714 New 3715 </span> 3716 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3717 March Netwoks 3718 </span> 3719 </div> 3720 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">March Networks and VIVOTEK Showcase Integrations Across Combined Portfolio at GSX 202
37206</p> 3721 </div> 3722 <span class="text-vivotek-web-caption-2">2026.09.11</span> 3723 </div> 3724 </div> 3725</a> </div> 3726 </div> 3727 <div class="grid grid-cols-2 gap-6 w-full shrink-0"> 3728 <div class="duration-700 ease-in-out w-full"> 3729 <a href="https://www.vivotek.com/news-center/news-room/product-chroma24-true-color-night"> 3730 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3731 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3732 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDU3MTQsInB1ciI6ImJsb2JfaWQifX0=--ed7d5c8422d7def165fc4bdcc60d87ec3f74eff3/%E5%9C%96%EF%BC%9A%E6%99%B6%E7%9D%BF%E9%80%9A%E8%A8%8AChroma24%E4%BD%8E%E7%85%A7%E5%85%A8%E5%BD%A9%E7%B3%BB%E5%88%97AI%E6%94%9D%E5%BD%B1%E6%A9%9F%EF%BC%8C%E6%8F%90%E4%BE%9B%E3%80%8C%E5%85%A8%E5%A4%A9%E5%80%99%2024%20%E5%B0%8F%E6%99%82%E3%80%81%E7%9C%9F%E5%AF%A6%E8%89%B2%E5%BD%A9%E3%80%81%E6%B8%85%E6%99%B0%E5%8F%AF%E8%BE%A8%E3%80%8D%E7%9A%84%E5%AE%89%E9%98%B2%E9%AB%94%E9%A9%97%E3%80%82.jpg" /> 3733 </div> 3734 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3735 <div class="flex flex-col gap-2.5"> 3736 <div class="flex items-center gap-2"> 3737 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3738 New 3739 </span> 3740 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3741 Chroma24 3742 </span> 3743 </div> 3744 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">VIVOTEK Chroma24 AI Cameras Unveil Night in True Color</p> 3745 </div> 3746 <span class="text-vivotek-web-caption-2">2026.01.13</span> 3747 </div> 3748 </div> 3749</a> </div> 3750 <div class="duration-700 ease-in-out w-full"> 3751 <a href="https://www.vivotek.com/news-center/events/isc-west-2026-las-vegas"> 3752 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3753 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.04166667vw] xl:w-[376px] xl:h-[212px]"> 3754 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgwNTAsInB1ciI6ImJsb2JfaWQifX0=--496c73cad684a661099475823c7e74833a2f7b24/ISC%20West.png" /> 3755 </div> 3756 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3757 <div class="flex flex-col gap-2.5"> 3758 <div class="flex items-center gap-2"> 3759 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3760 Event 3761 </span> 3762 </div> 3763 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">ISC WEST 2026</p> 3764 </div> 3765 <span class="text-vivotek-web-caption-2">2026.03.12</span> 3766 </div> 3767 </div> 3768</a> </div> 3769 <div class="duration-700 ease-in-out w-full"> 3770 <a href="https://www.vivotek.com/resource/learning/blog/vast-security-station-1-5"> 3771 <div class="group flex rounded-2.5 hover:bg-white overflow-hidden hover:shadow-vivotek-insight-card"> 3772 <div class="group-hover:scale-105 duration-500 shrink-0 rounded-2.5 group-hover:rounded-b-none overflow-hidden w-[19.58333333vw] h-[11.
377204166667vw] xl:w-[376px] xl:h-[212px]"> 3773 <img width="327" height="212" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NzEsInB1ciI6ImJsb2JfaWQifX0=--f5bfeecc97d00b6798ed17015b7c92b74fa089e4/VSS1.4_PC_1920x1000px.webp" /> 3774 </div> 3775 <div class="flex flex-col gap-2.5 >xl:justify-between p-4 xl:p-6 h-[11.04166667vw] xl:h-[212px] w-60"> 3776 <div class="flex flex-col gap-2.5"> 3777 <div class="flex items-center gap-2"> 3778 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 vivotek-web-caption-1"> 3779 Blog 3780 </span> 3781 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 vivotek-web-caption-1"> 3782 Cloud Era 3783 </span> 3784 </div> 3785 <p class="line-clamp-2 xl:line-clamp-3 vivotek-web-title-2 text-ellipsis">VSS 1.5: Your Gateway to the Cloud Era</p> 3786 </div> 3787 <span class="text-vivotek-web-caption-2">2026.01.13</span> 3788 </div> 3789 </div> 3790</a> </div> 3791 </div> 3792 </div> 3793 </div> 3794 <div class="md:hidden flex flex-row gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth"> 3795 <a href="https://www.vivotek.com/news-center/news-room/vivotek-marchnetworks-alignment"> 3796 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3797 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3798 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDg0NjQsInB1ciI6ImJsb2JfaWQifX0=--59d270efe51bb88ead5a671f7bd268463efe34a9/Image_Delta%E2%80%99s%20Building%20Automation%20Business%20Group%20Bolsters%20Global%20Security%20Presence.jpg" /> 3799 </div> 3800 <div class="flex flex-col gap-y-4 py-6 px-4"> 3801 <div class="flex items-center gap-2"> 3802 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3803 New 3804 </span> 3805 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3806 March Networks 3807 </span> 3808 </div> 3809 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">Deltaâs Building Automation Business Group Bolsters Global Security Presence: VIVOTEK & March Networks Synergize to Expand Ecosystem</p> 3810 <span class="text-vivotek-web-caption-2">2026.04.30</span> 3811 </div> 3812 </div> 3813</a> <a href="https://www.vivotek.com/news-center/events/cloud-ready"> 3814 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3815 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3816 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4NjgsInB1ciI6ImJsb2JfaWQifX0=--6a318b4f2f09a83e057b8d7592637ca8f9459d99/Keep%20What%20Works.%20Growth%20Without%20Limits..png" /> 3817 </div> 3818 <div class="flex flex-col gap-y-4 py-6 px-4"> 3819 <div class="flex items-center gap-2"> 3820 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3821 Event 3822 </span> 3823 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3824 VORTEX 3825 </span> 3826 </div> 3827 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">Campaign: ANY CAMERA. SINGLE VIEW</p>
3828 <span class="text-vivotek-web-caption-2">2026.09.16</span> 3829 </div> 3830 </div> 3831</a> <a href="https://www.vivotek.com/resource/learning/blog/product-updates-2026-08"> 3832 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3833 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3834 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTI2NTYsInB1ciI6ImJsb2JfaWQifX0=--3cc155647cea1ee05c6b71aada77cac1c4d69d9d/New%20in%20Products__PC_1920x1000px-1.jpg" /> 3835 </div> 3836 <div class="flex flex-col gap-y-4 py-6 px-4"> 3837 <div class="flex items-center gap-2"> 3838 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3839 Blog 3840 </span> 3841 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3842 Hybrid Cloud 3843 </span> 3844 </div> 3845 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">Product Updates August 2026</p> 3846 <span class="text-vivotek-web-caption-2">2026.08.31</span> 3847 </div> 3848 </div> 3849</a> <a href="https://www.vivotek.com/news-center/news-room/exhibition-gsx-atlanta-2026"> 3850 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3851 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3852 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4MzAsInB1ciI6ImJsb2JfaWQifX0=--fd0fda324a02197516b069615ca1b7847d609968/GSX%20Press%20Release_campaign-1920x1080.jpg" /> 3853 </div> 3854 <div class="flex flex-col gap-y-4 py-6 px-4"> 3855 <div class="flex items-center gap-2"> 3856 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3857 New 3858 </span> 3859 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3860 March Netwoks 3861 </span> 3862 </div> 3863 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">March Networks and VIVOTEK Showcase Integrations Across Combined Portfolio at GSX 2026</p> 3864 <span class="text-vivotek-web-caption-2">2026.09.11</span> 3865 </div> 3866 </div> 3867</a> <a href="https://www.vivotek.com/news-center/news-room/product-chroma24-true-color-night"> 3868 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3869 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3870 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDU3MTQsInB1ciI6ImJsb2JfaWQifX0=--ed7d5c8422d7def165fc4bdcc60d87ec3f74eff3/%E5%9C%96%EF%BC%9A%E6%99%B6%E7%9D%BF%E9%80%9A%E8%A8%8AChroma24%E4%BD%8E%E7%85%A7%E5%85%A8%E5%BD%A9%E7%B3%BB%E5%88%97AI%E6%94%9D%E5%BD%B1%E6%A9%9F%EF%BC%8C%E6%8F%90%E4%BE%9B%E3%80%8C%E5%85%A8%E5%A4%A9%E5%80%99%2024%20%E5%B0%8F%E6%99%82%E3%80%81%E7%9C%9F%E5%AF%A6%E8%89%B2%E5%BD%A9%E3%80%81%E6%B8%85%E6%99%B0%E5%8F%AF%E8%BE%A8%E3%80%8D%E7%9A%84%E5%AE%89%E9%98%B2%E9%AB%94%E9%A9%97%E3%80%82.jpg" /> 3871 </div> 3872 <div class="flex flex-col gap-y-4 py-6 px-4"> 3873 <div class="flex items-center gap-2"> 3874 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3875 New 3876 </span> 3877 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3878 Chroma24 3879 </span> 3880 </div> 3881 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">VIVOTEK Chroma24 AI Cameras Unveil Night in True Color</p>
3882 <span class="text-vivotek-web-caption-2">2026.01.13</span> 3883 </div> 3884 </div> 3885</a> <a href="https://www.vivotek.com/news-center/events/isc-west-2026-las-vegas"> 3886 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3887 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3888 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgwNTAsInB1ciI6ImJsb2JfaWQifX0=--496c73cad684a661099475823c7e74833a2f7b24/ISC%20West.png" /> 3889 </div> 3890 <div class="flex flex-col gap-y-4 py-6 px-4"> 3891 <div class="flex items-center gap-2"> 3892 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3893 Event 3894 </span> 3895 </div> 3896 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">ISC WEST 2026</p> 3897 <span class="text-vivotek-web-caption-2">2026.03.12</span> 3898 </div> 3899 </div> 3900</a> <a href="https://www.vivotek.com/resource/learning/blog/vast-security-station-1-5"> 3901 <div class="group flex flex-col rounded-2.5 overflow-hidden snap-start shrink-0 w-71"> 3902 <div class="rounded-2.5 overflow-hidden w-full h-40"> 3903 <img width="327" height="171" loading="lazy" class="w-full h-full object-cover" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDQ3NzEsInB1ciI6ImJsb2JfaWQifX0=--f5bfeecc97d00b6798ed17015b7c92b74fa089e4/VSS1.4_PC_1920x1000px.webp" /> 3904 </div> 3905 <div class="flex flex-col gap-y-4 py-6 px-4"> 3906 <div class="flex items-center gap-2"> 3907 <span class="rounded-md px-4 py-1 bg-vivotek-primary-04 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3908 Blog 3909 </span> 3910 <span class="rounded-md px-4 py-1 bg-vivotek-tertiary-05 text-vivotek-neutral-10 text-vivotek-mobile-caption-2"> 3911 Cloud Era 3912 </span> 3913 </div> 3914 <p class="line-clamp-3 text-vivotek-mobile-title-2 text-ellipsis">VSS 1.5: Your Gateway to the Cloud Era</p> 3915 <span class="text-vivotek-web-caption-2">2026.01.13</span> 3916 </div> 3917 </div> 3918</a> </div> 3919 </div> 3920 3921</div> 3922 <div class="relative px-6 pt-12 pb-20 md:px-23 >xl:px-50 md:py-38 bg-cover bg-center bg-[url(pages/home/partner/mobile_bg.png)] md:bg-[url(pages/home/partner/web_bg.png)]"> 3923 <p class="text-vivotek-blue-400 font-bold text-vivotek-mobile-heading-1 md:text-vivotek-web-heading-2">Designed for Partner Success</p> 3924 <p class="mt-2 text-vivotek-black font-semibold text-vivotek-mobile-body-1 md:text-vivotek-web-title-1">Platforms, training, and insights to help partners build expertise, work efficiently, and grow.</p> 3925 <a class="button block w-fit mt-4 md:mt-10 px-6 py-2 md:py-4 rounded-2.5 bg-vivotek-blue-400 text-white" href="https://portal.vpp.vivotek.com/application/personal">Become a Partner</a> 3926 <div class="flex flex-col md:flex-row gap-6 mt-6 md:mt-12"> 3927 <div class="rounded-2.5 flex-1 flex flex-col md:justify-between md:h-103 bg-white px-8 py-6 md:p-14"> 3928 <div> 3929 <img class="w-11.5 h-10.5 md:w-13.75 md:h-15" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTgsInB1ciI6ImJsb2JfaWQifX0=--29dbf4926adb725a6c428f30f6b21950012eb599/Partners_1.png" /> 3930 <p class="mt-2 text-vivotek-black font-semibold text-vivotek-mobile-title-2 md:text-vivotek-web-title-1">VIVOTEK Premium Partner (VPP) Portal</p> 3931 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1">A centralized portal to manage projects, access resources, and support customers more efficiently.</p> 3932 </div> 3933 <a class="group flex items-center gap-x-1 md:gap-x-3 mt-6 md:mt-0" href="https://www.vivotek.com/partners/partner-portal/vivotek-premium-partner-portal"> 3934 <p class="text-base md:text-vivotek-web-body-1 group-hover:text-vivotek-blue-400 md:font-semibold">Access VPP Portal</p> 3935 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="transform-transition md:duration-500 group-hover:translate-x-2 w-6 h-6 md:w-10 md:h-10 text-vivotek-black md:text-vivotek-blue-400 group-hover:text-vivotek-blue-400"> 3936<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 3937</svg> 3938 3939</a> </div> 3940 <div class="rounded-2.5 flex-1 flex flex-col md:justify-between md:h-103 bg-white px-8 py-6 md:p-14"> 3941 <div> 3942 <img class="w-11.5 h-10.5 md:w-13.75 md:h-15" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4OTAsInB1ciI6ImJsb2JfaWQifX0=--cf04e22e9550edde123442887400e77287acde20/Icon_60x60_VVP%20Program.png" /> 3943 <p class="mt-2 text-vivotek-black font-semibold text-vivotek-mobile-title-2 md:text-vivotek-web-title-1">VIVOTEK Academy</p> 3944 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1">Build your expertise through VIVOTEK training, certification, and solution-focused learning.</p> 3945 </div> 3946 <a class="group flex items-center gap-x-1 md:gap-x-3 mt-6 md:mt-0" href="https://www.vivotek.com/partners/vpp-ecosystem/academy"> 3947 <p class="text-base md:text-vivotek-web-body-1 group-hover:text-vivotek-blue-400 md:font-semibold">Explore the Academy</p> 3948 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="transform-transition md:duration-500 group-hover:translate-x-2 w-6 h-6 md:w-10 md:h-10 text-vivotek-black md:text-vivotek-blue-400 group-hover:text-vivotek-blue-400"> 3949<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 3950</svg> 3951 3952</a> </div> 3953 <div class="rounded-2.5 flex-1 flex flex-col md:justify-between md:h-103 bg-white px-8 py-6 md:p-14"> 3954 <div> 3955 <img class="w-11.5 h-10.5 md:w-13.75 md:h-15" src="https://www.vivotek.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg4OTEsInB1ciI6ImJsb2JfaWQifX0=--cb406e7af64427cc0204fed0a95fb10b818c7ad5/Partners_2.png" /> 3956 <p class="mt-2 text-vivotek-black font-semibold text-vivotek-mobile-title-2 md:text-vivotek-web-title-1">Design Smarter, Deploy Faster</p> 3957 <p class="mt-2 text-vivotek-mobile-body-3 md:text-vivotek-web-body-1">See how the VPP Portal streamlines project planning, simplifies coordination, and helps accelerate deployment.</p> 3958 </div> 3959 <a class="group flex items-center gap-x-1 md:gap-x-3 mt-6 md:mt-0" href="https://www.vivotek.com/resource/learning/blog/design-smarter"> 3960 <p class="text-base md:text-vivotek-web-body-1 group-hover:text-vivotek-blue-400 md:font-semibold">Read the Article</p> 3961 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="transform-transition md:duration-500 group-hover:translate-x-2 w-6 h-6 md:w-10 md:h-10 text-vivotek-black md:text-vivotek-blue-400 group-hover:text-vivotek-blue-400"> 3962<path d="M22.1121 7.01588C21.6123 6.53974 20.821 6.55898 20.3449 7.05886C19.8688 7.55873 19.888 8.34996 20.3879 8.8261L30.8069 18.7505L6.25 18.7505C5.55964 18.7505 5 19.3101 5 20.0005C5 20.6908 5.55964 21.2505 6.25 21.2505L30.807 21.2505L20.3879 31.175C19.888 31.6511 19.8688 32.4423 20.3449 32.9422C20.821 33.4421 21.6123 33.4613 22.1121 32.9852L34.477 21.2073C34.7586 20.9392 34.9252 20.5971 34.9768 20.2415C34.992 20.1635 35 20.0829 35 20.0005C35 19.9178 34.992 19.8371 34.9767 19.759C34.925 19.4036 34.7584 19.0617 34.477 18.7937L22.1121 7.01588Z" fill="currentColor"></path> 3963</svg> 3964 3965</a> </div> 3966 </div> 3967 </div> 3968 3969</div> 3970 3971 3972 3973 <div class="sticky bottom-16.5 md:bottom-0 z-30 flex w-full"> 3974 <div 3975 x-data="{ show: false }" 3976 x-show="show" 3977 @back-to-top:show.window="show = true" 3978 @back-to-top:hide.window="show = false" 3979 class="absolute -top-6 md:-top-10 right-6 md:right-30 -translate-y-full" 3980 > 3981 <a data-turbo="false" href="#top">
3982 <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"> 3983 <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"> 3984<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> 3985</svg> 3986 3987 </div> 3988</a> 3989 </div> 3990 </div> 3991 <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')]"> 3992 <div class="flex items-center flex-col md:flex-row gap-x-15 max-w-380"> 3993 <div class="flex-1"> 3994 <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> 3995 <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> 3996 <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/contact_us/sales_inquiry">Request Demo</a> 3997 </div> 3998 <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/eyJfcmFpbHMiOnsiZGF0YSI6NDc4MTUsInB1ciI6ImJsb2JfaWQifX0=--4cd02980e4f1bec7c8cfff81c5ce530a500692e5/CTA_Banner_GL.png" /></div> 3999 </div> 4000 </div> 4001 4002 <div class="w-full bg-white"> 4003 <footer class="relative flex flex-col items-stretch md:mx-auto md:w-294 2xl:w-380"> 4004 <div class="flex flex-col md:flex-row md:justify-between items-center gap-y-3 pt-6.5 pb-10 md:py-12"> 4005 <img width="217" height="76" class="w-[13.563rem] h-19" src="/assets/shared/logo-8aeaa959dca05a6423c2a1d3c9fe3a708de92958.svg" /> 4006 <div class="flex flex-col gap-y-6 px-6 md:px-0 w-full md:w-112"> 4007 <turbo-frame id="subscription-form"> 4008 <form class="flex flex-col gap-y-3 w-full" action="/home/subscription" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_UJpadGcGdnEj-24W6cH4geKGYppIZtArjGYTbAsfmdrYbQH2zNxc7AyE-MkQT6kQuW0Oh-HfCVr1DRWLoYhHg" autocomplete="off" /> 4009 <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> 4010 <div class="flex justify-between items-center border border-vivotek-neutral-06 rounded-lg overflow-hidden"> 4011 <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" /> 4012 <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> 4013 </div> 4014 <input value="en" autocomplete="off" type="hidden" name="subscription[language]" id="subscription_language" /> 4015</form></turbo-frame> 4016 4017 <div class="flex justify-center md:justify-start items-center gap-x-4"> 4018 <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/18162775/admin/feed/posts/"> 4019 <img width="32" height="32" loading="lazy" class="w-8 h-8 object-contain" src="/assets/icons/shared/linkedin-752015d12d85a52ccf4e04d7100afcd5ccfd0410.svg" /> 4020</a> <a target="_blank" rel="noopener" href="https://www.youtube.com/user/vivotekweb"> 4021 <img width="32" height="32" loading="lazy" class="w-8 h-8 object-contain" src="/assets/icons/shared/youtube-af7589623205280b367e34cc2e4253e4f86a3216.svg" /> 4022</a> </div> 4023 </div> 4024 </div> 4025 <div 4026 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" 4027 x-data="{ 4028 targets: { 4029 panel: { 4030 ['x-init']: 'setHeight($el)', 4031 ['@resize.window']: 'setHeight($el)' 4032 } 4033 }, 4034 async setHeight($el) { 4035 if (window.innerWidth >= 768) { return } 4036 4037 $el.style.height = 'auto' 4038 await $nextTick() 4039 $el.style.setProperty('--height', $el.offsetHeight + 'px') 4040 $el.style.height = 0 4041 } 4042 }" 4043 > 4044 <div class="hidden xl:flex flex-col md:flex-row md:justify-start md:gap-x-20"> 4045 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4046 <input type="checkbox" id="205" class="peer hidden"> 4047 <label for="205" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
4047ort-pointer"> 4048 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4049 </label> 4050 <div class="px-6 py-4 md:p-0"> 4051 <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/company"> 4052 Company 4053</a> </div> 4054 <div 4055 x-bind="targets.panel" 4056 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4057 > 4058 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4059 <div class="px-6 md:p-0"> 4060 <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/company/about_us"> 4061 About Us 4062</a> </div> 4063 <div class="px-6 md:p-0"> 4064 <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/company/sustainability"> 4065 Sustainability 4066</a> </div> 4067 </div> 4068 </div> 4069 </div> 4070 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4071 <input type="checkbox" id="247" class="peer hidden"> 4072 <label for="247" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 4073 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4074 </label> 4075 <div class="px-6 py-4 md:p-0"> 4076 <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/news-center"> 4077 News Center 4078</a> </div> 4079 <div 4080 x-bind="targets.panel" 4081 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4082 > 4083 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4084 <div class="px-6 md:p-0"> 4085 <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/news-center/news-room"> 4086 Newsroom 4087</a> </div> 4088 <div class="px-6 md:p-0"> 4089 <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/news-center/successful-cases"> 4090 Customer Stories 4091</a> </div> 4092 <div class="px-6 md:p-0"> 4093 <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/news-center/events"> 4094 Events 4095</a> </div> 4096 </div> 4097 </div> 4098 </div> 4099 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4100 <input type="checkbox" id="250" class="peer hidden"> 4101 <label for="250" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 4102 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4103 </label> 4104 <div class="px-6 py-4 md:p-0"> 4105 <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/user_agreement"> 4106 User Agreement 4107</a> </div> 4108 <div 4109 x-bind="targets.panel" 4110 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4111 > 4112 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4113 <div class="px-6 md:p-0"> 4114 <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/user_agreement/terms_of_use"> 4115 Terms of Use 4116</a> </div> 4117 <div class="px-6 md:p-0"> 4118 <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/user_agreement/privacy_policy"> 4119 Privacy Policy 4120</a> </div> 4121 <div class="px-6 md:p-0"> 4122 <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/user_agreement/marketing_material_usage_rules"> 4123 Marketing Material Usage Rules 4124</a> </div> 4125 <div class="px-6 md:p-0"> 4126 <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/user_agreement/intellectual_property"> 4127 Intellectual Property 4128</a> </div> 4129 <div class="px-6 md:p-0"> 4130 <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/user_agreement/vpp_portal_terms_of_use"> 4131 VPP Portal Terms of Use 4132</a> </div> 4133 <div class="px-6 md:p-0"> 4134 <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/user_agreement/vortex"> 4135 VORTEX Terms and Policies 4136</a> </div> 4137 <div class="px-6 md:p-0"> 4138 <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/user_agreement/data_processing_addendum"> 4139 DPA Documents 4140</a> </div> 4141 </div> 4142 </div> 4143 </div> 4144 </div> 4145 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4146 <input type="checkbox" id="205" class="peer hidden"> 4147 <label for="205" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
4147ort-pointer"> 4148 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4149 </label> 4150 <div class="px-6 py-4 md:p-0"> 4151 <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/company"> 4152 Company 4153</a> </div> 4154 <div 4155 x-bind="targets.panel" 4156 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4157 > 4158 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4159 <div class="px-6 md:p-0"> 4160 <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/company/about_us"> 4161 About Us 4162</a> </div> 4163 <div class="px-6 md:p-0"> 4164 <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/company/sustainability"> 4165 Sustainability 4166</a> </div> 4167 </div> 4168 </div> 4169 </div> 4170 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4171 <input type="checkbox" id="247" class="peer hidden"> 4172 <label for="247" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 4173 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4174 </label> 4175 <div class="px-6 py-4 md:p-0"> 4176 <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/news-center"> 4177 News Center 4178</a> </div> 4179 <div 4180 x-bind="targets.panel" 4181 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4182 > 4183 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4184 <div class="px-6 md:p-0"> 4185 <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/news-center/news-room"> 4186 Newsroom 4187</a> </div> 4188 <div class="px-6 md:p-0"> 4189 <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/news-center/successful-cases"> 4190 Customer Stories 4191</a> </div> 4192 <div class="px-6 md:p-0"> 4193 <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/news-center/events"> 4194 Events 4195</a> </div> 4196 </div> 4197 </div> 4198 </div> 4199 <div class="xl:hidden relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4200 <input type="checkbox" id="250" class="peer hidden"> 4201 <label for="250" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 4202 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4203 </label> 4204 <div class="px-6 py-4 md:p-0"> 4205 <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/user_agreement"> 4206 User Agreement 4207</a> </div> 4208 <div 4209 x-bind="targets.panel" 4210 class="md:mt-6 md:!h-auto peer-checked:!h-[var(--height)] md:peer-checked:!h-auto overflow-hidden transition-[height]" 4211 > 4212 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4213 <div class="px-6 md:p-0"> 4214 <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/user_agreement/terms_of_use"> 4215 Terms of Use 4216</a> </div> 4217 <div class="px-6 md:p-0"> 4218 <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/user_agreement/privacy_policy"> 4219 Privacy Policy 4220</a> </div> 4221 <div class="px-6 md:p-0"> 4222 <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/user_agreement/marketing_material_usage_rules"> 4223 Marketing Material Usage Rules 4224</a> </div> 4225 <div class="px-6 md:p-0"> 4226 <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/user_agreement/intellectual_property"> 4227 Intellectual Property 4228</a> </div> 4229 <div class="px-6 md:p-0"> 4230 <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/user_agreement/vpp_portal_terms_of_use"> 4231 VPP Portal Terms of Use 4232</a> </div> 4233 <div class="px-6 md:p-0"> 4234 <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/user_agreement/vortex"> 4235 VORTEX Terms and Policies 4236</a> </div> 4237 <div class="px-6 md:p-0"> 4238 <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/user_agreement/data_processing_addendum"> 4239 DPA Documents 4240</a> </div> 4241 </div> 4242 </div> 4243 </div> 4244 <div class="md:w-[23.0625rem] 2xl:w-112"> 4245 <div class="flex flex-col md:gap-y-10"> 4246 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4247 <input type="checkbox" id="footer-vivotek-inc" class="peer hidden"> 4248 <label for="footer-vivotek-inc" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 curs
4248ort-pointer"> 4249 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4250 </label> 4251 <div class="px-6 py-4 md:p-0 text-vivotek-neutral-10 text-vivotek-mobile-body-1 md:text-vivotek-web-title-3"> 4252 VIVOTEK INC. 4253 </div> 4254 <div 4255 x-bind="targets.panel" 4256 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" 4257 > 4258 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4259 <p>6F, No.192, Lien-Cheng Rd., Chung-Ho, New Taipei City 23553, Taiwan</p> 4260 <p>+886-2-8245-5282</p> 4261 <div> 4262 <a target="_blank" class="hover:text-vivotek-primary" href="/contact_us/sales_inquiry"> 4263 <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"> 4264 <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"> 4265<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> 4266<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> 4267<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> 4268<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> 4269</svg> 4270 4271 Sales Inquiry 4272 </div> 4273</a> </div> 4274 </div> 4275 </div> 4276 </div> 4277 <div class="relative flex flex-col border-t md:border-0 border-vivotek-neutral-03"> 4278 <input type="checkbox" id="footer-technical-center" class="peer hidden"> 4279 <label for="footer-technical-center" class="absolute right-6 top-4 md:hidden text-vivotek-primary peer-checked:rotate-180 cursort-pointer"> 4280 <img width="24" height="24" loading="lazy" class="w-6 h-6 object-contain" src="/assets/icons/shared/arrow_expanded_blue-5dd6a6c8a8d77a40f4c1473622bed11d902a1057.svg" /> 4281 </label> 4282 <div class="px-6 py-4 md:p-0 text-vivotek-neutral-10 text-vivotek-mobile-body-1 md:text-vivotek-web-title-3"> 4283 Technical Support 4284 </div> 4285 <div 4286 x-bind="targets.panel" 4287 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" 4288 > 4289 <div class="flex flex-col gap-y-3 pb-4 md:pb-0"> 4290 <p></p> 4291 4292 <a target="_blank" class="hover:text-vivotek-primary" href="/contact_us/technical_support"> 4293 <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"> 4294 <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"> 4295<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> 4296</svg> 4297 4298 Technical Support 4299 </div> 4300</a> </div> 4301 </div> 4302 </div> 4303 </div> 4304 </div> 4305 </div> 4306 <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"> 4307 © Copyright 2026 VIVOTEK Inc. All rights reserved. 4308 </div> 4309</footer> 4310 4311 </div> 4312 </div> 4313 <div class="sticky md:fixed bottom-0 md:right-0 z-10 md:w-full"> 4314 <div class="absolute left-0 top-0 flex flex-col items-stretch w-full -translate-y-full"> 4315 <turbo-frame id="footer-flash"></turbo-frame> 4316 </div> 4317 4318 <div class="hidden md:block w-full" teleport-to="product-comparison-modal-desktop"></div> 4319 4320 <div class="relative md:fixed md:top-57 2xl:top-76 md:right-0"> 4321 <div 4322 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]" 4323 :class="{ '!h-0': !isShow }" 4324 x-data="{ isShow: true }" 4325 @scroll:direction.window="isShow = $event.detail === 'up'" 4326 > 4327 <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="/product_selector"> 4328 <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>
4329 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Product Selector</span> 4330</a> <hr class="self-stretch hidden md:block border-white mx-2 rounded-full"> 4331 <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="/contact_us/sales_inquiry"> 4332 <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> 4333 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Contact Us</span> 4334</a> <hr class="self-stretch hidden md:block border-white mx-2 rounded-full"> 4335 <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="/resource/download-center"> 4336 <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> 4337 <span class="md:hidden xl:block text-xs md:text-vivotek-web-caption-2 whitespace-nowrap md:whitespace-normal">Download Center</span> 4338</a> </div> 4339 </div> 4340</div> 4341 4342 </div> 4343 <div 4344 x-data="{ 4345 timer: null, 4346 duration: 150, 4347 lastPos: 0, 4348 status: 'init', 4349 timeoutCallback() { 4350 clearTimeout(this.timer) 4351 this.status = 'init' 4352 }, 4353 onScroll() { 4354 if (window.innerWidth >= 768) { return } 4355 4356 if (this.status === 'init') { 4357 this.lastPos = window.scrollY 4358 this.status = 'firstOver' 4359 } else if (this.status === 'firstOver') { 4360 const direction = window.scrollY >= this.lastPos ? 'down' : 'up' 4361 if (this.checkPosValid()) { 4362 this.$dispatch('scroll:direction', direction) 4363 } 4364 this.status = 'secondOver' 4365 4366 this.timer = setTimeout(() => this.timeoutCallback(), this.duration) 4367 } else if (this.status === 'secondOver') { 4368 this.timer = setTimeout(() => this.timeoutCallback(), this.duration) 4369 } 4370 }, 4371 checkPosValid() { 4372 const min = 0 4373 const max = document.body.offsetHeight - window.innerHeight 4374 return window.scrollY >= min && window.scrollY <= max 4375 } 4376 }" 4377 @scroll.window.passive.stop="onScroll" 4378></div> 4379 4380 4381 <turbo-frame id="login-modal"></turbo-frame> 4382 <div class="sticky bottom-0 z-60"> 4383 <div class="absolute left-0 top-0 flex flex-col items-stretch w-full -translate-y-full"> 4384 <turbo-frame id="footer-flash-above-modal"></turbo-frame> 4385 </div> 4386</div> 4387 4388 4389 <frontend-modals-general class="contents" x-data="{ 4390 header: '', 4391 message: '', 4392 submit: 'Yes', 4393 opened: false, 4394 toggleModal() { 4395 this.opened = !this.opened 4396 } 4397 }" id="confirm-modal"> 4398 4399 4400 <div class="contents"> 4401 4402 <div 4403 tabindex="-1" 4404 aria-hidden="true" 4405 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 " 4406 :class="{ 'hidden': !opened }" 4407 > 4408 <div class="bg-gray-900/50 dark:bg-gray-900/80 fixed inset-0 z-0" ></div> 4409 <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"> 4410 <div class="relative w-82 md:w-fit p-10 bg-white rounded-lg shadow dark:bg-gray-700 pointer-events-auto "> 4411 4412 <!-- Modal header --> 4413 <div class="text-center"> 4414 <h3 class="text-vivotek-web-title-2"> 4415 <div x-html="header"></div> 4416 4417 </h3> 4418 </div> 4419 4420 <!-- Modal body --> 4421 <div class="mt-6"> 4422 4423 4424 <div class="md:w-80" x-html="message"></div> 4425 4426 4427 </div> 4428 4429 <!-- Modal footer --> 4430 <div class="grid grid-cols-1 md:grid-cols-2 mt-8 gap-3"> 4431 <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"> 4432 <button class="button md:flex-1 text-nowrap" @click="$dispatch('modal:confirm'); opened = false" x-html="submit">Yes</button> 4433 <button class="button-line md:flex-1" @click="opened = false">Cancel</button> 4434 </div> 4435 4436 </div> 4437 </div> 4438 </div> 4439 </div> 4440 </div> 4441</frontend-modals-general> 4442 <turbo-frame id="turbo_redirect_to"></turbo-frame> 4443 4444
4444<script src="/assets/application-6abe5613e72ed03eff9cc3bdfd7cd317faea8cac.js" data-turbo-track="reload" type="module" defer="defer" async="async"></script>
4444 4445
4445<script defer async> 4446 document.querySelectorAll('link[disabled]').forEach(link => link.removeAttribute('disabled')) 4447 </script>
4447 4448
4448<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1686403442" async></script>
4448</body> 4449</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.