Створення сайту-візитки

1. Загальне бачення

Створити високотехнологічний односторінковий сайт (Landing Page), який позиціонує власника як експерта у складній розробці.

• Стиль: Apple Minimalist з елементами Dark Tech.

• Відчуття: Швидкість, надійність, інтелект.

• Технологічний фокус: Go, PHP (Laravel), AI/LLM.

2. Технологічний стек (рекомендується)

• Frontend: Next.js або React (для плавних анімацій та високої швидкості).

• Анімації: Framer Motion або GSAP (плавні появи, паралакс).

• Інтерактив: Інтеграція з OpenAI API (Vercel AI SDK).

3. Структура сторінок та контентні блоки

Блок 1: Hero Section (Головний екран)

• Заголовок: «Архітектура систем і інтелект майбутнього».

• Підзаголовок: «Проектування високонавантаженого Backend на Go & PHP з інтеграцією AI-рішень».

• CTA: Кнопка «Запросити технічний аудит».

• Візуал: Інтерактивний 3D-елемент або абстрактна мережа (зв'язки між вузлами), що реагує на курсор.

Блок 2: Expertise (Стек і навички)

Розділити на 3 картки з іконками:

1. High-Load Backend (Go): Акцент на мікросервіси, gRPC та concurrency.

2. Enterprise Systems (PHP/Laravel): Складна бізнес-логіка, API, безпека.

3. AI Integration: RAG-системи, робота з LLM (OpenAI/Anthropic), автоматизація.

Блок 3: Workflow (Довіра через процес)

Горизонтальна лінія або кроки:Discovery → Architecture Design → Development (Go/PHP) → AI Layer Integration → QA & Launch.

Блок 4: Interactive Showcase (Замість портфоліо)

• Функція: Вікно терміналу, в якому «біжить» код на Go або PHP (симуляція роботи алгоритму).

• Функція: Міні-чат з AI. Користувач вводить питання, AI відповідає від імені розробника.

Блок 5: Контакти та Footer

• Форма зворотного зв'язку (лаконічна).

• Посилання: GitHub, LinkedIn, Telegram.

4. Вимоги до UI/UX (Преміальність)

• Типографіка: Використовувати шрифти типу Inter для тексту та JetBrains Mono для тех-акцентів.

• Колірна палітра: * Фон: #0A0A0A (глибокий чорний).

  • Текст: #EDEDED.

  • Акцент: #007AFF (Синій) або #6366F1 (Індиго).

• Performance: Оцінка за Google PageSpeed — 95+ (сайт має «літати»).

5. Функціональні вимоги

1. Адаптивність: Ідеальне відображення на мобільних пристроях.

2. SEO: Базова налаштування мета-тегів та мікроразметки.

3. Бекенд форми: Налаштування відправки заявок у Telegram або на пошту.

Що передати розробнику разом з цим ТЗ:

1. Тексти: (ті, що ми підготували вище про Go, PHP та AI).

2. Референси: Посилання на сайти, які вам подобаються (наприклад, Stripe, Linear, Vercel — це еталони преміального IT-дизайну).