   <!-- Navbar Area -->
   <div class="navbar-area two fixed-top">
       <!-- Menu For Mobile Device -->
       <div class="mobile-nav">
           <a href="/" class="logo">
               <img src="assetslixi/img/logo.png" alt="Logo">
           </a>
       </div>

       <!-- Menu For Desktop Device -->
       <div class="main-nav">
           <div class="container">
               <nav class="navbar navbar-expand-md navbar-light">
                   <a class="navbar-brand" href="/">
                       <img src="assetslixi/img/logo.png" alt="Logo">
                   </a>
                   <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                       <ul class="navbar-nav">
                           <li class="nav-item">
                               <a href="/" class="nav-link">Home</a>
                           </li>
                           <li class="nav-item">
                               <a href="/about" class="nav-link">Tentang</a>
                           </li>

                           <li class="nav-item">
                               <a href="/contact" class="nav-link">Kontak</a>
                           </li>
                       </ul>
                       <div class="side-nav">
                           <a href="{{ route('login') }}">Masuk</a>
                       </div>

                   </div>
               </nav>
           </div>
       </div>
   </div>
   <!-- End Navbar Area -->
