Давайте, к примеру, вынесем блок с хедером в отдельный компонент. Для этого перенесем его код в следующий файл:
<header>
header
</header>
Теперь используем в макете специальную
команду для вставки нашего компонента.
Эта команда представляет собой специальный
тег, имя которого начинается с x-,
а затем идет имя файла нашего компонента.
В нашем случае эта команда будет
выглядеть так: <x-header />.
Воспользуемся этой командой в макете сайта:
<!DOCTYPE html>
<html>
<head>
<title>{{ $title }}</title>
</head>
<body>
<div class="wrapper">
<x-header />
<main>
{{ $slot }}
</main>
<footer>
footer
</footer>
</div>
</body>
</html>
Вынесите в вашем макете хедер, футер, правый и левый сайдбары в отдельные компоненты.