Сайт на 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 на мобільних та десктопі  

✅ Надана документація