Ось фінальне технічне завдання:
1. Крос-браузерна верстка відповідно до макетів у Фігмі. https://www.figma.com/design/7rT4EAyqOoaJmVHtkEODgR/Naamazon-(Copy)?node-id=0-1&t=JawyyDKJFbqrK3ms-1
2. Верстка на HTML5, семантична та валідна. (буде перевірятись)
3. Усі векторні зображення мають бути у векторній формі із застосуванням SVG формату.
4. Растрові зображення конвертовані у формат WebP.
5. Верстка виконана за PerfectPixel.
6. Відверстати усі чотири версії адаптивності.
7. Верстка реалізувати з використанням бібліотеки nuxt.js 3.
8. Звичайна текстова сторінка за допомогою простих HTML-тегів тому що наповнення буде відбуватись у редакторі де немає дівів і класів.
9. Запрограмувати колесо Фортуни з таймером зворотнього відліку.
10. Усі активні елементи, кнопки, та посилання мають легку анімацію CSS3.
11. Верстка оптимізована для досягнення результату тестування на Google PageSpeed у зеленій зоні.
12. Верстка буде генеруватися за допомогою команди npm run generate тобто SSR = false.
13. Ось цей блок має два стани на макеті https://monosnap.com/file/N481CJwQIl1qKEuA4nIrpGNkb9LI1o врахувати зміну стилів щоб не дублювати блок. https://monosnap.com/file/jNUnHRuyCkwco09OTOVMKJkqi3HDPq
14. Код розбити на компоненти які перевикористовувати. Не лишати логів і використовувати ESLINT для того щоб код був рівний і чистий.
Пишіть терміни і бюджет!