Вёрстка сайта на modx

ГЛАВНАЯ СТРАНИЦА 

Первый экран: 

Сам экран по размерам должен совпадать с размером монитора, на фон будем ставить видео, если видео по высоте меньше чем сам экран, то оставляем там черный фон как здесь – idealnajasvadba.ua/. 

Иконки соц сетей при наведении должны быть сделаны как здесь в самом низу – plombirwedding.com.ua/, меняя цвет на розовый (файл Hovers)/ 

Кнопки с услугами – у нас будет меняться количество возможно, надо чтоб была возможность добавить еще 1-2 штуки. 

При клике на кнопку «смотреть презентацию» открывается поп-ап на весь экран с видео как здесь – idealnajasvadba.ua/ 

После скролла ниже логотипа, появляется сверху меню (сверху вниз) как на остальных страницах. Иконки соц сетей так же анимируются, но не меняют цвет. 

Контентная часть: 

При скролле плавное появление снизу вверх. 

Появляется заголовок вместе с графикой, дальше идут стилизованные блоки. Блок появляется в 2 этапа, сначала идет фото и сразу же с минимальной задержкой сам квадратный блок с текстом. Блок должен тянуться в зависимости от того сколько там текста, графика в виде брызг и планет прикрепляется к краям блока: в первом типе – планета к верхнему правому углу, брызги к нижнему левому, во втором типе – брызги к верхнему правому, планеты к нижнему правому. Так же должна быть возможность добавить кнопку «Смотреть видео» 

Видео: 

Тут нужно сделать как здесь – orlove.com.ua/, только кнопка на большой плитке меняет прозрачность на 100% при наведении. 

Блок со статистикой: 

Заголовок появляется как и предыдущий. Числа появляются тоже так же только по очереди с минимальной задержкой. 

Блок с контактами: 

Тут сначала появляется фон, а на нем снизу вверх блок с телефоном. 

Сео текст: 

При клике на кнопку текст плавно раскрывается. Графика что слева крепится к нижнему краю, та что справа к верхнему. При маленьких разрешениях монитора просто обрезаются. 

Футер: 

Иконки соц сетей анимируются как на первом экране и не меняют цвет. 

БЛОГ 

На одной выдаче будет 5 статей, если хотим больше листаем переключателями, должна быть возможность на главное изображение статьи ставить как фотку так и видео. При скролле все статьи появляются плавно друг за дружкой. 

СТРАНИЦА БЛОГА 

На первом экране на фон должна быть возможность поставить как видео так и фото, кнопка «Смотреть видеоролик» необязательна, но должна быть возможность поставить ее когда это нужно. 

В контент мы можем выбрать поставить стилизированные блоки как на главной или обычный текст, возможность совмещать на странице и одно и другое. Есть возможность поставить видео и галерею. Галерея у нас в самом конце, остальные же блоки мы можем чередовать как хотим. При клике на фото открывается поп-ап и мы можем листать в развернутом виде. 

ГАЛЕРЕЯ 

На заголовок хотим такой эффект как здесь – be-happy.biz.ua/folio/ale... Тут вопрос, можно ли это сделать программно или только гиф анимацией? 

Видео будет не обязательно 6 штук, возможно больше, возможно меньше, тоесть мы можем менять. 

Фото как и в странице блога. 

ВЕДУЩИЕ 

Пока что мы не знаем откуда будем ссылаться на эту страницу, немного позже решим.  

По заголовку тот же вопрос что и в галерее.  

Какие фильтры будут пока не определились, есть ли возможность сделать так чтоб мы потом сами могли добавлять и переименовывать нужные фильтры или нужно определиться сразу? 

По выдаче на одной странице будет 12 человек, если больше, то листаем переключателями. 

СТРАНИЦА ВЕДУЩЕГО 

Главное фото у нас будет светлое, потому текст везде будет черным. Главная информация это Имя и Фамилия, возраст, краткое описание услуг и возможность ставить кнопку для просмотра видеопрезентации. 

Ниже у нас идут вкладки с информацией, фото, видео и контакты. При переключении на контакты у нас будет обычный текст как и во вкладке Обо мне. 

Фото будет открываться поп-апом. Видео при наведении сделать как и на главной. 

СТРАНИЦА АРТИСТОВ 

По такому же принципу как и страница ведущих