🧹 PRO-Уборка — Лендинг

Одностраничный сайт для клининговой компании PRO-Уборка (Москва).
Без внешних зависимостей — один файл index.html со встроенными CSS и JS.

🌐 Демо

Ссылка появится после публикации на GitHub Pages

---

📁 Структура проекта

pro-uborka/
├── index.html   # Весь сайт в одном файле
└── README.md    # Этот файл

---

📋 Разделы сайта

• Шапка — логотип, телефон, кнопка «Заказать звонок»
• Hero — главный экран с заголовком и цифрами
• Преимущества — 3 карточки (безопасные средства, опыт, гарантия)
• Тарифы — Эконом / Стандарт / Бизнес
• Почему мы — текст и цифры о компании
• Форма — заявка через Formspree
• Футер — контакты, соцсети, копирайт

---

⚙️ Настройка формы (Formspree)

Чтобы форма отправляла заявки на email:

1. Зарегистрируйтесь на formspree.io
2. Создайте новую форму, укажите ваш email
3. Скопируйте ID формы (например, xabc1234)
4. В файле index.html найдите две строки:

   action="https://formspree.io/f/YOUR\_FORM\_ID"

5. Замените YOUR\_FORM\_ID на ваш реальный ID в обоих местах
6. Сохраните файл и загрузите на GitHub заново

---

🎨 Цвета и стили

Элемент	Значение
Акцентный цвет	#2A9D8F (бирюзовый)
Фон страницы	#F9F9F9
Фон карточек	#FFFFFF
Скругления	12px
Шрифт	system-ui, sans-serif

---

📱 Адаптивность

Экран	Колонки карточек
Десктоп (> 900px)	3 колонки
Планшет (600–900px)	2 колонки
Мобильный (< 600px)	1 колонка

---

🚀 Как запустить локально

Просто откройте index.html в браузере — никаких серверов и установок не нужно.

---