<section class="bg-primary text-white py-5 mt-5">
    <div class="container text-center py-5">
        <h3 class="display-6 fw-bold mb-4 font-serif text-white">
            <?php echo esc_html(get_theme_mod('newsletter_headline', 'Receive weekly insights directly in your inbox.')); ?>
        </h3>
        <p class="lead mb-4 font-sans text-light">
            <?php echo esc_html(get_theme_mod('newsletter_subheadline', 'Join our community and get our latest thoughts sent straight to you.')); ?>
        </p>
        <form class="mx-auto" style="max-width: 500px;">
            <div class="input-group input-group-lg shadow">
                <input type="email" placeholder="Your email address" class="form-control border-0 px-4" required>
                <button type="submit" class="btn btn-secondary px-5 border-0 fw-bold text-uppercase h-100">
                    <?php echo esc_html(get_theme_mod('newsletter_button_text', 'Subscribe')); ?>
                </button>
            </div>
        </form>
    </div>
</section>