web_work/app/Views/home/index.php

<?php $title = 'Главная'; ?>

<section class="hero">
    <div class="container hero__content">
        <div class="hero__image-block">
            <div class="hero__circle"></div>
            <img src="/img/chair.PNG" alt="Кресло и торшер" class="hero__img">
        </div>
        <div class="hero__text-block">
            <h1>ДОБАВЬТЕ ИЗЫСКАННОСТИ В СВОЙ ИНТЕРЬЕР</h1>
            <p class="hero__usp-text">Мы создаем мебель, которая сочетает в себе безупречный дизайн, натуральные материалы, продуманный функционал, чтобы ваш день начинался и заканчивался с комфортом.</p>
            
            <?php if ($isLoggedIn): ?>
            <a href="/cite_practica/catalog" class="btn primary-btn">ПЕРЕЙТИ В КАТАЛОГ</a>
            <?php else: ?>
            <a href="/cite_practica/login" class="btn primary-btn">ПЕРЕЙТИ В КАТАЛОГ</a>
            <?php endif; ?>
        </div>
    </div>
</section>

<section class="advantages">
    <div class="container">
        <div class="advantages__header">
            <h2>ПОЧЕМУ <br>ВЫБИРАЮТ НАС?</h2>
            <div class="advantages__items">
                <div class="advantage-item">
                    <span class="advantage-item__number">1</span>
                    <h4>ГАРАНТИЯ ВЫСОЧАЙШЕГО КАЧЕСТВА</h4>
                    <p>Собственное производство и строгий контроль на всех этапах.</p>
                </div>
                <div class="advantage-item">
                    <span class="advantage-item__number">2</span>
                    <h4>ИСПОЛЬЗОВАНИЕ НАДЕЖНЫХ МАТЕРИАЛОВ</h4>
                    <p>Гарантия безопасности и долговечности.</p>
                </div>
                <div class="advantage-item">
                    <span class="advantage-item__number">3</span>
                    <h4>ИНДИВИДУАЛЬНЫЙ ПОДХОД И ГИБКОСТЬ УСЛОВИЙ</h4>
                    <p>Реализуем проекты любой сложности по вашим техническим заданиям.</p>
                </div>
            </div>
        </div>

        <div class="promo-images">
            <div class="promo-image-col">
                <img src="/img/спальня.jpg" alt="Кровать и тумба">
                <div class="image-overlay-text">
                    <h4>НОВИНКИ В КАТЕГОРИЯХ <br>МЯГКАЯ МЕБЕЛЬ</h4>
                    <a href="/cite_practica/catalog" class="overlay-link">ПЕРЕЙТИ</a>
                </div>
            </div>
            <div class="promo-image-col">
                <img src="/img/диван.jpg" alt="Диван в гостиной">
                <div class="image-overlay-text">
                    <h4>РАСПРОДАЖА <br>ПРЕДМЕТЫ ДЕКОРА</h4>
                    <a href="/cite_practica/catalog" class="overlay-link">ПЕРЕЙТИ</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="about">
    <div class="container about__content">
        <div class="about__column about__column--left">
            <div class="about__text-block">
                <h2>О НАС</h2>
                <p class="text-justified">Компания AETERNA - российский производитель качественной корпусной и мягкой мебели для дома и офиса. С 2015 года мы успешно реализуем проекты любой сложности, сочетая современные технологии, проверенные материалы и классическое мастерство.</p>
            </div>
            <img src="/img/кресло_1.jpg" alt="Фиолетовое кресло" class="about__img about__img--small">
        </div>

        <div class="about__column about__column--right">
            <img src="/img/диван_1.jpg" alt="Белый диван с подушками" class="about__img about__img--large">
            <p class="about__caption">Наша сеть включает 30+ российских фабрик, отобранных по строгим стандартам качества. Мы сотрудничаем исключительно с лидерами рынка, чья продукция доказала свое превосходство временем.</p>
        </div>
    </div>
</section>

<section class="solutions">
    <div class="container">
        <div class="solutions-slider">
            <div class="solutions-slider__slides">
                <div class="solutions-slider__slide">
                    <img src="/img/слайдер_1.jpg" class="solution-img" alt="Готовое решение для гостиной">
                    <div class="solution-text-overlay">
                        <h2>ГОТОВОЕ РЕШЕНИЕ<br>ДЛЯ ВАШЕЙ ГОСТИНОЙ</h2><br>
                        <p>УСПЕЙТЕ ЗАКАЗАТЬ СЕЙЧАС</p>
                    </div>
                    <a href="/cite_practica/catalog" class="solution-image-link">Подробнее</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="stats">
    <div class="container">
        <div class="stats__items">
            <div class="stat-item">
                <div class="stat-number">10+</div>
                <div class="stat-label">Лет работы</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">30 000+</div>
                <div class="stat-label">Довольных покупателей</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">4500+</div>
                <div class="stat-label">Реализованных заказов</div>
            </div>
        </div>
    </div>
</section>

<section class="faq" id="faq">
    <div class="container">
        <h2>ОТВЕТЫ НА ВОПРОСЫ</h2>
        <div class="faq__items">
            <div class="faq-item">
                <span class="number-circle">1</span>
                <div class="faq-item__content">
                    <h4>Сколько времени занимает доставка?</h4>
                    <p>Доставка готовых позиций занимает 1-3 дня. Мебель на заказ изготавливается от 14 до 45 рабочих дней.</p>
                </div>
            </div>
            <div class="faq-item">
                <span class="number-circle">2</span>
                <div class="faq-item__content">
                    <h4>Нужно ли вносить предоплату?</h4>
                    <p>Да, для запуска заказа в производство необходима предоплата в размере 50-70% от стоимости.</p>
                </div>
            </div>
            <div class="faq-item">
                <span class="number-circle">3</span>
                <div class="faq-item__content">
                    <h4>Предоставляется ли рассрочка или кредит?</h4>
                    <p>Да, мы предлагаем рассрочку на 6 или 12 месяцев без первоначального взноса.</p>
                </div>
            </div>
            <div class="faq-item">
                <span class="number-circle">4</span>
                <div class="faq-item__content">
                    <h4>Что делать, если мебель пришла с дефектом?</h4>
                    <p>Сообщите нам в течение 7 дней, мы решим вопрос о бесплатной замене или ремонте.</p>
                </div>
            </div>
        </div>
        <button class="btn primary-btn">Задать вопрос</button>
    </div>
</section>