|
Описание: |
<p>? Техническое задание: Лэндинг + Подключение Web3-авторизации</p><p>? Общая структура проекта</p><p> Тип сайта: Лэндинг + несколько статических страниц (например: "О нас", "Условия", "Политика конфиденциальности")</p><p> Технологии:</p><p> Frontend: HTML, CSS (желательно с использованием препроцессора SCSS), JavaScript</p><p> Backend: Laravel</p><p> Web3-интеграция: WalletConnect + MetaMask</p><p>? 1. Лэндинг</p><p>Структура:</p><p> От 7 до 9 полноэкранных секций/экранов</p><p> Каждая секция должна поддерживать scroll snap — прилипание к экрану при прокрутке</p><p>Элементы:</p><p> </p><p> Анимации и интерактивные эффекты (навигация, появление блоков, параллакс и т.д.)</p><p> Поддержка адаптивности: минимум для 320px, 768px, 1024px, 1440px</p><p> Минимизация и оптимизация изображений и видео (вес ? 500 Кб для крупных картинок, ? 2 Мб для видео)</p><p> Адаптивная и легковесная мобильная версия с touch-событиями</p><p>Редактируемость:</p><p> Статические страницы должны быть построены так, чтобы текст можно было удобно менять вручную (например, через blade-шаблоны или JSON-файл)</p><p>? 2. Web3-авторизация</p><p>Цель:</p><p>Полностью заменить стандартную регистрацию/логин Laravel авторизацией через кошелёк (WalletConnect / MetaMask)</p><p>Что нужно:</p><p> Интеграция MetaMask и WalletConnect с Laravel (вход по адресу кошелька)</p><p> После авторизации:</p><p> создать или находить пользователя по wallet address</p><p> сохранить адрес в сессии и JWT-токене</p><p> защита маршрутов через middleware</p><p> Отображение статуса входа/выхода в UI</p><p> Поддержка message signing (подпись сообщения для верификации)</p><p>?? 3. Технические требования</p><p>Оптимизация:</p><p> Все ассеты: минифицированы (CSS/JS)</p><p> Картинки: WebP и fallback JPEG/PNG</p><p> </p><p> Ленивая загрузка (loading="lazy")</p><p>Интерактив:</p><p> Желательно использовать библиотеку типа GSAP, Locomotive Scroll, Swiper или ScrollTrigger — по согласованию</p><p> Соблюдать доступность (alt для картинок, читаемый шрифт, контраст)</p><p>Интеграции:</p><p> Возможность добавить Google Analytics / Meta Pixel (через Blade-компонент или переменные env)</p><p>? 4. Бонус (необязательные, но приветствуются):</p><p> SSR или пререндеринг главной страницы</p><p> Анимация загрузки (preloader)</p><p> Простая CMS-панель редактирования текстов (не обязательно, но плюс)</p><p>? Что ожидается на выходе:</p><p> Исходники проекта.</p> |
