IT-решения для бизнеса krasiva.tech
Все работы

Кейс · Сайт

Сайт-визитка юриста в Москве

Сайт частнопрактикующего юриста: семейные, наследственные и жилищные споры, оспаривание завещаний и сделок.

advocat-adam.ru React 19TypeScriptTailwind CSS v4серверные компонентыTelegram-ботSchema.org
Сайт-визитка юриста в Москве

Сайт частнопрактикующего юриста: семейные, наследственные и жилищные споры, оспаривание завещаний и сделок. Одностраничный лендинг с якорной навигацией — первый экран с листающимися фото, направления работы, блок «обо мне», выигранные дела, отзывы, статьи, лента ВК, документы, вопросы-ответы и контакты с картой, — плюс отдельные страницы статей и политики конфиденциальности.

Заявка оформляется диалогом с тремя сценариями из брифа: задать вопрос, попросить перезвонить с выбором удобного времени или срочный звонок; отправка идёт серверным роутом в Telegram-бот, с чекбоксом согласия по 152-ФЗ, ловушкой для ботов и ограничением частоты запросов.

Все секции — серверные компоненты, поэтому весь текст, включая содержимое каруселей, попадает в HTML до выполнения JS; сверху микроразметка Attorney, Person, WebSite, FAQPage, BreadcrumbList и Article, статьи собираются статически, sitemap и robots генерируются сами.

Анимации сделаны без единой сторонней библиотеки — появления на IntersectionObserver, карусели на нативном scroll-snap, карта Яндекса грузится только при доскролле до неё. Доступность доведена до конца: ловушка фокуса в диалоге, закрытие по Esc, ссылка «перейти к содержимому», поддержка prefers-reduced-motion и aria-разметка каруселей.

Роман Краснов

Ваш проект

Нужен похожий сайт? Посчитаю стоимость и срок.

01 Бриф для расчёта цены Ответьте на вопросы о проекте — вернусь со сметой и сроками.
  • Цена и срок — до начала работ
  • Промежуточные версии на тестовом адресе
  • Домен, сервер, Метрика — и на связи после запуска

Нужен похожий сайт?

Рассчитать стоимостьРассчитать цену
~/krasiva/new_project.sh

// new_project

Расскажите о задаче

Отвечу и посчитаю в течение дня. Можно коротко — детали уточню сам.

$ budget_range
или сразу в мессенджер Telegram MAX

Мы используем файлы cookie и Яндекс.Метрику, чтобы сайт работал и чтобы понимать, какие страницы полезны. Подробности — в политике обработки данных.