Создание сайта по ТЗ

📌 Техническое задание: Лэндинг + Подключение Web3-авторизации

🧩 Общая структура проекта

Тип сайта: Лэндинг + несколько статических страниц (например: "О нас", "Условия", "Политика конфиденциальности")

Технологии:

Frontend: HTML, CSS (желательно с использованием препроцессора SCSS), JavaScript

Backend: Laravel

Web3-интеграция: WalletConnect + MetaMask

🎯 1. Лэндинг

Структура:

От 7 до 9 полноэкранных секций/экранов

Каждая секция должна поддерживать scroll snap — прилипание к экрану при прокрутке

Элементы:

Анимации и интерактивные эффекты (навигация, появление блоков, параллакс и т.д.)

Поддержка адаптивности: минимум для 320px, 768px, 1024px, 1440px

Минимизация и оптимизация изображений и видео (вес ≤ 500 Кб для крупных картинок, ≤ 2 Мб для видео)

Адаптивная и легковесная мобильная версия с touch-событиями

Редактируемость:

Статические страницы должны быть построены так, чтобы текст можно было удобно менять вручную (например, через blade-шаблоны или JSON-файл)

🧩 2. Web3-авторизация

Цель:

Полностью заменить стандартную регистрацию/логин Laravel авторизацией через кошелёк (WalletConnect / MetaMask)

Что нужно:

Интеграция MetaMask и WalletConnect с Laravel (вход по адресу кошелька)

После авторизации:

создать или находить пользователя по wallet address

сохранить адрес в сессии и JWT-токене

защита маршрутов через middleware

Отображение статуса входа/выхода в UI

Поддержка message signing (подпись сообщения для верификации)

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

Оптимизация:

Все ассеты: минифицированы (CSS/JS)

Картинки: WebP и fallback JPEG/PNG

Ленивая загрузка (loading="lazy")

Интерактив:

Желательно использовать библиотеку типа GSAP, Locomotive Scroll, Swiper или ScrollTrigger — по согласованию

Соблюдать доступность (alt для картинок, читаемый шрифт, контраст)

Интеграции:

Возможность добавить Google Analytics / Meta Pixel (через Blade-компонент или переменные env)

🧪 4. Бонус (необязательные, но приветствуются):

SSR или пререндеринг главной страницы

Анимация загрузки (preloader)

Простая CMS-панель редактирования текстов (не обязательно, но плюс)

📤 Что ожидается на выходе:

Исходники проекта.