Сайт на Astro Js + Strapi

Добрый день, уважаемые фрилансеры.
Описываю текущую задачу по одному из проектов. Прошу предоставить сроки и стоимость, а также указать ваши похожие завершенные проекты.

Требуется разработка сайта на Astro.

1. Текущая версия: на Gatsby ([getresidency.eu](https://getresidency.eu/)). Есть исходники.

Дизайн: Figma ([ссылка на макет](https://www.figma.com/design/uqst0m5S5LQ0522MYjEaUM/GetResidency?node-id=64-224553&p=f))

2. Технологический стек

**Frontend:**

- Astro.js (последняя стабильная версия)

- CSS/SCSS или Tailwind CSS

- Адаптивная верстка (Mobile First)

**Backend (CMS):**

- Strapi (headless CMS)

- База данных: PostgreSQL или MySQL

- REST API для связи с фронтендом

**Дополнительно:**

- Многоязычность (RU, EN)

- SEO-оптимизация

- Интеграция форм обратной связи

---

3. Структура сайта

#### Основные страницы:

1. **Главная страница** 

   - Hero-секция с основным предложением

   - О компании (краткое описание)

   - Блок "Гражданство и ВНЖ"

   - Блок "Регистрация бизнеса" (карточки стран)

   - Форма заявки на расчет стоимости

   - Преимущества компании (4 блока)

   - Последние новости блога (3 записи)

   - Отзывы клиентов (слайдер)

   - Форма подписки на рассылку

2. **Гражданство и ВНЖ** (`/residency/`)

   - Описание услуг

   - Список стран с программами

   - Условия получения

3. **Регистрация бизнеса** (`/business-registration/`)

   - Обзор услуг

   - Карточки стран (Нидерланды, Португалия, Венгрия, Латвия и др.)

   - Описание процесса регистрации

   - Пакеты услуг

4. **Страницы отдельных стран** (динамические)

   - Детальная информация о регистрации бизнеса

   - Требования и документы

   - Сроки и стоимость

   - Форма заявки

5. **Блог** (`/blog/`)

   - Список статей с пагинацией

   - Фильтрация по категориям

   - Страница отдельной статьи

6. **Цены** (`/price/`)

   - Прайс-лист услуг

   - Сравнительная таблица

7. **Контакты** (`/contacts/`)

   - Контактная информация

   - Форма обратной связи

   - Карта (опционально)

8. **Отзывы** (`/reviews/`)

   - Список отзывов клиентов

9. **Пользовательское соглашение** (`/privacy-policy/`)

---

4. Функциональные требования

#### Frontend (Astro.js):

- ✅ Статическая генерация страниц (SSG) для максимальной производительности

- ✅ Адаптивный дизайн (десктоп, планшет, мобильные устройства)

- ✅ Плавные анимации и переходы

- ✅ Lazy loading изображений

- ✅ Интеграция с дизайном Figma (pixel-perfect верстка)

- ✅ SEO-мета теги, Open Graph, Schema.org разметка

- ✅ Sitemap.xml и robots.txt

- ✅ Быстрая загрузка (Google PageSpeed >90)

#### Backend (Strapi):

- ✅ Настройка панели администратора

- ✅ Создание коллекций контента:

  - Страны (название, флаг, описание, цена, требования)

  - Статьи блога (заголовок, текст, изображение, категория, дата)

  - Отзывы (имя, текст, рейтинг, фото)

  - Услуги (название, описание, стоимость)

  - Настройки сайта (контакты, соцсети)

- ✅ Медиа-библиотека для загрузки изображений

- ✅ Роли и права доступа администратора

- ✅ API endpoints для получения данных

#### Формы:

- Форма заявки на расчет стоимости

- Форма обратной связи на странице контактов

- Форма подписки на рассылку

- Обработка и валидация данных

- Отправка уведомлений на email

---

5. Дизайн и UX

- Следовать макетам Figma

- Использовать фирменные цвета и шрифты

- Флаги стран в формате SVG

- Иконки (использовать готовые библиотеки)

- Слайдеры для отзывов и новостей

- Hover-эффекты на кнопках и карточках

- Плавная прокрутка к секциям

---

6. Технические требования

**Производительность:**

- Оптимизация изображений (WebP, AVIF)

- Минификация CSS/JS

- Кэширование статических ресурсов

- CDN для медиа-файлов (опционально)

**Безопасность:**

- HTTPS

- Защита форм от спама (reCAPTCHA или hCaptcha)

- Sanitization пользовательских данных

- Rate limiting для API

**SEO:**

- Семантическая HTML-разметка

- Настройка мета-тегов для каждой страницы

- Альтернативные тексты для изображений

- Структурированные данные (JSON-LD)

---

7. Интеграции

- Email-рассылка (опционально: MailChimp, SendGrid)

- Google Analytics

- Мессенджеры (WhatsApp, Telegram кнопки)

- Социальные сети (ссылки в футере)

---

8. Требования к развертыванию

**Хостинг:**

- Frontend: Cloudflare, Vercel, Netlify и т.д.

- Backend (Strapi) + бд: свой сервер

---

9. Документация

Предоставить:

- Инструкцию по работе с админ-панелью Strapi

- Документацию по настройке окружения

- Руководство по деплою и обновлениям

---

10. Бюджет

Укажите предполагаетмые сроки и стоимость

11. Критерии приемки

✅ Сайт полностью соответствует дизайну Figma  

✅ Все страницы адаптивны и корректно отображаются на всех устройствах  

✅ Формы работают корректно, отправляют данные на email  

✅ CMS Strapi настроена, возможность редактирования контента  

✅ SEO-оптимизация выполнена (мета-теги, sitemap)  

✅ Google PageSpeed Score > 90 на мобильных и десктопе  

✅ Предоставлена документация