<main class="content">
    <!-- Слайдер -->
    <section class="hero-slider">
        <div class="slider-container">
            <div class="slide active">
                <div class="slide-content">
                    <h2>Ласкаво просимо до Theme 1</h2>
                    <p>Сучасний та функціональний дизайн для вашого сайту</p>
                    <a href="/about" class="btn-primary">Дізнатися більше</a>
                </div>
            </div>
            <div class="slide">
                <div class="slide-content">
                    <h2>Швидкий та надійний</h2>
                    <p>Оптимізований код для максимальної продуктивності</p>
                    <a href="/contact" class="btn-primary">Зв'язатися з нами</a>
                </div>
            </div>
            <div class="slide">
                <div class="slide-content">
                    <h2>Адаптивний дизайн</h2>
                    <p>Відмінно виглядає на всіх пристроях</p>
                    <a href="/" class="btn-primary">Почати роботу</a>
                </div>
            </div>
            <div class="slider-controls">
                <button class="slider-btn prev" aria-label="Попередній слайд">‹</button>
                <button class="slider-btn next" aria-label="Наступний слайд">›</button>
            </div>
            <div class="slider-dots">
                <span class="dot active" data-slide="0"></span>
                <span class="dot" data-slide="1"></span>
                <span class="dot" data-slide="2"></span>
            </div>
        </div>
    </section>

    <!-- Контент -->
    <div class="container">
        <section class="features">
            <h2>Особливості теми</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🚀</div>
                    <h3>Швидкість</h3>
                    <p>Оптимізований код забезпечує швидке завантаження сторінок</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📱</div>
                    <h3>Адаптивність</h3>
                    <p>Повна підтримка мобільних пристроїв та планшетів</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🎨</div>
                    <h3>Дизайн</h3>
                    <p>Сучасний та мінімалістичний інтерфейс</p>
                </div>
            </div>
        </section>

        <section class="about-section">
            <h2>Про нас</h2>
            <p>Theme 1 - це сучасна тема для Flowaxy CMS, яка поєднує в собі красу та функціональність. Вона ідеально підходить для бізнес-сайтів, портфоліо та корпоративних порталів.</p>
            <p>Тема включає в себе всі необхідні компоненти для швидкого старту та легкого налаштування. Ви можете легко змінювати кольори, шрифти та інші параметри через систему налаштувань.</p>
        </section>
    </div>
</main>
