<?php
declare(strict_types=1);
$page = 'home';
$page_title = 'Главная';
$page_desc = 'ООО «Фельд-ЭМ» — промышленное проектирование систем аспирации и газоочистки. Основные объекты: заводы РУСАЛ и предприятия чёрной металлургии.';
require __DIR__ . '/includes/header.php';

$icon_svg = [
    'audit' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M8 4h8v3H8z"/><path d="M7 7h10v13H7z"/><path d="M10 11h4M10 14h4M10 17h2"/></svg>',
    'project' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M4 6h9l2 2h5v12H4z"/><path d="M8 12h8M8 15h5"/></svg>',
    'equipment' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="8" width="18" height="11" rx="1"/><path d="M8 8V6h8v2M7 13h10M7 16h6"/></svg>',
    'automation' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="7" y="3" width="10" height="18" rx="1"/><path d="M10 7h4M10 11h4M10 15h2"/></svg>',
    'start' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="8"/><path d="m10 9 6 3-6 3z"/></svg>',
    'service' => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="12" r="3"/><path d="M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M5.6 18.4 7 17M17 7l1.4-1.4"/></svg>',
];

?>

<section class="hero hero-photo">
    <div class="hero-bg" aria-hidden="true">
        <video
            class="hero-video"
            autoplay
            muted
            loop
            playsinline
            preload="metadata"
            poster="assets/img/hero-plant.jpg"
        >
            <source src="video.mp4" type="video/mp4">
        </video>
        <img class="hero-photo-img hero-photo-fallback" src="assets/img/hero-plant.jpg" alt="" width="1600" height="900">
        <div class="hero-photo-shade"></div>
        <div class="hero-slash"></div>
        <div class="hero-grid-lines"></div>
    </div>
    <div class="container hero-layout">
        <div class="hero-copy reveal">
            <div class="eyebrow">Красноярск · промышленное проектирование</div>
            <h1>
                Проектирование
                <span class="accent-line">аспирации и газоочистки</span>
            </h1>
            <p class="lead">
                <?= e($site['full_name']) ?> проектирует системы аспирации и газоочистки
                на промышленных объектах. Основные площадки — заводы РУСАЛ и предприятия чёрной металлургии.
                Шкафы управления и прикладное программное обеспечение разрабатываем дополнительно.
            </p>
            <div class="btn-row">
                <a class="btn btn-accent" href="order.php">Оставить заявку</a>
                <a class="btn btn-outline" href="projects.php">Смотреть проекты</a>
            </div>
        </div>

        <aside class="hero-panel reveal reveal-delay-2">
            <div class="hero-panel-media">
                <img src="assets/img/cabinet.jpg" alt="Шкаф управления с контроллерами и клеммниками" width="640" height="480">
            </div>
            <div class="hero-stats">
                <div class="stat">
                    <strong>с <?= e((string) $site['year_from']) ?></strong>
                    <span>года на промышленных объектах</span>
                </div>
                <div class="stat">
                    <strong>РУСАЛ</strong>
                    <span>заводы алюминия и глинозёма — основные объекты</span>
                </div>
                <div class="stat">
                    <strong>Чёрная металлургия</strong>
                    <span>заводы — второе основное направление объектов</span>
                </div>
            </div>
        </aside>
    </div>
</section>

<section class="media-strip reveal">
    <div class="media-strip-track">
        <figure class="media-frame skew-left">
            <img src="assets/img/wiring.jpg" alt="Клеммники и обжатые жилы в шкафу" width="800" height="800">
            <figcaption>Сборка шкафов</figcaption>
        </figure>
        <figure class="media-frame">
            <img src="assets/img/workshop.jpg" alt="Ряд промышленных шкафов управления в цехе" width="1600" height="900">
            <figcaption>Цех сборки шкафов</figcaption>
        </figure>
        <figure class="media-frame skew-right">
            <img src="assets/img/baghouse.jpg" alt="Рукавные фильтры и воздуховоды" width="1200" height="800">
            <figcaption>Газоочистка</figcaption>
        </figure>
    </div>
</section>

<section class="diagonal-band">
    <div class="container">
        <div class="section-head reveal">
            <div>
                <div class="section-kicker">Услуги</div>
                <h2>Проектирование систем аспирации и газоочистки</h2>
            </div>
            <p>Основная работа — промышленное проектирование. Шкафы управления и программное обеспечение делаем как дополнительное направление.</p>
        </div>

        <div class="services-grid">
            <?php foreach ($services as $i => $service): ?>
                <article class="card card-service reveal reveal-delay-<?= (int) ($i % 3) + 1 ?>">
                    <div class="card-service-media">
                        <img
                            src="<?= e($service['image']) ?>"
                            alt="<?= e($service['title']) ?>"
                            width="800"
                            height="600"
                            loading="lazy"
                        >
                        <div class="icon-pill" aria-hidden="true"><?= $icon_svg[$service['icon']] ?? '' ?></div>
                    </div>
                    <div class="card-service-body">
                        <div class="card-num">0<?= $i + 1 ?></div>
                        <h3><?= e($service['title']) ?></h3>
                        <p><?= e($service['short']) ?></p>
                        <a class="card-link" href="services.php#<?= e($service['slug']) ?>">Подробнее</a>
                    </div>
                </article>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<section class="section">
    <div class="container directions">
        <div class="reveal">
            <div class="section-kicker">Направления</div>
            <h2 style="margin-bottom: 1.5rem;">Что делаем и где</h2>
            <div class="direction-list">
                <article class="direction-item">
                    <div class="idx">01</div>
                    <div>
                        <h3>Проектирование аспирации и газоочистки</h3>
                        <p>Основной вид деятельности: системы на промышленных объектах, от обследования и концепции до проектной документации.</p>
                    </div>
                </article>
                <article class="direction-item">
                    <div class="idx">02</div>
                    <div>
                        <h3>Заводы РУСАЛ и чёрная металлургия</h3>
                        <p>Основные объекты. Среди выполненных работ — Красноярский, Ачинский и Братский заводы РУСАЛ и площадки чёрной металлургии, включая Северсталь.</p>
                    </div>
                </article>
                <article class="direction-item">
                    <div class="idx">03</div>
                    <div>
                        <h3>Шкафы управления</h3>
                        <p>Дополнительное направление. Сборка шкафов для газоочистки, аспирации и систем по техническому заданию.</p>
                    </div>
                </article>
                <article class="direction-item">
                    <div class="idx">04</div>
                    <div>
                        <h3>Программное обеспечение</h3>
                        <p>Дополнительное направление. Прикладное ПО контроллеров под конкретный технологический процесс.</p>
                    </div>
                </article>
            </div>
        </div>

        <aside class="feature-visual reveal reveal-delay-2">
            <div class="feature-visual-img">
                <img src="assets/img/pumps.jpg" alt="Насосное оборудование и кабельные трассы" width="1200" height="800">
            </div>
            <div class="feature-stack">
                <h3>Системы, которые держат процесс</h3>
                <p class="muted">Проект аспирации и газоочистки делаем с учётом технологии площадки. Шкафы и программы подключаем, когда они нужны объекту.</p>
                <ul>
                    <li>Контроль и регулирование технологических параметров</li>
                    <li>Адаптация оборудования под задачи заказчика</li>
                    <li>Эксплуатационная документация к каждой поставке</li>
                    <li>Гарантийное и авторское сопровождение</li>
                </ul>
                <div class="btn-row" style="margin-top: 1.25rem;">
                    <a class="btn btn-accent" href="cupboards.php">Шкафы управления</a>
                </div>
            </div>
        </aside>
    </div>
</section>

<section class="diagonal-band alt">
    <div class="container">
        <div class="section-head reveal">
            <div>
                <div class="section-kicker">Проекты</div>
                <h2>Объекты, где уже работаем</h2>
            </div>
            <a class="btn btn-ghost" href="projects.php">Все проекты</a>
        </div>

        <div class="projects-asymm">
            <?php
            $featured_slugs = ['rusal-krasnoyarsk', 'rusal-achinsk', 'rusal-bratsk', 'severstal-sau', 'nsk-foundry-gas'];
            $projects_by_slug = [];
            foreach ($projects as $project_item) {
                $projects_by_slug[$project_item['slug']] = $project_item;
            }
            $featured = [];
            foreach ($featured_slugs as $featured_slug) {
                if (isset($projects_by_slug[$featured_slug])) {
                    $featured[] = $projects_by_slug[$featured_slug];
                }
            }
            foreach ($featured as $i => $item):
                $large = $i === 0 ? ' large' : '';
            ?>
                <a class="project-tile<?= $large ?> reveal" href="<?= e(project_url($item)) ?>">
                    <img
                        class="project-tile-img"
                        src="<?= e($item['image']) ?>"
                        alt="<?= e($item['client']) ?>"
                        width="800"
                        height="600"
                        loading="lazy"
                    >
                    <div class="project-tile-content">
                        <span class="tag"><?= e($item['city'] !== '' ? $item['city'] : 'Россия') ?></span>
                        <h3><?= e($item['client']) ?></h3>
                        <p><?= e($item['work']) ?></p>
                        <span class="card-link">Читать о проекте</span>
                    </div>
                </a>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<section class="section section-tight">
    <div class="container">
        <div class="section-head stacked reveal">
            <div class="section-kicker">Партнёры</div>
            <h2>Компании, с которыми мы на одной площадке</h2>
        </div>
        <div class="partners-cloud reveal">
            <?php foreach (array_slice($partners, 0, 12) as $partner): ?>
                <span class="partner-chip"><?= e($partner) ?></span>
            <?php endforeach; ?>
        </div>
        <div style="margin-top: 1.5rem;" class="reveal">
            <a class="btn btn-outline" href="partners.php">Полный список партнёров</a>
        </div>
    </div>
</section>

<section class="cta-band cta-photo">
    <div class="cta-band-bg" aria-hidden="true">
        <img src="assets/img/tep-night.jpg" alt="" width="1600" height="900">
    </div>
    <div class="container cta-inner reveal">
        <div>
            <h2>Нужен проект аспирации или газоочистки?</h2>
            <p>Пришлём технико-коммерческое предложение после знакомства с задачей. Можно вызвать специалиста на объект.</p>
        </div>
        <div class="btn-row">
            <a class="btn btn-accent" href="order.php">Заявка</a>
            <a class="btn btn-outline" href="tel:<?= e($site['phone_href']) ?>"><?= e($site['phone']) ?></a>
        </div>
    </div>
</section>

<?php require __DIR__ . '/includes/footer.php'; ?>
