Это тоже самое что написать if(6) {}
Если первая часть условия возвращает что-нибуть, тогда другая игнорируется.
Чтобы проверялась также вторая часть условия нужно либо 6 с чем-то сравнивать, либо вместо || (или) написать && (и)
1) Обвернуть инпут и label у враппер с position: relative;
2) Padding сверху, чтоб label поместился
3) Сам label - position absolute; top: 0;
4) Но фактически помещаем label сразу после input
5) Для инпута пишем: input:focus+label {color: red}
{{ $currentRoute == 'home' ? 'class=active' : '' }} (без кавычек в названии класса).
Но советую писать так: class="{{ $currentRoute == 'home' ? 'active' : null }}" - так будет проще добавить еще один класс в будущем, если что.
Это влияет на наличие логических ошибок в проекте. С динамической типизацией очень просто "наделать делов" а потом баг в продакшене.
Cтатика на этапе компиляции покажет ошибку и не дас скомпилировать/выложить в продакшен.
Да, немного больше кода писать, но это того стоит ;)
Есть 2 секции - верхняя и нижняя. Верхняя это картинка png, зафиксированная на нижнем краю верхнего блока поверх всего контента, или можно поиграться с трансформациями на css.