Необходимо сверстать и натянуть на modx блог сайта согласно дизайну в figma



Структура блога:

1. Общая страница с превью статей
2. Страница статьи

Статика:

1. Страница с превью статей:

• Хедер
• Шапка блога
• Карточки превью статей
• Кнопка "Показать еще"
• Футер

2. Страница статьи:

• Хедер
• Лайки и просмотры
• Статья
• Кнопки "Поделиться с соц сетях"
• Блок с похожими статьями
• Блок подписки на рассылку
• Футер

Динамика:
Общая страница с превью статей:

1. Хедер
   • меню сайта
2. Шапка блога
   • поиск по статьям (заголовки и содержание)
3. Карточки превью статей
   • При наведении:
     • анимация согласно дизайну
     • текст с кратким описанием статьи
     • отображение лайков и просмотров
   • При клике:
     • переход на страницу статьи
4. Кнопка "Показать еще»
   • При клике:
     • отображение следующих карточек превью статей
5. Футер
   • При клике:
     • переход на соответствующие разделы сайта
6. Страница статьи:
   • Хедер
     • меню сайта
7. Лайки и просмотры
   • При переходе на страницу статьи:
     • учет и отображение нового просмотра статьи, добавление к общему числу просмотров
   • При клике:
     • учет и отображение нового лайка, добавление к общему числу лайков
8. Кнопки "Поделиться в соц сетях»
   • При клике:
     • возможность запостить снипет статьи в соответствующей соц сети
9. Блок с похожими статьями:
   • добавление статей добавленных в туже категрию/отмеченных темже тегом
   • При клике:
     • переход на страницу соответствующей статьи
10. Блок подписки на рассылку:
    • поле ввода эмейла
    • При клике:
      • передача email в cms

Управление из административной панели:

1. Добавление/удаление статей - текст и изображения
2. Возможность добавить 3 статьи в Топ для отображения карточек прьевью первыми
3. Возможность присваивать статье определенный тег/добавлять в определенную категорию

Ссылка на макет блога в Figma.