Алекс Глебов

loading='lazy' + polyfill
https://habr.com/ru/company/ruvds/blog/448914/
https://www.npmjs.com/package/loading-attribute-po...

Автор, ну ты хочешь писать как в 95-ом - пиши, мы то тут причем? На бекенде нужна админка, редактирование этой самой статики, плюс куча динамики, личные кабинеты, каталоги, корзины, синхронизации данных, полное подстраивание под бизнес процессы в общем.
На фронтенде когда динамики в интерфейсе столько, что код на jquery превращается в неподдерживаемую лапшу, на помощь приходит фронтенд фреимворк, который позволяет организовать код.

Сложность типичных приложений настолько высока, что самому все не написать. Поэтому приложения собирают из готовых компонентов, своих или размещенных на npm/composer. От этого не уйти.

вот функция clone
https://github.com/kizu/bemto/blob/master/lib/help...
проверьте что все файлы в bemto/lib на месте

Через миксин подключить header и передать href в параметрах
https://pugjs.org/language/mixins.html

Я использую tars сборку, pug и bemto.
По структуре - pug, js и css файлы каждого компонента в своей папке.
В pug блок это миксин. Данные либо прописываю жестко, либо передаю в параметре data и подставляю, если они меняются в разных местах.
К синтаксису за один проект привык.

mixin page-header(data)
    +b.page-header       
       +e.A.logo(href='/')  
       +e.A.tel(href='tel:+7 3452 299 299') +7 3452 299 299
       +e.A.btn(href='#')!=data.btnText

Это иконочный шрифт плагина дропдауна.Что у него внутри можно тут посмотреть https://fontdrop.info/


Иконку лучше на css сделать или svg

Ну верстальщики, должны разбираться в шаблонах, понимать mvc и сами натягивать шаблон на готовый бекенд движок. Тяжело будет это осилить дизайнеру. Но надо, если он взялся верстать темы сайтов.
Для начала стоит составить список требований к верстке.

представляя, как теперь всегда буду использовать SPA

Не spa единым. Ниша spa это интерфейсы, где много логики и аякса.