<?php include 'header_common.php'; ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <base href="/cite_practica/">
    <title>AETERNA - Услуги</title>
    <link rel="stylesheet/less" type="text/css" href="style_for_cite.less">
    <script src="https://cdn.jsdelivr.net/npm/less"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>

        .link-disabled {
            cursor: not-allowed !important;
            opacity: 0.7 !important;
            pointer-events: none !important;
        }

        .auth-required {
            position: relative;
        }

        .auth-required::after {
            content: "🔒";
            position: absolute;
            top: -5px;
            right: -10px;
            font-size: 10px;
        }
    </style>
</head>

<body>

<main>
    <section class="services-section">
        <div class="container services__wrapper">
            <div class="services__top-row">
                <div class="service-card service-card--green">
                    <h3 class="service-card__title">ДОСТАВКА</h3>
                    <p class="service-card__text">Стоимость доставки зависит от таких факторов, как: вес, адрес, удаленность от города, дата</p>
                </div>
                <div class="service-card service-card--green">
                    <h3 class="service-card__title">СБОРКА</h3>
                    <p class="service-card__text">Стоимость сборки рассчитывается индивидуально, так как на цену влияет несколько факторов</p>
                </div>
            </div>

            <div class="service-card service-card--beige">
                <h3 class="service-card__title">ДИЗАЙН‑ПРОЕКТ</h3>
                <p class="service-card__text">Предоставляем услугу по составлению дизайн‑проекта. Учитываем индивидуальные пожелания каждого клиента. Работаем с интерьерами различной сложности.</p>
                <div class="image-placeholder"></div>
            </div>
        </div>
    </section>
</main>

<footer class="footer" id="footer">
    <div class="container footer__content">
        <div class="footer__col footer--logo">
            <div class="logo">AETERNA</div>
        </div>

        <div class="footer__col">
            <h5>ПОКУПАТЕЛЮ</h5>
            <ul>
                <li><a href="catalog.php">Каталог</a></li>
                <li><a href="services.php">Услуги</a></li>
            </ul>
        </div>

        <div class="footer__col">
            <h5>ПОМОЩЬ</h5>
            <ul>
                <li><a href="delivery.php">Доставка и оплата</a></li>
                <li><a href="warranty.php">Гарантия и возврат</a></li>
                <li><a href="cite_mebel.php#faq">Ответы на вопросы</a></li>
                <li><a href="#footer">Контакты</a></li>
            </ul>
        </div>

        <div class="footer__col">
            <h5>КОНТАКТЫ</h5>
            <p>aeterna@mail.ru</p>
            <p>+7(912)999-12-23</p>
            <div class="social-icons">
                <span class="icon"><i class="fab fa-telegram"></i></span>
                <span class="icon"><i class="fab fa-instagram"></i></span>
                <span class="icon"><i class="fab fa-vk"></i></span>
            </div>
        </div>

        <div class="footer__col">
            <h5>ПРИНИМАЕМ К ОПЛАТЕ</h5>
            <div class="payment-icons">
                <span class="pay-icon"><i class="fab fa-cc-visa"></i></span>
                <span class="pay-icon"><i class="fab fa-cc-mastercard"></i></span>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>© 2025 AETERNA. Все права защищены.</p>
    </div>
</footer>

</body>
</html>