Скопировать страницу с сайта на Next.js
Задача - "выкачать" главную страницу сайта estudiofotoia.com(Сайт сделан с помощью Next.js), сохранив полностью функционал (слайдер, меню и т.п.). Чтобы локально работала 1в1 как на сайте
Выкачать верстку, стили, фото, шрифты( все можно скачать с помощью saveweb2zip.com за 5 секунд), оттуда нужно удалить все .js скрипты и переписать функционал с 0 на jquery например (слайдер, меню, анимация на странице и т.д.)
После того как єта задача готова, нужно вытянуть блок отсюда www.phot.ai/ai-photoshoot
Блок Everyone’s Invited - Humans, Hounds, Felines & Lovebirds - https://prnt.sc/RVVAtWDbhDGd
Где выбираешь вариант фотки и меняются фотографии.. Чем-то похожий как на основном доноре с табами, но здесь чуть не так
Этот блок нужно интегрировать в основную верстку, ту что взяли с http://estudiofotoia.com/
Можно в конец страницы добавить этот блок перед футером
1.
Слайдер в шапке сайта
2.
Переключатель табов с фотками
3.
Блок с отзывами
4.
Блок FAQ
5. Всплывающее окно, хз как его заскринить - там когда где-то минуту неактивно вкладка - открывается всплывашка типа получить скидку или на новости подписаться
Это с испанского сайта..
Дальше блок с американского сайта, вставить в текущую верстку
6. https://prnt.sc/36kFb3VZnr2G
Ну и понятно чтобы на мобильной версии оно все отображалось ровно как в исходных сайтах, тоесть еще дернуть скрипт для меню
Еще раз список:
1. Эффект параллакса на картинке в блоке Fotografías Profesionales Sin Estudio Fotográfico
2. Автоматическая прокрутка картинок (слайдер) под блоком Fotografías Profesionales Sin Estudio Fotográfico
3. Счетчик с постепенным увеличением числа в Fotos generadas и Clientes satisfechos
4. Плеер
5. Блок Selecciona tu estilo favorito слайден
6. Блок Lo que opinan nuestros clientes слайдер
7. Блок Preguntas frecuentes скрытие и показ текста при клике на элемент
8. Анимации блока навигация при открытие и закрытии
9. Появление навигации при скрали наверх
10. Скрытие навигации при скрали вниз
11. Появление модального окно при бездействии
1. Блок Everyone’s Invited
2. Смена картинок в нижней части при клике на клике на картинку в верхней части
3. Скелетон вью для картинок в нижней части
4. Модальное окно при клике на картинку в нижней части