Скопировать верстку лендинга с доработками

Цена договорная
08 мая 2024, 13:37 • 9 откликов • 102 просмотра
Постановка задачи
Необходимо сверстать сайт, как вот этот замечательного лендинг, на стеке HTML + SCSS + TS (можно и на JS, но желаетльно TS), изменив и добавив несколько вещей:
  1. Логотип заменить на похожий текстовой блок, не картинкой
  2. Полностью убрать секцию #tributeAnimation и убрать эту текстовую анимацию
  3. Блок “мы всегда на связи” (.connection) нужно заменить на блок с возможностью оставить заявку. Необходимо проявить небольшие навыки дизайна и оставить только заголовок “Мы всегда на связи", а под ним input для ввода email с кнопкой + select с выбором некоторых опций, пока можно использовать моковые данные на ваш вкус
  4. Необходимо реализовать валидацию email из пункта 3
  5. Необходимо подключить firestore и когда юзер вводит email в поле из пункта 3, а так же выбирает какой-то пункт в select, надо сохранять их в firestore коллекцию. Так же нужно добавить защиту в логику сохранения, чтобы нельхя было заспамить firestore, желательно как со стороны frontend, так и со стороны firestore rules
    Доступ к проекту дам исполнителю
Ожидаемый результат
Написан рабочий лендинг с чистым и аккуратным кодом, результат работы запушен в github репозиторий (доступ тоже дам исполнителю)

Доп требования
  1. У лендинга должна быть вменяемая git история с нормально названными коммитами
  2. Во время выполнения работ нужно коммитить их в репозиторий, чтобы была возможность отслеживать прогресс
  3. Все цвета, размеры, pandings, border-radius, etc должны находиться в css переменных и переиспользоваться, чтобы их было легко менять
  4. Верстка должны быть как под десктоп, так и под мобильных устройства
  5. Контент картинки (скриншоты) - использовать из референса
  6. Верстка должны быть очень простой, то есть не как в оригинале с кучей классов, итд
  7. Верстка должны быть на чистом CSS + HTML, без фреймфорков
  8. Всех уточек нужно заменить на рандомных животных отсюда - https://www.drawkit.com/illustrations/animal-pets-illustrations

Так же возможно будет нужна помощь с тем, как запустить этот проект локально для проверки и как запушить его в firebase hosting

Жду предложений по цене и срокам
Отзывы
R50 91dfed114037fd2e9b562beaaec53980
Заказчик
 
7 месяцев назад
R50 2c27bf22eeda6e55fb7765f829949830
Фрилансер
 
7 месяцев назад