44 lines
1.7 KiB
PHP
44 lines
1.7 KiB
PHP
<nav class="flex justify-between items-center wrapper py-6 shadow-xl">
|
|
<div class="logo">
|
|
<a href="" class="font-bold text-2xl">{{config('app.name')}}</a>
|
|
</div>
|
|
|
|
<!-- desktop menu -->
|
|
<div class="nav-links hidden sm:block">
|
|
<ul class="flex space-x-8 text-accent-600">
|
|
<x-nav-links :link="route('home')" name="Home" />
|
|
<x-nav-links :link="route('home')" name="Explore deals" />
|
|
<x-nav-links :link="route('home')" name="About" />
|
|
<x-nav-links :link="route('home')" name="Contact" />
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="nav-buttons space-x-4 font-medium hidden sm:block ">
|
|
<a href="{{route('login')}}">Login</a>
|
|
<a href="{{route('register')}}" class="ui-btn ui-btn-neutral">Register</a>
|
|
</div>
|
|
|
|
<!-- mobile menu btn-->
|
|
<x-button class="sm:hidden" id="openBtn">
|
|
<x-heroicon-o-bars-3 class="w-8" />
|
|
</x-button>
|
|
|
|
</nav>
|
|
|
|
<!-- mobile menu btn-->
|
|
<div id='mobileMenu' class="hidden absolute top-0 h-full w-full bg-gray-200 text-xl z-1 p-10 pt-20">
|
|
<x-button id="closeBtn" class="w-full">
|
|
<x-heroicon-o-x-mark class="w-8 ml-auto"/>
|
|
</x-button>
|
|
<div class="nav-links mb-10">
|
|
<ul class="flex flex-col space-y-8 text-accent-600">
|
|
<x-nav-links :link="route('home')" name="Home" />
|
|
<x-nav-links :link="route('home')" name="Explore deals" />
|
|
<x-nav-links :link="route('home')" name="About" />
|
|
<x-nav-links :link="route('home')" name="Contact" />
|
|
<a href="{{route('login')}}">Login</a>
|
|
<a href="{{route('register')}}" class="ui-btn ui-btn-neutral w-fit">Register</a>
|
|
</ul>
|
|
</div>
|
|
</div>
|