Основний затверджений макет: https://www.figma.com/design/SBfimluBDAfGqh5meIaZpI/sweet-bakers-final?node-id=0-1&t=LTU7akjaQvVv8wOU-1
Структура шаблонів: 1) головна сторінка 2) сторінка бренду
Треба передбачити стандартну адаптивність та верстку макету мобільної версії.
Головна сторінка — лендінг з функцією каталога. З головної сторінки відвідувач може перейти тільки на сторінки брендів (каталог). Кількість сторінок бренду може бути безмежною. На сторінці бренду є плитка продуктів — каталог, у кожного продукта є характеристики, які знаходяться у popup віконці при натисканні на продукт.
Перший блок - меню хедер та банер на весь екран. Логотип компанії повинен буди на прелоудері (посередині сторінки на білому фоні) та анімаційно перетікати на своє місце (зверху у центр). В той же момент прямокутна біла плашка меню також повинна плавно з'являтися (варіанти анімаційної появи просимо запропонувати, вони повинні бути спокійні та легкі).
Банер на весь екран - повинен програвати mp4 (одноразово, без циклічності) та відображати звичайні растрові графічні формати. Є можливість переключатися між медіа стрілками.
Кнопка детальніше переносить на посилання, яке вказується вручну.
Під банером знаходиться кнопка “Завантажити каталог” — яка відкриває у новому вікні каталог у форматі PDF. Файл каталогу завантажується вручну через адмін панель.
Другий блок - наші бренді - кнопки переходу до сторінок бренду (каталогу). Це карусель де центральній блок має анімацію збільшення зображення паковання. Тобто, при перегортанні плитки вправо - вліво паковання в центральному блоці повинно анімаційно збільшуватися (варіанти анімації просимо запропонувати). Кнопка каталог - відкриває у новому вікні каталог у форматі PDF. Файл каталогу завантажується вручну через адмін панель. Кожний блок з брендом можно додати чи редагувати в адмін панелі.
