<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <title>Монтаж видеонаблюдения в Мытищах | Провидео</title>
    <meta name="description" content="Профессиональный монтаж видеонаблюдения, СКУД, СКС, IPTV и 4G интернета в Мытищах. Бесплатный выезд инженера, гарантия 3 года. Цены под ключ.">
    <meta name="keywords" content="видеонаблюдение Мытищи, СКУД Мытищи, монтаж СКС Мытищи, IPTV Мытищи, 4G интернет Мытищи">
    <link rel="canonical" href="https://provideocam.ru/mytishchi.html">
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background: #0b1120; color: #e2e8f0; line-height: 1.5; scroll-behavior: smooth; }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
        .header { position: sticky; top: 0; z-index: 1000; background: rgba(15,23,42,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(51,65,85,0.4); }
        .nav-container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 12px 0; gap: 12px; }
        .logo h1 { font-size: 1.5rem; font-weight: 800; background: linear-gradient(135deg,#e2e8f0,#38bdf8); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0; }
        @media (min-width:768px) { .logo h1 { font-size: 1.8rem; } }
        .logo p { font-size: 0.7rem; color: #94a3b8; margin-top: 2px; }
        .nav-menu { display: flex; gap: 20px; list-style: none; flex-wrap: wrap; align-items: center; }
        .nav-menu a { text-decoration: none; font-weight: 500; color: #cbd5e1; transition: 0.2s; font-size: 0.9rem; cursor: pointer; }
        .nav-menu a:hover { color: #38bdf8; }
        .header-phone { background: rgba(56,189,248,0.15); padding: 6px 14px; border-radius: 40px; display: flex; gap: 8px; border: 1px solid #1e3a5f; }
        .header-phone a { color: #7dd3fc; text-decoration: none; }
        .menu-toggle { display: none; background: none; border: none; font-size: 1.8rem; color: #e2e8f0; cursor: pointer; z-index: 1001; }
        .btn-primary { background: linear-gradient(95deg,#3b82f6,#2563eb); color: white; padding: 12px 24px; border-radius: 40px; font-weight: 600; border: none; cursor: pointer; display: inline-block; text-decoration: none; transition: 0.25s; }
        .btn-primary:hover { background: linear-gradient(95deg,#2563eb,#1d4ed8); transform: translateY(-2px); }
        .btn-outline { background: transparent; border: 1.5px solid #3b82f6; color: #3b82f6; padding: 10px 24px; border-radius: 40px; font-weight: 600; cursor: pointer; display: inline-block; text-decoration: none; transition: 0.2s; }
        .btn-outline:hover { background: #3b82f6; color: white; }
        .footer { background: #020617; color: #94a3b8; padding: 32px 0; text-align: center; margin-top: 40px; border-top: 1px solid #1e293b; font-size: 0.85rem; }
        .footer a { color: #7dd3fc; text-decoration: none; }
        .section-title { text-align: center; font-size: 2rem; font-weight: 800; margin-bottom: 16px; color: #f1f5f9; }
        @media (min-width:768px) { .section-title { font-size: 2.5rem; } }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 24px; margin: 40px 0; }
        .service-card { background: #1e293b; border-radius: 28px; padding: 24px; text-align: center; border: 1px solid #334155; transition: 0.3s; }
        .service-card:hover { transform: translateY(-4px); border-color: #3b82f6; }
        .service-icon { font-size: 2rem; margin-bottom: 16px; color: #38bdf8; }
        .city-description { background: #1e293b; border-radius: 28px; padding: 28px; margin: 30px 0; border: 1px solid #334155; }
        .city-description h2 { font-size: 1.6rem; margin-bottom: 16px; color: #38bdf8; }
        .city-description p { margin-bottom: 16px; color: #cbd5e1; }
        .map-container { margin: 40px 0; border-radius: 32px; overflow: hidden; border: 1px solid #334155; height: 400px; }
        #map { width: 100%; height: 100%; }
        .contact-block { background: #1e293b; border-radius: 32px; padding: 24px; display: flex; flex-direction: column; gap: 32px; margin: 40px 0; }
        @media (min-width:768px) { .contact-block { flex-direction: row; padding: 48px; gap: 48px; } }
        .contact-detail { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
        .form-control { width: 100%; padding: 12px 16px; border-radius: 40px; border: 1px solid #334155; margin-bottom: 16px; background: #0f172a; color: #e2e8f0; font-size: 16px; }
        .hidden-captcha { position: absolute; left: -9999px; opacity: 0; }
        @media (max-width:900px) {
            .menu-toggle { display: block; }
            .nav-container { flex-wrap: nowrap; justify-content: space-between; }
            .menu-toggle { order: 3; margin-left: 8px; }
            .header-phone { order: 2; padding: 4px 10px; font-size: 0.85rem; }
            .logo { order: 1; flex: 1; }
            .nav-menu { position: absolute; top: 100%; left: 0; width: 100%; background: #0f172a; flex-direction: column; max-height: 0; overflow: hidden; transition: max-height 0.4s; padding: 0 24px; gap: 0; border-radius: 0 0 20px 20px; }
            .nav-menu.open { max-height: 500px; padding: 20px 24px; gap: 16px; }
            .nav-menu a { font-size: 1.1rem; padding: 12px 0; border-bottom: 1px solid #1e293b; width: 100%; text-align: left; }
        }
        button, .btn-primary, .btn-outline, .nav-menu a, .header-phone { touch-action: manipulation; }
        input, textarea, select { font-size: 16px !important; }
    </style>
    <script src="https://api-maps.yandex.ru/2.1/?apikey=24ca81fe-2255-496c-9805-82464b545abf&lang=ru_RU" type="text/javascript"></script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Провидео в Мытищах",
        "description": "Монтаж видеонаблюдения, СКУД, СКС, IPTV, 4G интернета в Мытищах",
        "telephone": "+79036125479",
        "email": "info@provideocam.ru",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Мытищи",
            "addressRegion": "Московская область",
            "addressCountry": "RU"
        },
        "priceRange": "от 5000₽",
        "openingHours": "Mo-Fr 09:00-20:00"
    }
    </script>
</head>
<body>
<header class="header">
    <div class="container nav-container">
        <div class="logo"><h1>Провидео</h1><p>монтаж под ключ | СКС | СКУД | IPTV | 4G</p></div>
        <div class="header-phone"><i class="fas fa-phone-alt"></i><a href="tel:+79036125479">+7 (903) 612-54-79</a></div>
        <button class="menu-toggle" id="mobileMenuBtn" aria-label="Меню"><i class="fas fa-bars" id="menuIcon"></i></button>
        <ul class="nav-menu" id="navMenu">
            <li><a href="/">Главная</a></li>
            <li><a href="house.html">🏡 Для дома</a></li>
            <li><a href="school.html">🏫 Для школы</a></li>
            <li><a href="office.html">🏢 Для офиса</a></li>
            <li><a href="hotel.html">🏨 СКС для гостиниц</a></li>
            <li><a href="skud.html">🔐 СКУД</a></li>
            <li><a href="iptv.html">📺 IP-телевидение</a></li>
            <li><a href="4g.html">📶 4G интернет</a></li>
            <li><a href="lowcurrent.html">📡 Слаботочные системы</a></li>
            <li><a href="blog/">📝 Блог</a></li>
            <li><a href="portfolio.html">📸 Портфолио</a></li>
            <li><a href="calculator.html">💰 Калькулятор</a></li>
            <li><a href="catalog.html">📦 Каталог</a></li>
            <li><a href="kits.html">📹 Комплекты</a></li>
            <li><a href="geo.html">📍 География</a></li>
        </ul>
    </div>
</header>

<main>
    <div class="container">
        <div class="section-title">Монтаж систем безопасности в Мытищах</div>
        <div class="section-sub">Профессиональный монтаж видеонаблюдения, СКУД, СКС, IPTV и 4G интернета под ключ. Гарантия 3 года, бесплатный выезд инженера.</div>

        <div class="services-grid">
            <div class="service-card"><div class="service-icon"><i class="fas fa-home"></i></div><h3>Видеонаблюдение</h3><p>Для домов, офисов, складов. Удалённый доступ, ночная съёмка, облачный архив.</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-door-open"></i></div><h3>СКУД</h3><p>Турникеты, биометрия, учёт рабочего времени. Интеграция с 1С.</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-hotel"></i></div><h3>СКС</h3><p>Wi-Fi 6, IPTV, телефония для гостиниц и бизнес-центров.</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-tv"></i></div><h3>IPTV</h3><p>1000+ каналов без абонентской платы. Разовая настройка.</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-signal"></i></div><h3>4G интернет</h3><p>Стабильный интернет на даче, усиление сигнала, внешние антенны.</p></div>
            <div class="service-card"><div class="service-icon"><i class="fas fa-wifi"></i></div><h3>Слаботочные системы</h3><p>ЛВС, Wi-Fi, охранная и пожарная сигнализация под ключ.</p></div>
        </div>

        <!-- Уникальный SEO-текст для Мытищ -->
        <div class="city-description">
            <h2>Монтаж видеонаблюдения и IPTV в Мытищах</h2>
            <p>В Мытищах компания «Провидео» предоставляет полный комплекс услуг по слаботочным системам: видеонаблюдение, контроль доступа, интернет и телевидение. Устанавливаем камеры с разрешением до 4K, ночной съёмкой и детекцией движения. Настройка удалённого доступа – вы можете смотреть видео с любого устройства.</p>
            <p>Для дач и загородных домов в Мытищах предлагаем 4G интернет с усилением сигнала – стабильная скорость даже в отдалённых СНТ. Монтаж занимает 1 день, оборудование подбираем после бесплатного замера. Также устанавливаем GSM-сигнализации с оповещением на телефон.</p>
            <p>Работаем с юридическими лицами – заключаем договор, предоставляем закрывающие документы. Бесплатный выезд инженера. <a href="tel:+79036125479">+7 (903) 612-54-79</a>.</p>
        </div>

        <!-- Карта с проектами в Мытищах -->
        <div class="section-title">Проекты в Мытищах</div>
        <div class="section-sub">Наши выполненные объекты в вашем городе</div>
        <div class="map-container">
            <div id="map"></div>
        </div>

        <div class="contact-block">
            <div class="contact-info">
                <h3>Работаем в Мытищах</h3>
                <div class="contact-detail"><i class="fas fa-phone-alt"></i> <a href="tel:+79036125479">+7 (903) 612-54-79</a></div>
                <div class="contact-detail"><i class="fas fa-envelope"></i> info@provideocam.ru</div>
                <div class="contact-detail"><i class="fas fa-map-marker-alt"></i> г. Мытищи, ул. Мира (выезд в любой район)</div>
            </div>
            <div class="contact-form">
                <h3>Оставить заявку на выезд инженера</h3>
                <form id="cityForm">
                    <input class="form-control" type="text" name="name" placeholder="Ваше имя" required>
                    <input class="form-control" type="tel" name="phone" id="cityPhone" placeholder="Номер телефона *" required>
                    <input class="form-control" type="text" name="city" value="Мытищи" readonly placeholder="Город" style="background:#0f172a80;">
                    <textarea class="form-control" name="message" rows="2" placeholder="Что нужно установить?"></textarea>
                    <input type="text" name="honeypot" class="hidden-captcha" autocomplete="off">
                    <button type="submit" class="btn-primary">Отправить заявку</button>
                </form>
            </div>
        </div>
    </div>
</main>

<footer class="footer">
    <div class="container">
        <p>© 2025 Провидео — Монтаж под ключ в Мытищах и по всей МО.</p>
        <p><i class="fas fa-phone-alt"></i> <a href="tel:+79036125479">+7 (903) 612-54-79</a> | info@provideocam.ru</p>
        <p><a href="/">Главная</a> | <a href="geo.html">География</a> | <a href="privacy.html">Политика конфиденциальности</a></p>
    </div>
</footer>

<script>
    const mobileBtn = document.getElementById('mobileMenuBtn'), navMenu = document.getElementById('navMenu'), menuIcon = document.getElementById('menuIcon');
    if (mobileBtn && navMenu) {
        mobileBtn.addEventListener('click', () => { navMenu.classList.toggle('open'); menuIcon.className = navMenu.classList.contains('open') ? 'fas fa-times' : 'fas fa-bars'; });
        document.querySelectorAll('.nav-menu a').forEach(link => link.addEventListener('click', () => { navMenu.classList.remove('open'); menuIcon.className = 'fas fa-bars'; }));
        document.addEventListener('click', (e) => { if (navMenu.classList.contains('open') && !navMenu.contains(e.target) && !mobileBtn.contains(e.target)) { navMenu.classList.remove('open'); menuIcon.className = 'fas fa-bars'; } });
    }
    document.getElementById('cityForm')?.addEventListener('submit', async (e) => {
        e.preventDefault();
        const honeypot = e.target.querySelector('input[name="honeypot"]');
        if (honeypot && honeypot.value !== '') return;
        const phone = document.getElementById('cityPhone').value.replace(/\D/g, '');
        if (phone.length < 10) { alert('Введите корректный номер телефона'); return; }
        const formData = new FormData(e.target);
        formData.append('service', 'Мытищи');
        try {
            const response = await fetch('/send.php', { method: 'POST', body: formData });
            if (response.ok) alert('✅ Заявка отправлена! Инженер свяжется с вами.');
            else alert('❌ Ошибка. Позвоните нам.');
        } catch (err) { alert('❌ Ошибка соединения.'); }
        e.target.reset();
    });
    if (typeof ymaps !== 'undefined') {
        ymaps.ready(init);
    } else {
        document.getElementById('map').innerHTML = '<div style="display:flex;align-items:center;justify-content:center;height:100%;background:#1e293b;color:#ef4444;">❌ Ошибка загрузки карты</div>';
    }
    function init() {
        var myMap = new ymaps.Map("map", {
            center: [55.911, 37.730],
            zoom: 12,
            controls: ['zoomControl', 'fullscreenControl']
        });
        var points = [
            { coords: [55.911, 37.730], text: "Мытищи, центр — ТЦ, видеонаблюдение 8 камер" },
            { coords: [55.920, 37.750], text: "Мытищи, мкр. Новые Мытищи — школа, 12 камер" },
            { coords: [55.905, 37.715], text: "Мытищи, мкр. Леонидовка — частный дом, 4 камеры" },
            { coords: [55.895, 37.740], text: "Мытищи, мкр. Перловка — офис, СКУД" },
            { coords: [55.925, 37.760], text: "Мытищи, мкр. Ярославский — торговый центр, 6 камер" },
            { coords: [55.900, 37.700], text: "Мытищи, мкр. Манюхино — склад, IP-камеры" },
            { coords: [55.930, 37.775], text: "Мытищи, мкр. Дружба — коттеджный посёлок, СКС" },
            { coords: [55.880, 37.720], text: "Мытищи, мкр. Тайнинка — 4G интернет в СНТ" },
            { coords: [55.940, 37.790], text: "Мытищи, мкр. Вешки — гостиница, IPTV" },
            { coords: [55.915, 37.745], text: "Мытищи, ул. Веры Волошиной — бизнес-центр, СКУД и сигнализация" }
        ];
        var clusterer = new ymaps.Clusterer({ preset: 'islands#invertedBlueClusterIcons' });
        var geoObjects = [];
        for (var i = 0; i < points.length; i++) {
            geoObjects.push(new ymaps.Placemark(points[i].coords, {
                balloonContent: points[i].text,
                hintContent: points[i].text
            }, { preset: 'islands#blueIcon', iconColor: '#3b82f6' }));
        }
        clusterer.add(geoObjects);
        myMap.geoObjects.add(clusterer);
        myMap.setBounds(myMap.geoObjects.getBounds());
    }
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();for(var j=0;j<document.scripts.length;j++){if(document.scripts[j].src===r){return;}}k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,'script','https://mc.yandex.ru/metrika/tag.js','ym');ym(109593242,'init',{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true});</script><noscript><div><img src="https://mc.yandex.ru/watch/109593242" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</body>
</html>