потом

<section class="main-hero">
    <div class="container">
        <h1 class="hero-title">Твой масштабный заголовок</h1>
        <p class="hero-subtitle">Коротко о том, почему твой проект — это именно то, что нужно.</p>
        <div class="hero-actions">
            <a href="#features" class="btn-primary">Узнать больше</a>
            <a href="#contact" class="btn-secondary">Связаться</a>
        </div>
    </div>
</section>

<!-- 2. Секция Преимуществ (Сетка) -->
<section id="features" class="features-grid">
    <div class="container">
        <h2 class="section-title">Что я предлагаю</h2>
        <div class="grid-wrapper">
            <div class="grid-item">
                <h3>Скорость</h3>
                <p>Всё работает быстро и без «белых экранов».</p>
            </div>
            <div class="grid-item">
                <h3>Качество</h3>
                <p>Чистый код и современный дизайн на белом фоне.</p>
            </div>
            <div class="grid-item">
                <h3>Опыт</h3>
                <p>Решения, проверенные временем и практикой.</p>
            </div>
        </div>
    </div>
</section>

<!-- 3. Секция Контактов -->
<section id="contact" class="contact-section">
    <div class="container">
        <h2 class="section-title">Готовы начать?</h2>
        <p>Напишите мне, и мы доведем ваш проект до конца.</p>
        <a href="mailto:твой-email@example.com" class="btn-primary">Написать письмо</a>
    </div>
</section>

<section class="main-hero">
    <div class="container">
        <h1 class="hero-title">Твой масштабный заголовок</h1>
        <p class="hero-subtitle">Коротко о том, почему твой проект — это именно то, что нужно.</p>
        <div class="hero-actions">
            <a href="#features" class="btn-primary">Узнать больше</a>
            <a href="#contact" class="btn-secondary">Связаться</a>
        </div>
    </div>
</section>

<section id="features" class="features-grid">
    <div class="container">
        <h2 class="section-title">Что я предлагаю</h2>
        <div class="grid-wrapper">
            <div class="grid-item">
                <h3>Скорость</h3>
                <p>Всё работает быстро и без «белых экранов».</p>
            </div>
            <div class="grid-item">
                <h3>Качество</h3>
                <p>Чистый код и современный дизайн на белом фоне.</p>
            </div>
            <div class="grid-item">
                <h3>Опыт</h3>
                <p>Решения, проверенные временем и практикой.</p>
            </div>
        </div>
    </div>
</section>