Dokers/Northen-node
0
1<!DOCTYPE html>2<html lang="ru">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1.0">6<title>Связь и мониторинг - Северный Узел</title>7<script src="https://cdn.tailwindcss.com/3.4.16"></script>8<script>9tailwind.config = {10theme: {11extend: {12colors: {13primary: '#25282B',14secondary: '#ffffff'15},16borderRadius: {17'none': '0px',18'sm': '4px',19DEFAULT: '8px',20'md': '12px',21'lg': '16px',22'xl': '20px',23'2xl': '24px',24'3xl': '32px',25'full': '9999px',26'button': '8px'27},28fontFamily: {29'din': ['DIN Alternate', 'DIN Pro', 'sans-serif'],30'roboto': ['Roboto', 'sans-serif']31}32}33}34}35</script>36<link rel="preconnect" href="https://fonts.googleapis.com">37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>38<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">39<link href="https://fonts.cdnfonts.com/css/coolvetica" rel="stylesheet">40<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css">41<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js"></script>42<style>43:where([class^="ri-"])::before {44content: "\f3c2";45}46@import url('https://fonts.googleapis.com/css2?family=DIN+Alternate:wght@400;700&display=swap');47.card-hover {48transition: all 0.3s ease;49}50.card-hover:hover {51transform: translateY(-8px);52box-shadow: 0 20px 40px rgba(37, 40, 43, 0.15);53}54.nav-item {55position: relative;56}57.dropdown {58position: absolute;59top: 100%;60left: 0;61background: white;62border: 1px solid #e5e7eb;63border-radius: 8px;64box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);65opacity: 0;66visibility: hidden;67transform: translateY(-10px);68transition: all 0.3s ease;69z-index: 50;70min-width: 200px;71}72.nav-item:hover .dropdown {73opacity: 1;74visibility: visible;75transform: translateY(0);76}77.active-nav {78color: #25282B;79font-weight: 600;80}81.tab-button {82transition: all 0.3s ease;83}84.tab-button.active {85background-color: #25282B;86color: white;87}88.accordion-content {89max-height: 0;90overflow: hidden;91transition: max-height 0.3s ease;92}93.accordion-content.active {94max-height: 500px;95}96.custom-checkbox {97appearance: none;98width: 20px;99height: 20px;100border: 2px solid #d1d5db;101border-radius: 4px;102background: white;103cursor: pointer;104position: relative;105}106.custom-checkbox:checked {107background: #25282B;108border-color: #25282B;109}110.custom-checkbox:checked::after {111content: '✓';112position: absolute;113top: 50%;114left: 50%;115transform: translate(-50%, -50%);116color: white;117font-size: 12px;118font-weight: bold;119}120.custom-radio {121appearance: none;122width: 20px;123height: 20px;124border: 2px solid #d1d5db;125border-radius: 50%;126background: white;127cursor: pointer;128position: relative;129}130.custom-radio:checked {131border-color: #25282B;132}133.custom-radio:checked::after {134content: '';135position: absolute;136top: 50%;137left: 50%;138transform: translate(-50%, -50%);139width: 8px;140height: 8px;141border-radius: 50%;142background: #25282B;143}144.custom-select {145appearance: none;146background-image: url("data:image/svg+xml;charset=utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");147background-position: right 0.5rem center;148background-repeat: no-repeat;149background-size: 1.5em 1.5em;150}151</style>152</head>153<body class="font-roboto bg-white">154<header class="bg-white border-b border-gray-100 sticky top-0 z-40">155<div class="w-full px-6 lg:px-8">156<div class="flex items-center justify-between h-20">157<div class="flex items-center">158<a href="https://readdy.ai/home/03180a34-5b61-4252-8acc-589f53d09df2/cce38d9e-ff21-49ea-a4c5-0accc038d013" data-readdy="true" class="flex items-center">159<span class="text-3xl font-['Coolvetica'] text-primary">Северный Узел</span>160</a>161</div>162<nav class="hidden lg:flex items-center space-x-8">163<a href="/index.html" data-readdy="true" class="text-gray-700 hover:text-primary transition-colors font-medium">Главная</a>164<div class="nav-item">165<a href="#" class="text-gray-700 hover:text-primary transition-colors font-medium flex items-center">166Направления167<div class="w-4 h-4 flex items-center justify-center ml-1">168<i class="ri-arrow-down-s-line text-sm"></i>169</div>170</a>171<div class="dropdown">172<a href="/Logistic.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors">Кризисная логистика</a>173<a href="/spectech.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors">Спецтехника</a>174<a href="/connection.html" class="block px-4 py-3 text-gray-700 hover:bg-gray-50 hover:text-primary transition-colors active-nav">Связь и мониторинг</a>175</div>176</div>177<a href="/decisions.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Решения</a>178<a href="/cases.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Кейсы</a>179<a href="/expertise.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Экспертиза</a>180<a href="/contacts.html" class="text-gray-700 hover:text-primary transition-colors font-medium">Контакты</a>181</nav>182<div class="flex items-center space-x-6">183<a href="tel:+7" class="text-gray-700 hover:text-primary transition-colors font-medium">+7 (495) 123-45-67</a>184<button class="bg-primary text-white px-6 py-3 !rounded-button hover:bg-gray-800 transition-colors font-medium whitespace-nowrap">185Обсудить задачу186</button>187</div>188</div>189</div>190</header>191<main>192<section class="relative h-screen flex items-center justify-center overflow-hidden bg-primary">193<div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/60 to-black/30 z-10"></div>194<div style="background-image: url('https://readdy.ai/api/search-image?query=satellite%20communication%20equipment%20installation%20in%20arctic%20environment%20professional%20technicians%20setting%20up%20iridium%20terminal%20with%20aurora%20borealis%20in%20background%20extreme%20weather%20conditions%20high-tech%20monitoring%20systems%20cinematic%20wide%20shot%20dramatic%20lighting&width=1920&height=1080&seq=hero-comm&orientation=landscape')" class="absolute inset-0 bg-cover bg-center bg-no-repeat"></div>195<div class="relative z-20 w-full px-6 lg:px-8">196<div class="max-w-5xl mx-auto">197<div class="flex items-center mb-6">198<a href="https://readdy.ai/home/03180a34-5b61-4252-8acc-589f53d09df2/cce38d9e-ff21-49ea-a4c5-0accc038d013" data-readdy="true" class="flex items-center text-gray-300 hover:text-white transition-colors">199<div class="w-5 h-5 flex items-center justify-center mr-2">200<i class="ri-arrow-left-line"></i>201</div>202Назад203</a>204</div>205<h1 class="text-6xl lg:text-8xl font-bold text-white mb-8 font-['DIN Pro'] leading-tight tracking-tight">206Связь и<br><span class="bg-clip-text text-transparent bg-gradient-to-r from-white via-white to-gray-300">мониторинг</span>207</h1>208<p class="text-xl lg:text-2xl text-gray-200 mb-12 max-w-3xl leading-relaxed">209Спутниковая связь Iridium/Инмарсат и системы мониторинга 24/7 для работы в любых условиях по всему миру210</p>211<div class="flex flex-col sm:flex-row items-start space-y-6 sm:space-y-0 sm:space-x-10">212<button class="bg-white text-primary px-10 py-5 !rounded-button hover:bg-gray-100 transition-all transform hover:scale-105 font-medium text-lg whitespace-nowrap shadow-lg">213Получить консультацию214</button>215<div class="grid grid-cols-3 gap-8 text-center">216<div>217<div class="text-3xl font-bold text-white font-['DIN Pro'] mb-1">100%</div>218<div class="text-gray-300 text-sm uppercase tracking-wider">Покрытие планеты</div>219</div>220<div>221<div class="text-3xl font-bold text-white font-['DIN Pro'] mb-1">24/7</div>222<div class="text-gray-300 text-sm uppercase tracking-wider">Мониторинг</div>223</div>224<div>225<div class="text-3xl font-bold text-white font-['DIN Pro'] mb-1">-60°C</div>226<div class="text-gray-300 text-sm uppercase tracking-wider">Рабочая температура</div>227</div>228</div>229</div>230</div>231</div>232</section>233<section class="py-20 bg-gray-50">234<div class="max-w-7xl mx-auto px-6 lg:px-8">235<div class="text-center mb-16">236<h2 class="text-4xl font-bold text-primary mb-4 font-din">Преимущества спутниковой связи</h2>237<p class="text-xl text-gray-600 max-w-3xl mx-auto">Надежная связь и мониторинг там, где наземная инфраструктура недоступна</p>238</div>239<div class="grid lg:grid-cols-3 gap-8">240<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">241<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">242<i class="ri-global-line ri-2x"></i>243</div>244<h3 class="text-2xl font-bold text-primary mb-4 font-din">Глобальное покрытие</h3>245<p class="text-gray-600 leading-relaxed">Связь в любой точке планеты, включая полюса, океаны и самые отдаленные территории</p>246</div>247<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">248<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">249<i class="ri-shield-check-line ri-2x"></i>250</div>251<h3 class="text-2xl font-bold text-primary mb-4 font-din">Надежность</h3>252<p class="text-gray-600 leading-relaxed">Работа в экстремальных условиях при температуре от -60°C до +85°C и влажности до 100%</p>253</div>254<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">255<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">256<i class="ri-time-line ri-2x"></i>257</div>258<h3 class="text-2xl font-bold text-primary mb-4 font-din">Круглосуточная работа</h3>259<p class="text-gray-600 leading-relaxed">Непрерывный мониторинг и связь 24/7/365 с технической поддержкой в режиме реального времени</p>260</div>261<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">262<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">263<i class="ri-speed-line ri-2x"></i>264</div>265<h3 class="text-2xl font-bold text-primary mb-4 font-din">Быстрое развертывание</h3>266<p class="text-gray-600 leading-relaxed">Установка и настройка оборудования в течение 30 минут, готовность к работе сразу после включения</p>267</div>268<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">269<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">270<i class="ri-signal-tower-line ri-2x"></i>271</div>272<h3 class="text-2xl font-bold text-primary mb-4 font-din">Независимость</h3>273<p class="text-gray-600 leading-relaxed">Полная автономность от наземной инфраструктуры, работа при отсутствии сотовой связи и интернета</p>274</div>275<div class="bg-white rounded-2xl p-8 shadow-lg card-hover">276<div class="w-16 h-16 flex items-center justify-center bg-primary text-white rounded-2xl mb-6">277<i class="ri-lock-line ri-2x"></i>278</div>279<h3 class="text-2xl font-bold text-primary mb-4 font-din">Безопасность</h3>280<p class="text-gray-600 leading-relaxed">Шифрование данных военного уровня, защищенные каналы связи и конфиденциальность передачи</p>281</div>282</div>283</div>284</section>285<section class="py-20 bg-white">286<div class="max-w-7xl mx-auto px-6 lg:px-8">287<div class="text-center mb-16">288<h2 class="text-4xl font-bold text-primary mb-4 font-din">Виды оборудования</h2>289<p class="text-xl text-gray-600 max-w-3xl mx-auto">Широкий спектр решений для любых задач связи и мониторинга</p>290</div>291<div class="flex justify-center mb-12">292<div class="bg-gray-100 p-1 rounded-full flex">293<button class="tab-button active px-6 py-3 rounded-full text-base font-semibold whitespace-nowrap transition-all duration-300 bg-primary text-white" data-tab="iridium">Iridium</button>294<button class="tab-button px-6 py-3 rounded-full text-base font-semibold whitespace-nowrap transition-all duration-300 text-gray-600 hover:text-primary" data-tab="inmarsat">Инмарсат</button>295<button class="tab-button px-6 py-3 rounded-full text-base font-semibold whitespace-nowrap transition-all duration-300 text-gray-600 hover:text-primary" data-tab="portable">Портативные</button>296<button class="tab-button px-6 py-3 rounded-full text-base font-semibold whitespace-nowrap transition-all duration-300 text-gray-600 hover:text-primary" data-tab="tracking">Трекинг</button>297</div>298</div>299<div id="tab-content">300<div class="tab-content block" data-content="iridium">301<div class="grid lg:grid-cols-2 gap-12">302<div class="space-y-8">303<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">304<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">305<h3 class="text-xl font-bold font-din">Iridium 9575 Extreme</h3>306</div>307<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=iridium%20satellite%20phone%20terminal%20extreme%20model%20professional%20communication%20device%20rugged%20design%20arctic%20environment%20high-tech%20equipment%20product%20shot%20clean%20background&width=400&height=300&seq=iridium1&orientation=landscape')"></div>308<ul class="space-y-3 text-gray-600 text-base">309<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Голосовая связь и SMS</li>310<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>GPS-трекинг и SOS-сигнал</li>311<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Работа при -40°C до +85°C</li>312<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Защита IP65</li>313<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>30 часов в режиме ожидания</li>314</ul>315</div>316<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">317<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">318<h3 class="text-xl font-bold font-din">Iridium OpenPort</h3>319</div>320<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=iridium%20openport%20marine%20satellite%20communication%20system%20installed%20on%20ship%20deck%20professional%20maritime%20equipment%20antenna%20system%20ocean%20background&width=400&height=300&seq=iridium2&orientation=landscape')"></div>321<ul class="space-y-3 text-gray-600 text-base">322<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Высокоскоростной интернет</li>323<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>До 128 Кбит/с</li>324<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Морское применение</li>325<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Автоматическое наведение</li>326<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Одновременно голос и данные</li>327</ul>328</div>329</div>330<div class="space-y-8">331<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">332<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">333<h3 class="text-xl font-bold font-din">Iridium Certus</h3>334</div>335<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=iridium%20certus%20broadband%20terminal%20modern%20satellite%20communication%20equipment%20professional%20setup%20industrial%20environment%20high-speed%20data%20transmission&width=400&height=300&seq=iridium3&orientation=landscape')"></div>336<ul class="space-y-3 text-gray-600 text-base">337<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Широкополосный доступ</li>338<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>До 704 Кбит/с</li>339<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Поддержка IP-приложений</li>340<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Компактный размер</li>341<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Низкое энергопотребление</li>342</ul>343</div>344<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">345<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">346<h3 class="text-xl font-bold font-din">Iridium Edge</h3>347</div>348<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=iridium%20edge%20iot%20satellite%20modem%20small%20compact%20device%20industrial%20monitoring%20equipment%20remote%20sensing%20technology%20professional%20product%20shot&width=400&height=300&seq=iridium4&orientation=landscape')"></div>349<ul class="space-y-3 text-gray-600 text-base">350<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>IoT и M2M решения</li>351<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Передача коротких сообщений</li>352<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Низкое энергопотребление</li>353<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Удаленный мониторинг</li>354<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Автономная работа до 5 лет</li>355</ul>356</div>357</div>358</div>359</div>360<div class="tab-content hidden" data-content="inmarsat">361<div class="grid lg:grid-cols-2 gap-12">362<div class="space-y-8">363<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">364<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">365<h3 class="text-xl font-bold font-din">IsatPhone 2</h3>366</div>367<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=inmarsat%20isatphone%20satellite%20phone%20rugged%20communication%20device%20professional%20equipment%20extreme%20conditions%20maritime%20use%20clean%20product%20background&width=400&height=300&seq=inmarsat1&orientation=landscape')"></div>368<ul class="space-y-3 text-gray-600 text-base">369<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Кристально чистая связь</li>370<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>SMS и email</li>371<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>GPS-навигация</li>372<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Защита IP54</li>373<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>8 часов разговора</li>374</ul>375</div>376<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">377<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">378<h3 class="text-xl font-bold font-din">BGAN Explorer</h3>379</div>380<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=inmarsat%20bgan%20explorer%20portable%20satellite%20terminal%20broadband%20internet%20access%20professional%20communication%20equipment%20field%20operations&width=400&height=300&seq=inmarsat2&orientation=landscape')"></div>381<ul class="space-y-3 text-gray-600 text-base">382<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Портативный интернет</li>383<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>До 464 Кбит/с</li>384<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Wi-Fi точка доступа</li>385<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Легкая установка</li>386<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Работа от аккумулятора</li>387</ul>388</div>389</div>390<div class="space-y-8">391<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">392<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">393<h3 class="text-xl font-bold font-din">Fleet Xpress</h3>394</div>395<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=inmarsat%20fleet%20xpress%20maritime%20satellite%20communication%20system%20ship%20antenna%20high-speed%20broadband%20ocean%20vessel%20professional%20maritime%20equipment&width=400&height=300&seq=inmarsat3&orientation=landscape')"></div>396<ul class="space-y-3 text-gray-600 text-base">397<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Высокоскоростной интернет</li>398<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>До 50 Мбит/с</li>399<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Глобальное покрытие</li>400<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Морские операции</li>401<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Безлимитные планы</li>402</ul>403</div>404<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">405<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">406<h3 class="text-xl font-bold font-din">IsatData Pro</h3>407</div>408<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=inmarsat%20isatdata%20pro%20m2m%20satellite%20modem%20industrial%20iot%20device%20remote%20monitoring%20equipment%20professional%20data%20transmission%20technology&width=400&height=300&seq=inmarsat4&orientation=landscape')"></div>409<ul class="space-y-3 text-gray-600 text-base">410<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>M2M коммуникации</li>411<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Передача данных</li>412<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Удаленный мониторинг</li>413<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Низкая стоимость</li>414<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Простая интеграция</li>415</ul>416</div>417</div>418</div>419</div>420<div class="tab-content hidden" data-content="portable">421<div class="grid lg:grid-cols-3 gap-8">422<div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100">423<div class="bg-primary text-white px-3 py-1 rounded-lg inline-block mb-4">424<h3 class="text-lg font-bold font-din">Garmin inReach</h3>425</div>426<div class="h-40 bg-cover bg-center rounded-xl mb-4" style="background-image: url('https://readdy.ai/api/search-image?query=portable%20satellite%20communicator%20handheld%20gps%20device%20outdoor%20adventure%20equipment%20emergency%20communication%20rugged%20design%20hiking%20mountaineering&width=300&height=200&seq=portable1&orientation=landscape')"></div>427<ul class="space-y-2 text-gray-600 text-base">428<li>• Двусторонние сообщения</li>429<li>• SOS с координатами</li>430<li>• GPS-навигация</li>431<li>• 100 часов работы</li>432</ul>433</div>434<div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100">435<div class="bg-primary text-white px-3 py-1 rounded-lg inline-block mb-4">436<h3 class="text-lg font-bold font-din">SPOT X</h3>437</div>438<div class="h-40 bg-cover bg-center rounded-xl mb-4" style="background-image: url('https://readdy.ai/api/search-image?query=spot%20satellite%20messenger%20emergency%20beacon%20outdoor%20safety%20device%20compact%20communication%20equipment%20adventure%20sports%20rescue%20technology&width=300&height=200&seq=portable2&orientation=landscape')"></div>439<ul class="space-y-2 text-gray-600 text-base">440<li>• Клавиатура для сообщений</li>441<li>• Проверка сообщений</li>442<li>• Отслеживание маршрута</li>443<li>• Компас и GPS</li>444</ul>445</div>446<div class="bg-white rounded-2xl p-6 shadow-lg border border-gray-100">447<div class="bg-primary text-white px-3 py-1 rounded-lg inline-block mb-4">448<h3 class="text-lg font-bold font-din">ACR ResQLink</h3>449</div>450<div class="h-40 bg-cover bg-center rounded-xl mb-4" style="background-image: url('https://readdy.ai/api/search-image?query=acr%20resqlink%20personal%20locator%20beacon%20emergency%20rescue%20device%20maritime%20safety%20equipment%20waterproof%20satellite%20beacon&width=300&height=200&seq=portable3&orientation=landscape')"></div>451<ul class="space-y-2 text-gray-600 text-base">452<li>• Персональный маяк</li>453<li>• Водонепроницаемый</li>454<li>• 24 часа передачи</li>455<li>• Без абонплаты</li>456</ul>457</div>458</div>459</div>460<div class="tab-content hidden" data-content="tracking">461<div class="grid lg:grid-cols-2 gap-12">462<div class="space-y-8">463<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">464<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">465<h3 class="text-xl font-bold font-din">GlobalStar STX3</h3>466</div>467<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=globalstar%20satellite%20tracking%20device%20asset%20monitoring%20equipment%20industrial%20gps%20tracker%20fleet%20management%20technology%20professional%20telematics&width=400&height=300&seq=tracking1&orientation=landscape')"></div>468<ul class="space-y-3 text-gray-600 text-base">469<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Отслеживание активов</li>470<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Геозоны и уведомления</li>471<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Долгое время работы</li>472<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Простая установка</li>473</ul>474</div>475<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">476<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">477<h3 class="text-xl font-bold font-din">Orbcomm ST 6100</h3>478</div>479<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=orbcomm%20satellite%20modem%20industrial%20iot%20device%20remote%20monitoring%20system%20professional%20m2m%20communication%20equipment%20data%20transmission&width=400&height=300&seq=tracking2&orientation=landscape')"></div>480<ul class="space-y-3 text-gray-600 text-base">481<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Промышленный IoT</li>482<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Удаленная телеметрия</li>483<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Низкое энергопотребление</li>484<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Надежная связь</li>485</ul>486</div>487</div>488<div class="space-y-8">489<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">490<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">491<h3 class="text-xl font-bold font-din">Iridium 9602</h3>492</div>493<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=iridium%209602%20satellite%20modem%20compact%20communication%20module%20embedded%20system%20professional%20iot%20device%20industrial%20automation&width=400&height=300&seq=tracking3&orientation=landscape')"></div>494<ul class="space-y-3 text-gray-600 text-base">495<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Компактный модем</li>496<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Короткие сообщения</li>497<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Встраиваемое решение</li>498<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Глобальное покрытие</li>499</ul>500</div>501<div class="bg-white rounded-2xl p-8 shadow-lg border border-gray-100">502<div class="bg-primary text-white px-4 py-2 rounded-lg inline-block mb-4">503<h3 class="text-xl font-bold font-din">Thuraya IP+</h3>504</div>505<div class="h-48 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=thuraya%20ip%20plus%20satellite%20terminal%20portable%20broadband%20communication%20middle%20east%20coverage%20professional%20satellite%20equipment&width=400&height=300&seq=tracking4&orientation=landscape')"></div>506<ul class="space-y-3 text-gray-600 text-base">507<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Региональное покрытие</li>508<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Высокая скорость</li>509<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Портативность</li>510<li class="flex items-center"><div class="w-2 h-2 bg-primary rounded-full mr-3"></div>Доступная цена</li>511</ul>512</div>513</div>514</div>515</div>516</div>517</div>518</section>519<section class="py-20 bg-gray-50">520<div class="max-w-7xl mx-auto px-6 lg:px-8">521<div class="text-center mb-16">522<h2 class="text-4xl font-bold text-primary mb-4 font-din">Тарифные планы</h2>523<p class="text-xl text-gray-600 max-w-3xl mx-auto">Гибкие тарифы для любых потребностей и бюджета</p>524</div>525<div class="grid lg:grid-cols-4 gap-8">526<div class="bg-white rounded-2xl p-8 shadow-lg hover:border-2 hover:border-primary transition-all duration-300 flex flex-col h-full">527<div class="text-center mb-8">528<h3 class="text-2xl font-bold text-primary mb-2 font-din">Базовый</h3>529<div class="text-4xl font-bold text-primary mb-1">₽15 000</div>530<div class="text-gray-500">в месяц</div>531</div>532<ul class="space-y-4 mb-8 flex-grow">533<li class="flex items-center text-gray-600">534<div class="w-5 h-5 flex items-center justify-center mr-3">535<i class="ri-check-line text-green-500"></i>536</div>53750 минут голосовой связи538</li>539<li class="flex items-center text-gray-600">540<div class="w-5 h-5 flex items-center justify-center mr-3">541<i class="ri-check-line text-green-500"></i>542</div>543100 SMS сообщений544</li>545<li class="flex items-center text-gray-600">546<div class="w-5 h-5 flex items-center justify-center mr-3">547<i class="ri-check-line text-green-500"></i>548</div>54910 МБ данных550</li>551<li class="flex items-center text-gray-600">552<div class="w-5 h-5 flex items-center justify-center mr-3">553<i class="ri-check-line text-green-500"></i>554</div>555GPS-трекинг556</li>557<li class="flex items-center text-gray-500">558<div class="w-5 h-5 flex items-center justify-center mr-3">559<i class="ri-close-line"></i>560</div>561Техподдержка 24/7562</li>563</ul>564<button class="w-full bg-gray-100 text-primary py-3 !rounded-button hover:bg-gray-200 active:bg-primary active:text-white transition-colors font-medium whitespace-nowrap mt-auto">565Выбрать план566</button>567</div>568<div class="bg-white rounded-2xl p-8 shadow-lg hover:border-2 hover:border-primary transition-all duration-300 flex flex-col h-full">569<div class="text-center mb-8">570<h3 class="text-2xl font-bold text-primary mb-2 font-din">Стандартный</h3>571<div class="text-4xl font-bold text-primary mb-1">₽35 000</div>572<div class="text-gray-500">в месяц</div>573</div>574<ul class="space-y-4 mb-8 flex-grow">575<li class="flex items-center text-gray-600">576<div class="w-5 h-5 flex items-center justify-center mr-3">577<i class="ri-check-line text-green-500"></i>578</div>579200 минут голосовой связи580</li>581<li class="flex items-center text-gray-600">582<div class="w-5 h-5 flex items-center justify-center mr-3">583<i class="ri-check-line text-green-500"></i>584</div>585500 SMS сообщений586</li>587<li class="flex items-center text-gray-600">588<div class="w-5 h-5 flex items-center justify-center mr-3">589<i class="ri-check-line text-green-500"></i>590</div>591100 МБ данных592</li>593<li class="flex items-center text-gray-600">594<div class="w-5 h-5 flex items-center justify-center mr-3">595<i class="ri-check-line text-green-500"></i>596</div>597GPS-трекинг и мониторинг598</li>599<li class="flex items-center text-gray-600">600<div class="w-5 h-5 flex items-center justify-center mr-3">601<i class="ri-check-line text-green-500"></i>602</div>603Техподдержка в рабочие дни604</li>605</ul>606<button class="w-full bg-primary text-white py-3 !rounded-button hover:bg-gray-800 active:bg-gray-900 transition-colors font-medium whitespace-nowrap mt-auto">607Выбрать план608</button>609</div>610<div class="bg-white rounded-2xl p-8 shadow-lg border-2 border-primary relative hover:shadow-xl transition-all duration-300 flex flex-col h-full">611<div class="absolute -top-4 left-1/2 transform -translate-x-1/2 bg-primary text-white px-4 py-1 rounded-full text-sm font-medium">612Популярный613</div>614<div class="text-center mb-8">615<h3 class="text-2xl font-bold text-primary mb-2 font-din">Премиум</h3>616<div class="text-4xl font-bold text-primary mb-1">₽75 000</div>617<div class="text-gray-500">в месяц</div>618</div>619<ul class="space-y-4 mb-8 flex-grow">620<li class="flex items-center text-gray-600">621<div class="w-5 h-5 flex items-center justify-center mr-3">622<i class="ri-check-line text-green-500"></i>623</div>624Безлимитные звонки625</li>626<li class="flex items-center text-gray-600">627<div class="w-5 h-5 flex items-center justify-center mr-3">628<i class="ri-check-line text-green-500"></i>629</div>630Безлимитные SMS631</li>632<li class="flex items-center text-gray-600">633<div class="w-5 h-5 flex items-center justify-center mr-3">634<i class="ri-check-line text-green-500"></i>635</div>6361 ГБ данных637</li>638<li class="flex items-center text-gray-600">639<div class="w-5 h-5 flex items-center justify-center mr-3">640<i class="ri-check-line text-green-500"></i>641</div>642Полный мониторинг 24/7643</li>644<li class="flex items-center text-gray-600">645<div class="w-5 h-5 flex items-center justify-center mr-3">646<i class="ri-check-line text-green-500"></i>647</div>648Техподдержка 24/7649</li>650</ul>651<button class="w-full bg-primary text-white py-3 !rounded-button hover:bg-gray-800 active:bg-gray-900 transition-colors font-medium whitespace-nowrap mt-auto">652Выбрать план653</button>654</div>655<div class="bg-white rounded-2xl p-8 shadow-lg hover:border-2 hover:border-primary transition-all duration-300 flex flex-col h-full">656<div class="text-center mb-8">657<h3 class="text-2xl font-bold text-primary mb-2 font-din">Корпоративный</h3>658<div class="text-4xl font-bold text-primary mb-1">₽150 000</div>659<div class="text-gray-500">в месяц</div>660</div>661<ul class="space-y-4 mb-8 flex-grow">662<li class="flex items-center text-gray-600">663<div class="w-5 h-5 flex items-center justify-center mr-3">664<i class="ri-check-line text-green-500"></i>665</div>666Безлимитные услуги667</li>668<li class="flex items-center text-gray-600">669<div class="w-5 h-5 flex items-center justify-center mr-3">670<i class="ri-check-line text-green-500"></i>671</div>672Высокоскоростной интернет673</li>674<li class="flex items-center text-gray-600">675<div class="w-5 h-5 flex items-center justify-center mr-3">676<i class="ri-check-line text-green-500"></i>677</div>678Корпоративная сеть679</li>680<li class="flex items-center text-gray-600">681<div class="w-5 h-5 flex items-center justify-center mr-3">682<i class="ri-check-line text-green-500"></i>683</div>684Персональный менеджер685</li>686<li class="flex items-center text-gray-600">687<div class="w-5 h-5 flex items-center justify-center mr-3">688<i class="ri-check-line text-green-500"></i>689</div>690SLA 99.9%691</li>692</ul>693<button class="w-full bg-gray-100 text-primary py-3 !rounded-button hover:bg-gray-200 active:bg-primary active:text-white transition-colors font-medium whitespace-nowrap mt-auto">694Обсудить условия695</button>696</div>697</div>698</div>699</section>700<section class="py-20 bg-white">701<div class="max-w-7xl mx-auto px-6 lg:px-8">702<div class="text-center mb-16">703<h2 class="text-4xl font-bold text-primary mb-4 font-din">Примеры применения</h2>704<p class="text-xl text-gray-600 max-w-3xl mx-auto">Реальные кейсы использования в экстремальных условиях</p>705</div>706<div class="grid lg:grid-cols-2 gap-12">707<div class="bg-gray-50 rounded-2xl p-8">708<div class="h-64 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=arctic%20expedition%20team%20using%20satellite%20communication%20equipment%20in%20extreme%20polar%20conditions%20research%20station%20scientists%20working%20with%20iridium%20terminal%20snow%20and%20ice%20environment&width=600&height=400&seq=case-arctic&orientation=landscape')"></div>709<h3 class="text-2xl font-bold text-primary mb-4 font-din">Арктические экспедиции</h3>710<p class="text-gray-600 mb-6 leading-relaxed">Обеспечение связи для полярной экспедиции на Северном полюсе. Команда из 12 исследователей работала в условиях температуры -45°C в течение 3 месяцев. Спутниковая связь Iridium обеспечила постоянный контакт с базой, передачу научных данных и координацию эвакуации при чрезвычайной ситуации.</p>711<div class="flex items-center text-sm text-gray-500">712<div class="w-4 h-4 flex items-center justify-center mr-2">713<i class="ri-map-pin-line"></i>714</div>715Северный полюс • 3 месяца • 12 участников716</div>717</div>718<div class="bg-gray-50 rounded-2xl p-8">719<div class="h-64 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=offshore%20oil%20platform%20in%20stormy%20ocean%20satellite%20communication%20antenna%20maritime%20operations%20industrial%20facility%20rough%20seas%20professional%20petroleum%20industry&width=600&height=400&seq=case-marine&orientation=landscape')"></div>720<h3 class="text-2xl font-bold text-primary mb-4 font-din">Морские операции</h3>721<p class="text-gray-600 mb-6 leading-relaxed">Установка системы Fleet Xpress на морской нефтяной платформе в Баренцевом море. Обеспечение высокоскоростного интернета для 150 сотрудников, видеосвязи с головным офисом и передачи телеметрических данных с буровых установок в режиме реального времени.</p>722<div class="flex items-center text-sm text-gray-500">723<div class="w-4 h-4 flex items-center justify-center mr-2">724<i class="ri-ship-line"></i>725</div>726Баренцево море • 150 сотрудников • 24/7727</div>728</div>729<div class="bg-gray-50 rounded-2xl p-8">730<div class="h-64 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=mining%20operation%20in%20remote%20siberian%20location%20heavy%20machinery%20satellite%20monitoring%20systems%20industrial%20mining%20equipment%20harsh%20winter%20conditions%20professional%20extraction&width=600&height=400&seq=case-mining&orientation=landscape')"></div>731<h3 class="text-2xl font-bold text-primary mb-4 font-din">Горнодобывающая промышленность</h3>732<p class="text-gray-600 mb-6 leading-relaxed">Развертывание системы мониторинга для золотодобывающего предприятия в Магаданской области. Отслеживание 45 единиц техники, контроль расхода топлива, мониторинг безопасности персонала и передача производственных показателей через спутниковые каналы связи.</p>733<div class="flex items-center text-sm text-gray-500">734<div class="w-4 h-4 flex items-center justify-center mr-2">735<i class="ri-hammer-line"></i>736</div>737Магаданская область • 45 единиц техники738</div>739</div>740<div class="bg-gray-50 rounded-2xl p-8">741<div class="h-64 bg-cover bg-center rounded-xl mb-6" style="background-image: url('https://readdy.ai/api/search-image?query=emergency%20rescue%20operation%20helicopter%20evacuation%20in%20mountain%20terrain%20search%20and%20rescue%20team%20using%20satellite%20communication%20extreme%20weather%20conditions%20professional%20emergency%20response&width=600&height=400&seq=case-rescue&orientation=landscape')"></div>742<h3 class="text-2xl font-bold text-primary mb-4 font-din">Спасательные операции</h3>743<p class="text-gray-600 mb-6 leading-relaxed">Координация спасательной операции в горах Алтая с использованием портативных спутниковых терминалов. Поиск и эвакуация группы туристов, попавших в лавину. Спутниковая связь обеспечила координацию между наземными и воздушными спасательными службами в условиях полного отсутствия сотовой связи.</p>744<div class="flex items-center text-sm text-gray-500">745<div class="w-4 h-4 flex items-center justify-center mr-2">746<i class="ri-first-aid-kit-line"></i>747</div>748Горы Алтая • Спасение 8 человек • 72 часа749</div>750</div>751</div>752</div>753</section>754<section class="py-20 bg-gray-50">755<div class="max-w-7xl mx-auto px-6 lg:px-8">756<div class="text-center mb-16">757<h2 class="text-4xl font-bold text-primary mb-4 font-din">Технические характеристики</h2>758<p class="text-xl text-gray-600 max-w-3xl mx-auto">Подробная техническая информация об оборудовании</p>759</div>760<div class="space-y-4">761<div class="accordion-item bg-white rounded-xl shadow-lg">762<button class="accordion-header w-full flex items-center justify-between p-6 text-left">763<h3 class="text-xl font-bold text-primary font-din">Скорость передачи данных</h3>764<div class="w-6 h-6 flex items-center justify-center">765<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>766</div>767</button>768<div class="accordion-content px-6 pb-6">769<div class="grid lg:grid-cols-2 gap-8">770<div>771<h4 class="font-bold text-primary mb-4">Iridium</h4>772<ul class="space-y-2 text-gray-600">773<li>• Iridium 9555: 2.4 Кбит/с</li>774<li>• Iridium OpenPort: до 128 Кбит/с</li>775<li>• Iridium Certus: до 704 Кбит/с</li>776<li>• Iridium Edge: 340 байт/сообщение</li>777</ul>778</div>779<div>780<h4 class="font-bold text-primary mb-4">Инмарсат</h4>781<ul class="space-y-2 text-gray-600">782<li>• BGAN: до 464 Кбит/с</li>783<li>• Fleet Xpress: до 50 Мбит/с</li>784<li>• IsatPhone: голосовая связь</li>785<li>• IsatData Pro: до 10 Кбит/с</li>786</ul>787</div>788</div>789</div>790</div>791<div class="accordion-item bg-white rounded-xl shadow-lg">792<button class="accordion-header w-full flex items-center justify-between p-6 text-left">793<h3 class="text-xl font-bold text-primary font-din">Покрытие и доступность</h3>794<div class="w-6 h-6 flex items-center justify-center">795<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>796</div>797</button>798<div class="accordion-content px-6 pb-6">799<div class="grid lg:grid-cols-3 gap-8">800<div>801<h4 class="font-bold text-primary mb-4">Iridium</h4>802<ul class="space-y-2 text-gray-600">803<li>• Глобальное покрытие 100%</li>804<li>• Включая полюса</li>805<li>• 66 спутников на орбите</li>806<li>• Доступность 99.9%</li>807</ul>808</div>809<div>810<h4 class="font-bold text-primary mb-4">Инмарсат</h4>811<ul class="space-y-2 text-gray-600">812<li>• Покрытие 99% суши</li>813<li>• Все океаны</li>814<li>• Исключая полярные области</li>815<li>• Доступность 99.9%</li>816</ul>817</div>818<div>819<h4 class="font-bold text-primary mb-4">Региональные</h4>820<ul class="space-y-2 text-gray-600">821<li>• Thuraya: Европа, Азия, Африка</li>822<li>• Globalstar: большая часть суши</li>823<li>• Специализированные решения</li>824<li>• Высокая скорость в зоне покрытия</li>825</ul>826</div>827</div>828</div>829</div>830</div>831</div>832</section>833<section class="py-20 bg-white">834<div class="max-w-4xl mx-auto px-6 lg:px-8">835<div class="text-center mb-16">836<h2 class="text-4xl font-bold text-primary mb-4 font-din">Заказать услуги связи</h2>837<p class="text-xl text-gray-600">Заполните форму, и мы подберем оптимальное решение для ваших задач</p>838</div>839<form class="bg-gray-50 rounded-2xl p-8" id="order-form">840<div class="grid lg:grid-cols-2 gap-8 mb-8">841<div>842<label class="block text-sm font-medium text-gray-700 mb-2">Тип услуги</label>843<select class="custom-select w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent">844<option>Выберите тип услуги</option>845<option>Спутниковая связь</option>846<option>Системы мониторинга</option>847<option>GPS-трекинг</option>848<option>Комплексное решение</option>849</select>850</div>851<div>852<label class="block text-sm font-medium text-gray-700 mb-2">Оборудование</label>853<select class="custom-select w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent">854<option>Выберите оборудование</option>855<option>Iridium терминалы</option>856<option>Инмарсат системы</option>857<option>Портативные устройства</option>858<option>Стационарные системы</option>859</select>860</div>861</div>862<div class="grid lg:grid-cols-2 gap-8 mb-8">863<div>864<label class="block text-sm font-medium text-gray-700 mb-2">Тарифный план</label>865<div class="space-y-3">866<label class="flex items-center">867<input type="radio" name="plan" value="basic" class="custom-radio mr-3">868<span class="text-gray-700">Базовый (₽15 000/мес)</span>869</label>870<label class="flex items-center">871<input type="radio" name="plan" value="standard" class="custom-radio mr-3">872<span class="text-gray-700">Стандартный (₽35 000/мес)</span>873</label>874<label class="flex items-center">875<input type="radio" name="plan" value="premium" class="custom-radio mr-3">876<span class="text-gray-700">Премиум (₽75 000/мес)</span>877</label>878<label class="flex items-center">879<input type="radio" name="plan" value="corporate" class="custom-radio mr-3">880<span class="text-gray-700">Корпоративный (₽150 000/мес)</span>881</label>882</div>883</div>884<div>885<label class="block text-sm font-medium text-gray-700 mb-2">Дополнительные услуги</label>886<div class="space-y-3">887<label class="flex items-center">888<input type="checkbox" class="custom-checkbox mr-3">889<span class="text-gray-700">Установка и настройка</span>890</label>891<label class="flex items-center">892<input type="checkbox" class="custom-checkbox mr-3">893<span class="text-gray-700">Обучение персонала</span>894</label>895<label class="flex items-center">896<input type="checkbox" class="custom-checkbox mr-3">897<span class="text-gray-700">Техническая поддержка 24/7</span>898</label>899<label class="flex items-center">900<input type="checkbox" class="custom-checkbox mr-3">901<span class="text-gray-700">Резервное оборудование</span>902</label>903</div>904</div>905</div>906<div class="grid lg:grid-cols-2 gap-8 mb-8">907<div>908<label class="block text-sm font-medium text-gray-700 mb-2">Имя и фамилия</label>909<input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Введите ваше имя">910</div>911<div>912<label class="block text-sm font-medium text-gray-700 mb-2">Компания</label>913<input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Название компании">914</div>915</div>916<div class="grid lg:grid-cols-2 gap-8 mb-8">917<div>918<label class="block text-sm font-medium text-gray-700 mb-2">Телефон</label>919<input type="tel" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="+7 (999) 123-45-67">920</div>921<div>922<label class="block text-sm font-medium text-gray-700 mb-2">Email</label>923<input type="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="email@company.ru">924</div>925</div>926<div class="mb-8">927<label class="block text-sm font-medium text-gray-700 mb-2">Описание проекта</label>928<textarea rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Опишите ваши требования, условия эксплуатации, количество пользователей..."></textarea>929</div>930<div class="bg-white rounded-xl p-6 mb-8">931<h3 class="text-lg font-bold text-primary mb-4 font-din">Предварительная стоимость</h3>932<div class="flex items-center justify-between text-2xl font-bold text-primary">933<span>Итого в месяц:</span>934<span id="total-cost">₽0</span>935</div>936<div class="text-sm text-gray-500 mt-2">937* Окончательная стоимость рассчитывается индивидуально938</div>939</div>940<div class="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-6">941<button type="submit" class="bg-primary text-white px-8 py-4 !rounded-button hover:bg-gray-800 transition-colors font-medium whitespace-nowrap">942Отправить заявку943</button>944<div class="text-gray-600 text-center">945<div class="text-sm">Или позвоните прямо сейчас</div>946<a href="tel:+7" class="text-primary font-medium hover:underline">+7 (495) 123-45-67</a>947</div>948</div>949</form>950</div>951</section>952<section class="py-20 bg-gray-50">953<div class="max-w-4xl mx-auto px-6 lg:px-8">954<div class="text-center mb-16">955<h2 class="text-4xl font-bold text-primary mb-4 font-din">Часто задаваемые вопросы</h2>956<p class="text-xl text-gray-600">Ответы на популярные вопросы о спутниковой связи</p>957</div>958<div class="space-y-4">959<div class="accordion-item bg-white rounded-xl shadow-lg">960<button class="accordion-header w-full flex items-center justify-between p-6 text-left">961<h3 class="text-lg font-medium text-primary">Как быстро можно развернуть спутниковую связь?</h3>962<div class="w-6 h-6 flex items-center justify-center">963<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>964</div>965</button>966<div class="accordion-content px-6 pb-6">967<p class="text-gray-600">Портативные терминалы готовы к работе через 2-5 минут после включения. Стационарные системы устанавливаются за 2-4 часа. Морские системы требуют 1-2 дня на установку и настройку. Активация услуг происходит в течение 24 часов после подачи заявки.</p>968</div>969</div>970<div class="accordion-item bg-white rounded-xl shadow-lg">971<button class="accordion-header w-full flex items-center justify-between p-6 text-left">972<h3 class="text-lg font-medium text-primary">Какова стоимость звонков и передачи данных?</h3>973<div class="w-6 h-6 flex items-center justify-center">974<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>975</div>976</button>977<div class="accordion-content px-6 pb-6">978<p class="text-gray-600">Стоимость зависит от выбранного тарифного плана и типа оборудования. Голосовые звонки: от ₽45 до ₽180 за минуту. Передача данных: от ₽15 до ₽50 за МБ. SMS: от ₽25 до ₽45 за сообщение. Доступны пакетные тарифы со значительными скидками.</p>979</div>980</div>981<div class="accordion-item bg-white rounded-xl shadow-lg">982<button class="accordion-header w-full flex items-center justify-between p-6 text-left">983<h3 class="text-lg font-medium text-primary">Работает ли спутниковая связь в плохую погоду?</h3>984<div class="w-6 h-6 flex items-center justify-center">985<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>986</div>987</button>988<div class="accordion-content px-6 pb-6">989<p class="text-gray-600">Современные спутниковые системы работают в любых погодных условиях. Iridium практически не подвержен влиянию погоды благодаря низкоорбитальным спутникам. Инмарсат может испытывать незначительные задержки при очень сильных осадках, но связь не прерывается.</p>990</div>991</div>992<div class="accordion-item bg-white rounded-xl shadow-lg">993<button class="accordion-header w-full flex items-center justify-between p-6 text-left">994<h3 class="text-lg font-medium text-primary">Можно ли использовать оборудование в Арктике?</h3>995<div class="w-6 h-6 flex items-center justify-center">996<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>997</div>998</button>999<div class="accordion-content px-6 pb-6">1000<p class="text-gray-600">Да, все наше оборудование сертифицировано для работы в арктических условиях при температуре до -60°C. Iridium обеспечивает полное покрытие полярных областей. Мы предоставляем специальные арктические версии терминалов с усиленной защитой от холода.</p>1001</div>1002</div>1003<div class="accordion-item bg-white rounded-xl shadow-lg">1004<button class="accordion-header w-full flex items-center justify-between p-6 text-left">1005<h3 class="text-lg font-medium text-primary">Какая техническая поддержка предоставляется?</h3>1006<div class="w-6 h-6 flex items-center justify-center">1007<i class="ri-arrow-down-s-line text-xl accordion-icon transition-transform"></i>1008</div>1009</button>1010<div class="accordion-content px-6 pb-6">1011<p class="text-gray-600">Мы предоставляем круглосуточную техническую поддержку 24/7/365. Удаленная диагностика и настройка оборудования. Выезд специалистов в течение 24-48 часов. Обучение персонала работе с оборудованием. Профилактическое обслуживание и обновление программного обеспечения.</p>1012</div>1013</div>1014</div>1015</div>1016</section>1017<section class="py-20 bg-primary text-white">1018<div class="max-w-4xl mx-auto px-6 lg:px-8 text-center">1019<h2 class="text-4xl font-bold mb-6 font-din">Готовы обеспечить надежную связь?</h2>1020<p class="text-xl text-gray-300 mb-8 leading-relaxed">1021Свяжитесь с нами для получения персональной консультации и расчета стоимости решения для ваших задач.1022</p>1023<div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-8">1024<button class="bg-white text-primary px-8 py-4 !rounded-button hover:bg-gray-100 transition-colors font-medium whitespace-nowrap">1025Получить консультацию1026</button>1027<div class="text-center">1028<div class="text-gray-300 text-sm mb-1">Круглосуточная поддержка</div>1029<a href="tel:+7" class="text-white hover:text-gray-300 transition-colors font-medium text-lg">1030+7 (495) 123-45-671031</a>1032</div>1033</div>1034</div>1035</section>1036</main>1037<footer class="bg-white border-t border-gray-100 py-16">1038<div class="max-w-7xl mx-auto px-6 lg:px-8">1039<div class="grid lg:grid-cols-4 gap-12">1040<div class="lg:col-span-2">1041<div class="text-2xl font-bold text-primary mb-4 font-['Coolvetica']">Северный Узел</div>1042<p class="text-gray-600 mb-6 leading-relaxed max-w-md">1043Поставка спутниковой техники, логистика в экстремальных условиях и антикризисный консалтинг для решения самых сложных задач.1044</p>1045<div class="text-sm text-gray-500">1046© 2024 Северный Узел. Все права защищены.1047</div>1048</div>1049<div>1050<h3 class="text-lg font-bold text-primary mb-4 font-din">Услуги</h3>1051<ul class="space-y-3">1052<li><a href="#" class="text-gray-600 hover:text-primary transition-colors">Кризисная логистика</a></li>1053<li><a href="#" class="text-gray-600 hover:text-primary transition-colors">Спецтехника</a></li>1054<li><a href="#" class="text-gray-600 hover:text-primary transition-colors">Связь и мониторинг</a></li>1055<li><a href="#" class="text-gray-600 hover:text-primary transition-colors">Антикризисный консалтинг</a></li>1056</ul>1057</div>1058<div>1059<h3 class="text-lg font-bold text-primary mb-4 font-din">Контакты</h3>1060<ul class="space-y-3">1061<li class="text-gray-600">+7 (495) 123-45-67</li>1062<li class="text-gray-600">info@severnyuzel.ru</li>1063<li class="text-gray-600">Работаем круглосуточно</li>1064</ul>1065</div>1066</div>1067</div>1068</footer>1069<script id="tab-switching">1070document.addEventListener('DOMContentLoaded', function() {1071const tabButtons = document.querySelectorAll('.tab-button');1072const tabContents = document.querySelectorAll('.tab-content');1073tabButtons.forEach(button => {1074button.addEventListener('click', function() {1075const targetTab = this.getAttribute('data-tab');1076// Remove active state from all buttons1077tabButtons.forEach(btn => {1078btn.classList.remove('active', 'bg-primary', 'text-white');1079btn.classList.add('text-gray-600', 'hover:text-primary');1080});1081// Hide all tab contents1082tabContents.forEach(content => {1083content.classList.add('hidden');1084content.classList.remove('block');1085});1086// Activate clicked button1087this.classList.add('active', 'bg-primary', 'text-white');1088this.classList.remove('text-gray-600', 'hover:text-primary');1089// Show target content1090const targetContent = document.querySelector(`[data-content="${targetTab}"]`);1091if (targetContent) {1092targetContent.classList.remove('hidden');1093targetContent.classList.add('block');1094}1095});1096});1097});1098</script>1099<script id="accordion-functionality">1100document.addEventListener('DOMContentLoaded', function() {1101const accordionHeaders = document.querySelectorAll('.accordion-header');1102accordionHeaders.forEach(header => {1103header.addEventListener('click', function() {1104const accordionItem = this.parentElement;1105const accordionContent = accordionItem.querySelector('.accordion-content');1106const accordionIcon = this.querySelector('.accordion-icon');1107const isActive = accordionContent.classList.contains('active');1108document.querySelectorAll('.accordion-content').forEach(content => {1109content.classList.remove('active');1110});1111document.querySelectorAll('.accordion-icon').forEach(icon => {1112icon.style.transform = 'rotate(0deg)';1113});1114if (!isActive) {1115accordionContent.classList.add('active');1116accordionIcon.style.transform = 'rotate(180deg)';1117}1118});1119});1120});1121</script>1122<script id="cost-calculator">1123document.addEventListener('DOMContentLoaded', function() {1124const planRadios = document.querySelectorAll('input[name="plan"]');1125const checkboxes = document.querySelectorAll('#order-form input[type="checkbox"]');1126const totalCostElement = document.getElementById('total-cost');1127const form = document.getElementById('order-form');1128const pricingButtons = document.querySelectorAll('.pricing-btn');1129const planCosts = {1130'basic': 15000,1131'standard': 35000,1132'premium': 75000,1133'corporate': 1500001134};1135const additionalCosts = {1136'installation': 25000,1137'training': 15000,1138'support': 10000,1139'backup': 200001140};1141function calculateTotal() {1142let total = 0;1143// Calculate plan cost1144planRadios.forEach(radio => {1145if (radio.checked) {1146total += planCosts[radio.value] || 0;1147}1148});1149// Calculate additional services cost1150checkboxes.forEach((checkbox, index) => {1151if (checkbox.checked) {1152const services = ['installation', 'training', 'support', 'backup'];1153total += additionalCosts[services[index]] || 0;1154}1155});1156totalCostElement.textContent = `₽${total.toLocaleString('ru-RU')}`;1157}1158// Add event listeners for pricing buttons1159pricingButtons.forEach(button => {1160button.addEventListener('click', function() {1161const plan = this.getAttribute('data-plan');1162// Reset all buttons1163pricingButtons.forEach(btn => {1164btn.classList.remove('bg-green-500', 'text-white');1165if (btn.getAttribute('data-plan') === 'basic' || btn.getAttribute('data-plan') === 'corporate') {1166btn.classList.add('bg-gray-100', 'text-primary');1167} else {1168btn.classList.add('bg-primary', 'text-white');1169}1170});1171// Highlight clicked button1172this.classList.remove('bg-gray-100', 'bg-primary', 'text-primary', 'text-white');1173this.classList.add('bg-green-500', 'text-white');1174// Select corresponding radio button in form1175const correspondingRadio = document.querySelector(`input[name="plan"][value="${plan}"]`);1176if (correspondingRadio) {1177correspondingRadio.checked = true;1178calculateTotal();1179}1180// Scroll to form1181const orderForm = document.getElementById('order-form');1182if (orderForm) {1183orderForm.scrollIntoView({ behavior: 'smooth', block: 'start' });1184}1185});1186});1187// Add event listeners1188planRadios.forEach(radio => {1189radio.addEventListener('change', calculateTotal);1190});1191checkboxes.forEach(checkbox => {1192checkbox.addEventListener('change', calculateTotal);1193});1194// Form submission1195form.addEventListener('submit', function(e) {1196e.preventDefault();1197// Show success message1198const submitButton = form.querySelector('button[type="submit"]');1199const originalText = submitButton.textContent;1200submitButton.textContent = 'Заявка отправлена!';