<?php
/**
 * AegisOne Engineering — Технический надзор
 */
require_once __DIR__ . '/../config.php';
require_once __DIR__ . '/../seo.php';

$pageKey   = 'supervision';
$canonical = '/supervision/';
$btnText   = 'Заказать надзор';
$contactTitle = 'Заказать технический надзор';
require_once __DIR__ . '/../inc/form-handler.php';
require __DIR__ . '/../inc/header.php';
?>

    <section class="hero" id="hero">
        <div class="container">
            <h1 class="hero__title"><?= $SEO[$pageKey]['h1'] ?></h1>
            <p class="hero__subtitle">Независимый контроль качества монтажа и пусконаладки систем безопасности. Гарантия соответствия проекту, нормативам и срокам.</p>
            <a href="#contacts" class="btn">Заказать надзор</a>
            <p class="hero__footnote">Работаем по всей России</p>
        </div>
    </section>

    <section class="services">
        <div class="container">
            <h2 class="section-title">Что мы контролируем</h2>
            <div class="services__grid">
                <?php
                $items = [
                    ['svg' => '<rect x="12" y="16" width="40" height="32" rx="4" fill="none" stroke="#00ADEF" stroke-width="3"/><polygon points="22,32 30,40 44,24" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Соответствие проекту', 'desc' => 'Проверка фактического монтажа на соответствие проектной документации и спецификациям.'],
                    ['svg' => '<rect x="16" y="8" width="32" height="48" rx="4" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="22" y1="20" x2="42" y2="20" stroke="#00ADEF" stroke-width="3"/><line x1="22" y1="30" x2="42" y2="30" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Качество работ', 'desc' => 'Оценка качества монтажа кабельных линий, оборудования, соблюдение технологий и стандартов.'],
                    ['svg' => '<circle cx="32" cy="32" r="24" fill="none" stroke="#00ADEF" stroke-width="3"/><polyline points="20,34 28,42 44,24" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Соответствие нормативам', 'desc' => 'Контроль соблюдения требований ГОСТ, СП, норм пожарной безопасности и других регуляторов.'],
                    ['svg' => '<path d="M32 8 L56 24 L56 40 L32 56 L8 40 L8 24 Z" fill="none" stroke="#00ADEF" stroke-width="3"/><polygon points="32,20 38,30 32,28 26,30" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Приёмка в эксплуатацию', 'desc' => 'Участие в приёмочных испытаниях, подписание актов, формирование замечаний и контроль их устранения.'],
                ];
                foreach ($items as $item): ?>
                <div class="card service-card">
                    <svg class="card__icon" viewBox="0 0 64 64"><?= $item['svg'] ?></svg>
                    <h3><?= $item['title'] ?></h3>
                    <p><?= $item['desc'] ?></p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="about">
        <div class="container">
            <h2 class="section-title">Когда нужен технический надзор</h2>
            <div class="info-cards">
                <div class="info-card">
                    <h3>Строительство или реконструкция</h3>
                    <p>Независимый контроль гарантирует, что подрядчик соблюдает проект и нормы, а вы не переплачиваете за некачественные работы.</p>
                </div>
                <div class="info-card">
                    <h3>Модернизация систем безопасности</h3>
                    <p>Экспертиза со стороны снижает риски ошибок интеграции и несовместимости оборудования.</p>
                </div>
                <div class="info-card">
                    <h3>Приёмка объекта</h3>
                    <p>Мы проверяем, что все системы работают согласно заявленным характеристикам, и формируем объективный акт приёмки.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="faq" id="faq">
        <div class="container">
            <h2 class="section-title">Вопросы о техническом надзоре</h2>
            <div class="faq__list">
                <?php
                $faqs = [
                    ['q' => 'Чем технадзор отличается от авторского надзора?', 'a' => 'Авторский надзор ведёт проектировщик, отвечая за соответствие проекту. Технический надзор — это независимый контроль качества работ, сроков и соблюдения нормативов.'],
                    ['q' => 'На каком этапе подключать технадзор?', 'a' => 'Оптимально — на этапе выбора подрядчика или начала монтажа. Но возможен аудит уже выполненных работ.'],
                    ['q' => 'Как оформляются результаты?', 'a' => 'Еженедельные акты осмотра, фотофиксация, журнал замечаний. Итоговый акт приёмочного контроля с оценкой качества. Все документы имеют юридическую силу.'],
                ];
                foreach ($faqs as $faq): ?>
                <div class="faq-item">
                    <button class="faq-question"><?= $faq['q'] ?></button>
                    <div class="faq-answer"><?= $faq['a'] ?></div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

<?php require __DIR__ . '/../inc/contact-form.php'; ?>
<?php require __DIR__ . '/../inc/footer.php'; ?>
