<main class="content">
    <!-- Слайдер -->
    <section class="hero-slider">
        <div class="slider-container">
            <div class="slide active">
                <div class="slide-content">
                    <h2>Ласкаво просимо до Theme 3</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 3 - це яскрава та динамічна тема з унікальним дизайном. Вона ідеально підходить для креативних проектів та портфоліо.</p>
            <p>Тема має багато можливостей для кастомізації та дозволяє створити унікальний вигляд вашого сайту.</p>
        </section>
    </div>
</main>
