настройка и оптимизация статического сайта с небольшими динамическими элементами.

Задача для фрилансера: Разработка сайта для Quantum Cat Studio ( www.qcatstudio.com )
📌 Цель:
Создать минималистичный и легко управляемый сайт для инди-студии Quantum Cat, используя Firebase Hosting. Структура сайта включает главную страницу с навигацией, страницы игр и блога, а также интеграцию с Google Sites для отдельных разделов.

🔹 Технические требования:
1️⃣ Размещение: Firebase Hosting (минимум кода, без сложных CMS).
2️⃣ Адаптивность: Дизайн должен быть удобным на ПК и мобильных устройствах.
3️⃣ Минимум фреймворков: Чистый HTML, CSS, JavaScript, без тяжелых библиотек (React/Vue не нужны).
4️⃣ Структура контента: Контент для каждого раздела хранится в отдельных JSON-файлах (загружается динамически при скролле).

🔹 Структура сайта:
1️⃣ Главная страница (index.html)
✅ Quantum Cat Studio logo (в центре экрана).
✅ Четыре интерактивных блока (грид, как в Google Sites):

🏢 О компании → ведет на страницу с деталями (контакты, команда, вакансии).
🎮 Игры → показывает иконки игр, кликабельные (ведут на страницы игр).
📝 Блог → ссылка на Google Sites страницу.
🔗 Медиа → ссылки на соцсети текущей игры.
✅ Простой скролл, минимум анимации.
2️⃣ О компании (about.html)
✅ Краткое описание студии.
✅ Кнопки:

📍 Контакты (email, соцсети).
🎨 Команда (Credits).
🏢 Вакансии (Jobs).
✅ Загружается из about/content.json.
3️⃣ Страница "Игры" (games.html)
✅ Грид с иконками игр
✅ Клик по игре "Alice in Dreamland" → перенаправляет на Google Sites страницу.
✅ Контент хранится в games/content.json.

  {
    "title": "Alice in Dreamland",
    "image": "alice_icon.jpg",
    "link": "sites.google.com/view/ali..."
  }

4️⃣ Блог (blog.html)
✅ Автоматический редирект на Google Sites страницу через firebase.json:

{
  "hosting": {
    "redirects": [
      {
        "source": "/blog",
        "destination": "sites.google.com/view/qua...",
        "type": 301
      }
    ]
  }
}

🔹 Что нужно от фрилансера?
1️⃣ Разработать HTML/CSS/JS для страниц (index.html, about.html, games.html).
2️⃣ Настроить Firebase Hosting, включая редиректы и динамическую загрузку контента из JSON. 
3️⃣ Оптимизировать код (без лишних зависимостей, без тяжелых библиотек).
4️⃣ Сделать адаптивный дизайн (без сложных UI-фреймворков).
5️⃣ Интегрировать Google Sites в нужные разделы (/blog, /games/alice-in-dreamland). Как вариант использовать джава сркипт для симуляции Google Sites гридов. 

💰 Бюджет: ваше предложение