<section class="pt-12 lg:pt-20 pb-12"> <div class="max-w-4xl mx-auto px-5 lg:px-8" data-reveal> <div class="eyebrow mb-3">База знаний</div> <h1 class="h1 mb-6">О корсетах</h1> <p class="text-lg text-ink-600 leading-relaxed"> Раздел в разработке. Скоро здесь появятся подробные материалы о принципах корсетотерапии, сравнение корсетов УЗОР и Шено, ответы на типичные вопросы родителей. </p> </div> </section> <section class="section bg-white"> <div class="max-w-4xl mx-auto px-5 lg:px-8" data-reveal> <div class="card p-8 lg:p-12 text-center"> <div class="w-16 h-16 mx-auto rounded-full bg-primary-50 flex items-center justify-center mb-5"> <svg class="w-8 h-8 text-primary-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"> <circle cx="12" cy="12" r="10"/> <path d="M12 6v6l4 2" stroke-linecap="round"/> </svg> </div> <h2 class="h2 mb-4">Страница в разработке</h2> <p class="text-ink-600 max-w-xl mx-auto mb-6">Эта страница будет наполнена в следующей итерации. Пока вы можете:</p> <div class="flex flex-wrap justify-center gap-3"> <a href="{{ base_url_relative }}/korsety-uzor" class="btn btn-primary">Описание корсетов «УЗОР»</a> <a href="{{ base_url_relative }}/voprosy-i-otvety" class="btn btn-ghost">Вопросы и ответы</a> </div> </div> </div> </section>