Initial commit
This commit is contained in:
@@ -0,0 +1,90 @@
|
||||
<?php
|
||||
/**
|
||||
* AegisOne Engineering — Сервисное обслуживание (SLA)
|
||||
*/
|
||||
require_once __DIR__ . '/../config.php';
|
||||
require_once __DIR__ . '/../seo.php';
|
||||
|
||||
$pageKey = 'sla';
|
||||
$canonical = '/sla/';
|
||||
$btnText = 'Заказать SLA';
|
||||
$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">Гарантированная работоспособность ваших систем безопасности с измеримыми KPI. Профилактика отказов, быстрое реагирование, регулярное ТО.</p>
|
||||
<a href="#contacts" class="btn">Заказать SLA</a>
|
||||
<p class="hero__footnote">Работаем по всей России</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="services">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Что входит в SLA</h2>
|
||||
<div class="services__grid">
|
||||
<?php
|
||||
$items = [
|
||||
['svg' => '<circle cx="32" cy="32" r="24" fill="none" stroke="#00ADEF" stroke-width="3"/><polyline points="22,34 30,42 44,24" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Регулярное ТО', 'desc' => 'Плановые проверки и обслуживание всех систем согласно регламенту. Чистка, настройка, обновление ПО.'],
|
||||
['svg' => '<circle cx="32" cy="32" r="24" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="32" y1="18" x2="32" y2="36" stroke="#00ADEF" stroke-width="3"/><circle cx="32" cy="42" r="2" fill="#00ADEF"/>', 'title' => 'Круглосуточный мониторинг', 'desc' => 'Непрерывный контроль состояния систем, оперативное выявление отклонений и предиктивная диагностика.'],
|
||||
['svg' => '<path d="M16 48 L32 16 L48 48 Z" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="32" y1="28" x2="32" y2="38" stroke="#00ADEF" stroke-width="3"/><circle cx="32" cy="44" r="2" fill="#00ADEF"/>', 'title' => 'Гарантированное время реакции', 'desc' => 'Чётко прописанные SLA: время реакции на аварию, время устранения неисправности, ответственность сторон.'],
|
||||
['svg' => '<rect x="12" y="16" width="40" height="32" rx="4" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="20" y1="12" x2="20" y2="20" stroke="#00ADEF" stroke-width="3"/><line x1="44" y1="12" x2="44" y2="20" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Отчётность и KPI', '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">Тарифы SLA</h2>
|
||||
<div class="sla__tariffs">
|
||||
<?php
|
||||
$tariffs = [
|
||||
['name' => 'Базовый', 'price' => 'от 15 000 ₽/мес', 'features' => ['Ежемесячное ТО', 'Время реакции: 48 часов', 'Удалённый мониторинг', 'Отчёт раз в квартал']],
|
||||
['name' => 'Оптимальный', 'price' => 'от 30 000 ₽/мес', 'featured' => true, 'features' => ['ТО 2 раза в месяц', 'Время реакции: 24 часа', 'Круглосуточный мониторинг', 'Ежемесячный отчёт', 'Приоритетная поддержка']],
|
||||
['name' => 'Максимальный', 'price' => 'от 60 000 ₽/мес', 'features' => ['Еженедельное ТО', 'Время реакции: 12 часов', '24/7 мониторинг и поддержка', 'Еженедельный отчёт', 'Закреплённый инженер', 'Предиктивная диагностика']],
|
||||
];
|
||||
foreach ($tariffs as $t): ?>
|
||||
<div class="sla-card<?= !empty($t['featured']) ? ' sla-card--featured' : '' ?>">
|
||||
<h3><?= $t['name'] ?></h3>
|
||||
<div class="sla-card__price"><?= $t['price'] ?></div>
|
||||
<ul><?php foreach ($t['features'] as $f): ?><li><?= $f ?></li><?php endforeach; ?></ul>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<p style="text-align:center; margin-top:30px; color:var(--text-secondary);">* Точная стоимость рассчитывается индивидуально после аудита объекта</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="faq" id="faq">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Вопросы об SLA</h2>
|
||||
<div class="faq__list">
|
||||
<?php
|
||||
$faqs = [
|
||||
['q' => 'Что произойдёт при аварии?', 'a' => 'Вы звоните или оставляете заявку. Система фиксирует время обращения. Инженер выезжает на объект в течение гарантированного времени реакции, указанного в вашем тарифе.'],
|
||||
['q' => 'Нужен ли предварительный аудит?', 'a' => 'Рекомендуем начать с аудита, чтобы определить фактическое состояние систем и подобрать оптимальный тариф. После аудита вы получите точное предложение.'],
|
||||
['q' => 'Как контролировать качество услуг?', 'a' => 'Ежемесячно вы получаете отчёт с KPI: количество выездов, время реакции, выполненные работы. Все показатели прозрачны и согласованы в договоре.'],
|
||||
];
|
||||
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'; ?>
|
||||
Reference in New Issue
Block a user