hypothetical/traditional-bootstrap/resources/views/sections/nav.blade.php

<nav class="nav-section-component">
    <div class="nav-section-component-mobile-header">
        <button class="nav-section-component-mobile-header-toggle">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="sr-only">Toggle navigation</span>
        </button>
    </div>

    <div class="nav-section-component-links" :class="{ open: openNav }">
        <div class="nav-section-component-links-wrapper">
            <a class="navlink" href="/"><span>Home</span></a>
            <a class="navlink" href="/blog"><span>Blog</span></a>
            <a class="navlink" href="/contact"><span>Contact</span></a>
        </div>
    </div>

    <a class="nav-section-component-logo" href="/">
        <img src="/img/logo.png" />
    </a>
</nav>