Не за что. Старайтесь выносить в отдельную функцию любой кусок кода, который повторяется 2 и более раз (я вынес в функцию renderCost). Плюс вашу задачу можно решить без использования большого количества if else. Сейчас у вас 4 условия, а вдруг надо будет еще 17? Писать if else на каждое условие это ужас ужас. Вместо этого лучше использовать массив.
Соглашусь, выгорание - это когда уже неинтересно программировать в принципе. Простой пример. Я фронт. Работаю в конторе, в которой код фронта был написан бэкендщиками. Да, было некое неприятное ощущение, что я попал не туда, куда хотел. Но нужно осознать, что куда бы вы не пришли, вам вряд ли понравится чужой код. Через пару недель, разобравшись как тут все устроено, ощущение ушло. Но были и те, кто не выдержал. То ли не хватило терпения и решимости, то ли тупо навыков. Такие просто молча пропадали через 2-3 дня.
Чет я так и не вкурил чо надо-то? Сверстать пиксель в пиксель? И в чем проблема? Каждый пункт меню разной ширины, но расстояние между ними, судя по скрину, одинаковое. Разве что первый пункт меню как-то особняком стоит.
Для всего этого не нужен фреймворк. Анимации пилятся, как правило, либо с помощью CSS либо какой-нить либы для анимации. Адаптив делается с помощью CSS media queries. Карусели и слайдеры - есть куча либ, в том числе и с поддержкой тача.
metori: как вижу, не я один неправильно понял вопрос ) что ж, это в корне меняет дело и начинающий с такой задачей не справится. Ответить на ваш вопрос однозначно довольно сложно, поскольку вопрос слишком общий. Могу лишь дать общее направление: фреймворки типа ангуляра, реакта, ембера или бэкбона позволяют анимировать переходы между страницами (роутами).