ТЗ по Верстке

Cсылка на фигму: https://www.figma.com/file/PnbobuSytXkv2jOfHnyEoh/ttt-nft?node-id=156%3A3052

1. По фигме сверстать сайт с респонсив сеткой
2. Добавить анимации
3. Натянуть на WP - Просто с возможностью редактирования картинок и текста на лендинге
4. Сайт не должен долго загружаться или быть перезагружен не нужными фреймворками/плагинами
   

Ниже анимации которые мы хотим внести в наш сайт:

1. Анимация открытия сайдбара - как тут https://www.lazycryptocats.community/

2. Секция Benefints - скрол страницы как тут, при скролле проигрывается анимация в зависимости от позиции Y скрола. Анимация и текст над ней зафиксирован. Правая часть текстов скролится https://superlist.com/

3. Переход между секциями Белый-черный, который анимируется так-же при скролле https://flipaclip.com/

4. hover эффект для этих блоков как в этой анимации
https://www.instagram.com/p/CHr37eBgPRJ/

5. hover эффект для всех заголовков - глитч эффект как на этом сайте, если навести мышкой на буквы слова «business» то они будут с этим эффектом - https://vintage.com.ua/

6. hover эффект - тут границы круга должны двигаться волной, можно посмотреть что я имею ввиду на сайте https://nana-asia.com/ там при наведениии на картинки в секции food & drinks появляется Read и ее окружностьь волнообразно двигаетсяя

https://www.instagram.com/p/CHr37eBgPRJ/?utm_medium=copy_link