<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"> <div class="grid lg:grid-cols-12 gap-8"> <div class="lg:col-span-7" data-stagger> <article class="review-card mb-5"> <div class="flex items-center justify-between mb-3"> <div class="font-display font-semibold text-lg">Евгений</div> <div class="text-xs text-primary-100">15.08.2024</div> </div> <div class="review-stars mb-3 text-base">★★★★★</div> <h3 class="font-display font-semibold text-xl mb-3">Корсет — огонь!</h3> <p class="text-white/95 leading-relaxed"> День добрый! Спешу поделиться отличной новостью! За 9 месяцев ношения корсета Узор сделал рентген: углы по 3 дугам уменьшились! Верхняя — было 27, стало 16. Средняя — было 48, стало 35. Нижняя — было 21, стало 12!!! Мне 18 лет, корсет ношу с 17 лет. Спасибо большое Борису Семёновичу! </p> </article> <article class="review-card mb-5"> <div class="flex items-center justify-between mb-3"> <div class="font-display font-semibold text-lg">Наталья</div> <div class="text-xs text-primary-100">26.06.2023</div> </div> <div class="review-stars mb-3 text-base">★★★★★</div> <p class="text-white/95 leading-relaxed"> Обратились за помощью со сколиозом 4 степени в июле 2019 года. За 4 года ношения корсета заметны значительные изменения, на рентгеновских снимках отмечается положительная динамика, стала уменьшаться угол искривления, даже несмотря на возраст 18 лет. Мы рады, что по рекомендациям нашли именно этот корсет, спасибо! </p> </article> <article class="review-card mb-5"> <div class="flex items-center justify-between mb-3"> <div class="font-display font-semibold text-lg">Юлия Б.</div> <div class="text-xs text-primary-100">14.06.2023</div> </div> <div class="review-stars mb-3 text-base">★★★★★</div> <h3 class="font-display font-semibold text-xl mb-3">Результаты</h3> <p class="text-white/95 leading-relaxed"> Узнали о данной лаборатории из интернета, изучили информацию и решение было принято совместно с сыном, что мы едем! Корсет изготовили в короткий срок, спасибо большое Борису Шуцу за профессиональный и индивидуальный подход к проблеме. За 1.5 года ношения степень сколиоза и кифоза у сына была уменьшена на одну. Рекомендую корсет Узор, он работает! Спасибо вам огромное за ваш труд! </p> </article> <article class="review-card mb-5"> <div class="flex items-center justify-between mb-3"> <div class="font-display font-semibold text-lg">Надежда Николаева</div> <div class="text-xs text-primary-100">24.05.2023</div> </div> <div class="review-stars mb-3 text-base">★★★★★</div> <h3 class="font-display font-semibold text-xl mb-3">Помощь при ДЦП</h3> <p class="text-white/95 leading-relaxed"> Наша дочь с ДЦП носит корсет УЗОР уже 2 года. За это время улучшилась посадка, уменьшился спастический тонус в спине. Борис Семёнович очень внимательно и терпеливо работает с такими детками. Спасибо вам за ваш труд и чуткость! </p> </article> </div> {# === Форма отправки === #} <aside class="lg:col-span-5"> <div class="card p-7 sticky top-24"> <div class="eyebrow mb-3">Поделитесь историей</div> <h2 class="h3 mb-2">Оставить отзыв</h2> <p class="text-sm text-ink-500 mb-5">Расскажите о своём опыте использования корсета — это поможет другим родителям.</p> <form action="#" method="post" class="flex flex-col gap-3"> <label class="block"> <span class="block text-sm font-medium text-ink-700 mb-1">Имя</span> <input type="text" name="name" required class="w-full px-4 py-2.5 rounded-xl border border-ink-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 outline-none transition-colors" /> </label> <label class="block"> <span class="block text-sm font-medium text-ink-700 mb-1">Email (не публикуется)</span> <input type="email" name="email" required class="w-full px-4 py-2.5 rounded-xl border border-ink-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 outline-none transition-colors" /> </label> <label class="block"> <span class="block text-sm font-medium text-ink-700 mb-1">Ваш отзыв</span> &lt;textarea name="message" rows="5" required placeholder="Расскажите свою историю..." class="w-full px-4 py-2.5 rounded-xl border border-ink-200 focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 outline-none transition-colors resize-none">&lt;/textarea> </label> <label class="flex items-start gap-2 text-xs text-ink-500"> <input type="checkbox" required class="mt-0.5 rounded border-ink-300 text-primary-500 focus:ring-primary-500" /> <span>Нажимая кнопку «Отправить», я соглашаюсь на обработку моих персональных данных в соответствии с <a href="#" class="text-primary-700 underline">политикой конфиденциальности</a></span> </label> <button type="submit" class="btn btn-primary mt-2"> Отправить отзыв </button> </form> </div> </aside> </div> </div> </section>