<!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="Свяжитесь с нами: телефон, email, адрес офиса в Москве. Бесплатный выезд инженера по Москве и Московской области.">
    <meta name="keywords" content="контакты, телефон, адрес, связаться, заказать видеонаблюдение, Москва">
    <link rel="canonical" href="https://provideocam.ru/contacts.html">

    <!-- Open Graph -->
    <meta property="og:title" content="Контакты | Провидео">
    <meta property="og:description" content="Свяжитесь с нами: телефон, email, адрес офиса в Москве. Бесплатный выезд инженера по Москве и МО.">
    <meta property="og:image" content="https://provideocam.ru/og-image.jpg">
    <meta property="og:url" content="https://provideocam.ru/contacts.html">
    <meta property="og:type" content="website">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">

    <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" media="print" onload="this.media='all'">

    <!-- Микроразметка LocalBusiness -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Провидео",
        "telephone": "+79036125479",
        "email": "info@provideocam.ru",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "ул. Строителей, 12",
            "addressLocality": "Москва",
            "addressRegion": "Московская область",
            "postalCode": "119311",
            "addressCountry": "RU"
        },
        "url": "https://provideocam.ru",
        "openingHours": "Mo-Fr 09:00-20:00",
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                "opens": "09:00",
                "closes": "20:00"
            }
        ],
        "priceRange": "от 9 900₽",
        "areaServed": ["Москва", "Московская область"],
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "236"
        }
    }
    </script>

    <!-- Микроразметка BreadcrumbList -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Главная",
                "item": "https://provideocam.ru/"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Контакты",
                "item": "https://provideocam.ru/contacts.html"
            }
        ]
    }
    </script>

    <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 16px}@media(min-width:768px){.container{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:10px 0;gap:8px}
        .logo h1{font-size:1.4rem;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:.65rem;color:#94a3b8;margin-top:2px;display:none}@media(min-width:480px){.logo p{display:block}}
        .header-phone{background:rgba(56,189,248,0.15);padding:6px 12px;border-radius:40px;display:flex;gap:8px;border:1px solid #1e3a5f;font-size:.85rem}.header-phone a{color:#7dd3fc;text-decoration:none;white-space:nowrap}
        .menu-toggle{display:none;background:none;border:none;font-size:1.8rem;color:#e2e8f0;cursor:pointer;padding:4px}
        .nav-menu{display:flex;gap:14px;list-style:none;flex-wrap:wrap;align-items:center}
        .nav-menu a{text-decoration:none;font-weight:500;color:#cbd5e1;transition:.2s;font-size:.9rem;cursor:pointer;padding:4px 0}
        .nav-menu a:hover,.nav-menu a.active{color:#38bdf8}
        .btn-primary{background:linear-gradient(95deg,#3b82f6,#2563eb);color:#fff;padding:12px 24px;border-radius:40px;font-weight:600;border:none;cursor:pointer;display:inline-block;text-decoration:none;transition:.25s;text-align:center}
        .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:.2s;text-align:center}
        .btn-outline:hover{background:#3b82f6;color:#fff}
        .footer{background:#020617;color:#94a3b8;padding:24px 0;text-align:center;margin-top:30px;border-top:1px solid #1e293b;font-size:.8rem}
        .footer a{color:#7dd3fc;text-decoration:none}.footer a:hover{text-decoration:underline}
        .footer p{margin-bottom:8px}.footer p:last-child{margin-bottom:0}
        .section-title{text-align:center;font-size:1.8rem;font-weight:800;margin:30px 0 12px;color:#f1f5f9}@media(min-width:768px){.section-title{font-size:2.5rem;margin-top:40px}}
        .section-sub{text-align:center;color:#94a3b8;max-width:700px;margin:0 auto 30px;font-size:1rem;padding:0 16px}@media(min-width:768px){.section-sub{font-size:1.1rem;margin-bottom:48px}}
        .form-control{width:100%;padding:12px 16px;border-radius:40px;border:1px solid #334155;margin-bottom:14px;background:#0f172a;color:#e2e8f0;font-size:16px;outline:none}
        .form-control:focus{border-color:#3b82f6}
        textarea.form-control{border-radius:24px;resize:vertical;min-height:80px}
        .hidden-captcha{position:absolute;left:-9999px;opacity:0}
        .contact-block{background:#1e293b;border-radius:28px;padding:20px 16px;display:flex;flex-direction:column;gap:24px;margin:30px 0}@media(min-width:768px){.contact-block{flex-direction:row;padding:40px;gap:40px;margin:40px 0}}
        .contact-info,.contact-form{flex:1}
        .contact-info h3{font-size:1.4rem;margin-bottom:16px;color:#f1f5f9}
        .contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
        .contact-detail i{color:#38bdf8;width:20px;text-align:center}
        .contact-detail a{color:#cbd5e1;text-decoration:none}
        .contact-detail a:hover{color:#38bdf8}
        .contact-form .btn-primary{width:100%}@media(min-width:480px){.contact-form .btn-primary{width:auto}}
        .call-button{display:none;position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(95deg,#3b82f6,#2563eb);color:#fff;width:60px;height:60px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 20px rgba(59,130,246,0.6);transition:transform .2s;text-decoration:none;border:none;cursor:pointer;animation:pulse 2s infinite}
        .call-button:hover{transform:scale(1.1)}
        @keyframes pulse{0%{box-shadow:0 4px 20px rgba(59,130,246,0.6)}50%{box-shadow:0 4px 40px rgba(59,130,246,0.9)}100%{box-shadow:0 4px 20px rgba(59,130,246,0.6)}}
        @media(max-width:767px){.call-button{display:flex}}

        /* Стили для страницы контактов */
        .contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}@media(max-width:768px){.contacts-grid{grid-template-columns:1fr}}
        .contacts-card{background:#1e293b;border-radius:28px;padding:24px;border:1px solid #334155}
        .contacts-card h3{font-size:1.2rem;color:#38bdf8;margin-bottom:12px}
        .contacts-card .detail{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #1e293b;color:#cbd5e1}
        .contacts-card .detail:last-child{border-bottom:none}
        .contacts-card .detail i{color:#38bdf8;width:20px;text-align:center}
        .contacts-card .detail a{color:#cbd5e1;text-decoration:none}
        .contacts-card .detail a:hover{color:#38bdf8}
        .contacts-card .hours{color:#94a3b8;margin-top:12px}
        .social-links{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}
        .social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0f172a;border:1px solid #334155;color:#94a3b8;transition:.2s;font-size:1.2rem}
        .social-links a:hover{background:#2563eb;color:white;border-color:#2563eb}

        @media(max-width:900px){
            .menu-toggle{display:block;order:3}
            .nav-container{flex-wrap:nowrap;justify-content:space-between}
            .header-phone{order:2;padding:4px 10px;font-size:.8rem}
            .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 .4s ease;padding:0 16px;gap:0;border-radius:0 0 20px 20px}
            .nav-menu.open{max-height:600px;padding:16px;gap:8px}
            .nav-menu a{font-size:1rem;padding:10px 0;width:100%;text-align:left;border-bottom:1px solid #1e293b}
            .nav-menu a:last-child{border-bottom:none}
        }
        button,.btn-primary,.btn-outline,.nav-menu a,.header-phone,.call-button{touch-action:manipulation}
        input,textarea,select{font-size:16px!important}
        img,iframe{max-width:100%;height:auto}
        a,.nav-menu a,.footer a,.btn-outline,.btn-outline:link,.btn-outline:visited{color:#ffffff!important;text-decoration:none}
        a:hover,.nav-menu a:hover,.footer a:hover,.btn-outline:hover{color:#cccccc!important;text-decoration:underline}
        .btn-primary,.btn-primary:link,.btn-primary:visited{background:#2563eb!important;color:#ffffff!important}
        .btn-primary:hover{background:#1d4ed8!important;color:#ffffff!important}
    </style>
</head>
<body>

<a href="tel:+79036125479" class="call-button" aria-label="Позвонить"><i class="fas fa-phone-alt"></i></a>

<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="Меню" aria-expanded="false"><i class="fas fa-bars" id="menuIcon"></i></button>
        <ul class="nav-menu" id="navMenu">
            <li><a href="/">Главная</a></li>
            <li><a href="about.html">О компании</a></li>
            <li><a href="contacts.html" class="active">Контакты</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">📺 IPTV</a></li>
            <li><a href="4g.html">📶 4G интернет</a></li>
            <li><a href="lowcurrent.html">📡 Слаботочные системы</a></li>
            <li><a href="pvz.html">📦 Для ПВЗ</a></li>
            <li><a href="blog/">📝 Блог</a></li>
            <li><a href="portfolio.html">📸 Портфолио</a></li>
            <li><a href="geo.html">📍 География</a></li>
        </ul>
    </div>
</header>

<main>
    <div class="container">

        <!-- Хлебные крошки -->
        <nav style="font-size:0.85rem; color:#94a3b8; padding:12px 0; border-bottom:1px solid #1e293b; margin-bottom:24px;">
            <a href="/" style="color:#7dd3fc; text-decoration:none;">Главная</a> <span style="color:#475569;"> / </span>
            <span>Контакты</span>
        </nav>

        <h1 class="section-title">Контакты</h1>
        <div class="section-sub">Свяжитесь с нами любым удобным способом — мы всегда на связи и готовы помочь</div>

        <!-- Контактная информация (2 колонки) -->
        <div class="contacts-grid">
            <div class="contacts-card">
                <h3><i class="fas fa-phone-alt"></i> Свяжитесь с нами</h3>
                <div class="detail"><i class="fas fa-phone-alt"></i> <a href="tel:+79036125479">+7 (903) 612-54-79</a></div>
                <div class="detail"><i class="fas fa-envelope"></i> <a href="mailto:info@provideocam.ru">info@provideocam.ru</a></div>
                <div class="detail"><i class="fas fa-map-marker-alt"></i> г. Москва, ул. Строителей, 12</div>
                <div class="hours">
                    <i class="far fa-clock"></i> Пн–Пт: 09:00 – 20:00<br>
                    Сб–Вс: по предварительной записи
                </div>
                <div class="social-links">
                    <a href="#" aria-label="Telegram"><i class="fab fa-telegram-plane"></i></a>
                    <a href="#" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a>
                    <a href="#" aria-label="VK"><i class="fab fa-vk"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="contacts-card">
                <h3><i class="fas fa-truck"></i> Бесплатный выезд инженера</h3>
                <p style="color:#cbd5e1; margin-bottom:12px;">Мы выезжаем во все районы Москвы и Московской области для замера и консультации.</p>
                <ul style="color:#cbd5e1; list-style:none; padding:0;">
                    <li style="padding:6px 0; border-bottom:1px solid #1e293b;"><i class="fas fa-check-circle" style="color:#38bdf8; margin-right:8px;"></i> Бесплатная консультация</li>
                    <li style="padding:6px 0; border-bottom:1px solid #1e293b;"><i class="fas fa-check-circle" style="color:#38bdf8; margin-right:8px;"></i> Замер и расчёт сметы</li>
                    <li style="padding:6px 0;"><i class="fas fa-check-circle" style="color:#38bdf8; margin-right:8px;"></i> Выбор оборудования под бюджет</li>
                </ul>
                <a href="#contact-form" class="btn-primary" style="display:inline-block; margin-top:16px;">Заказать выезд</a>
            </div>
        </div>

        <!-- Форма обратной связи -->
        <div id="contact-form" class="contact-block">
            <div class="contact-info">
                <h3>Напишите нам</h3>
                <p style="color:#94a3b8; margin-bottom:16px;">Оставьте сообщение — мы ответим в течение рабочего дня.</p>
                <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> г. Москва, ул. Строителей, 12</div>
            </div>
            <div class="contact-form">
                <h3>Отправить сообщение</h3>
                <form id="contactsForm">
                    <input class="form-control" type="text" name="name" placeholder="Ваше имя" required>
                    <input class="form-control" type="tel" name="phone" id="contactsPhone" placeholder="Номер телефона *" required>
                    <input class="form-control" type="email" name="email" placeholder="Email (необязательно)">
                    <textarea class="form-control" name="message" rows="3" placeholder="Опишите ваш вопрос или задачу..." required></textarea>
                    <input type="text" name="honeypot" class="hidden-captcha" autocomplete="off">
                    <button type="submit" class="btn-primary">Отправить</button>
                </form>
            </div>
        </div>

        <div style="text-align:center; margin:40px 0 20px;">
            <a href="/" class="btn-outline">← Вернуться на главную</a>
        </div>

    </div>
</main>

<footer class="footer">
    <div class="container">
        <p>© 2025 Провидео — Монтаж видеонаблюдения, СКС, СКУД, IPTV и 4G интернета под ключ. Работаем по Москве и Московской области.</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="about.html">О компании</a> |
            <a href="contacts.html">Контакты</a> |
            <a href="blog/">Блог</a> |
            <a href="portfolio.html">Портфолио</a> |
            <a href="geo.html">География</a> |
            <a href="privacy.html">Политика конфиденциальности</a>
        </p>
    </div>
</footer>

<script>
    // Мобильное меню
    const mobileBtn = document.getElementById('mobileMenuBtn');
    const navMenu = document.getElementById('navMenu');
    const menuIcon = document.getElementById('menuIcon');
    if (mobileBtn && navMenu) {
        mobileBtn.addEventListener('click', function() {
            const isOpen = navMenu.classList.toggle('open');
            mobileBtn.setAttribute('aria-expanded', isOpen);
            menuIcon.className = isOpen ? 'fas fa-times' : 'fas fa-bars';
        });
        document.addEventListener('click', function(e) {
            if (navMenu.classList.contains('open') && !navMenu.contains(e.target) && !mobileBtn.contains(e.target)) {
                navMenu.classList.remove('open');
                mobileBtn.setAttribute('aria-expanded', 'false');
                menuIcon.className = 'fas fa-bars';
            }
        });
    }

    // Отправка формы контактов
    const contactsForm = document.getElementById('contactsForm');
    if (contactsForm) {
        contactsForm.addEventListener('submit', async function(e) {
            e.preventDefault();
            const honeypot = contactsForm.querySelector('input[name="honeypot"]');
            if (honeypot && honeypot.value !== '') return;
            const phone = document.getElementById('contactsPhone').value.replace(/\D/g, '');
            if (phone.length < 10) { alert('Введите корректный номер телефона'); return; }
            const formData = new FormData(contactsForm);
            formData.append('service', 'Страница Контакты');
            try {
                const response = await fetch('/send.php', { method: 'POST', body: formData });
                if (response.ok) alert('✅ Сообщение отправлено! Мы свяжемся с вами.');
                else alert('❌ Ошибка. Пожалуйста, позвоните нам.');
            } catch (err) { alert('❌ Ошибка соединения.'); }
            contactsForm.reset();
        });
    }
</script>

<!-- Яндекс.Метрика -->
<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>