Разработка главной страницы сайта стоматологических услуг

Цель проекта

Создание уникальной, адаптивной и функциональной главной страницы для сайта стоматологии, которая продемонстрирует высокий уровень владения фронтенд-технологиями и понимание принципов проектирования пользовательского опыта в медицинской сфере.

Ключевые требования к технологиям

• Использование исключительно чистого HTML5, CSS3 и ванильного JavaScript (без фреймворков типа React/Vue).
• Запрещено использование любых CMS (WordPress, Joomla и аналоги), конструкторов сайтов и готовых шаблонов.
• Весь дизайн, структура и исходный код должны быть на 100% авторскими и уникальными.

Обязательная структура страницы

1. Head-блок

• Корректные SEO meta-теги.
• Разметка Open Graph для социальных сетей.
• Микроразметка Schema.org для типа "Dentist".

2. Header (Шапка сайта)

• Логотип.
• Навигационное меню.
• Кнопка для вызова формы обратной связи.
• Контактные данные (телефон и адрес).

3. Первый экран (Hero-секция)

• Слайдер или видеофон с минимум 6 переключаемыми экранами. Контент должен быть оптимизирован по весу для быстрой загрузки.
• Главный заголовок H1.
• Как минимум 6 различных форм или интерактивных элементов для обратной связи (например, кнопки "Записаться", "Задать вопрос", "Заказать звонок"), которые должны быть доступны и в десктопной, и в мобильной версии.

4. Основные контентные блоки

• Welcome (Приветствие).
• Services (Услуги).
• Our Team (Наша команда).
• Patient Information (Информация для пациентов).
• What Sets Us Apart (Наши преимущества).
• Reviews / Testimonials (Отзывы).

5. Предпоследний блок

• Развернутая форма обратной связи.
• Дублирование контактных данных (адрес и телефон).

6. Последний блок

• Интерактивная карта местоположения.

7. Footer (Подвал сайта)

• Адрес и телефон.
• Ссылки на основные разделы сайта.
• Иконки социальных сетей.

Дополнительные требования

• Реализация версии для людей с ограниченными возможностями зрения (учет доступности, a11y).
• Полная адаптивность под все современные устройства (десктоп, планшет, мобильные).
• При разработке дизайна и логики можно ориентироваться на общие тренды в нише стоматологических сайтов, но прямое копирование визуала или кода строго запрещено.

Ожидаемый результат

Готовая, полностью функционирующая главная страница, которая служит демонстрацией профессиональных навыков фронтенд-разработки, понимания архитектуры пользовательского интерфейса и построения удобных сценариев взаимодействия для клиентов медицинской услуги.