dealhub/resources/views/components/navbar.blade.php
kusowl aa7e2f245f misx bugfixes:
- fix users cannot reset password due session expiration
- add a new mail when users contacts via Contact form
- add list page for all deals in broker dashboard
- fixed links in home page
2026-02-03 16:06:26 +05:30

57 lines
2.2 KiB
PHP

<nav class="flex justify-between items-center wrapper py-6 shadow-xl">
<div class="logo flex space-x-2 items-center">
<x-logo/>
<a href="" class="font-bold text-2xl">{{config('app.name')}}</a>
</div>
<!-- desktop menu -->
<div class="nav-links hidden md:block">
<ul class="flex space-x-8 text-accent-600">
<x-nav-links :link="route('home')" name="Home"/>
<x-nav-links :link="route('explore')" name="Explore deals"/>
<x-nav-links link="#about" name="About"/>
<x-nav-links link="#contact" name="Contact"/>
</ul>
</div>
<div class="nav-ui.buttons space-x-4 font-medium hidden md:block ">
@guest
<a href="{{route('login.create')}}">Login</a>
<a href="{{route('register.create')}}" class="ui-btn ui-btn-neutral">Register</a>
@endguest
@auth
<form method="post" action="{{route('logout')}}">
@csrf
@method('delete')
<x-ui.button variant="neutral">Logout</x-ui.button>
</form>
@endauth
</div>
<!-- mobile menu btn-->
<x-ui.button class="md:hidden" id="openBtn">
<x-heroicon-o-bars-3 class="w-8"/>
</x-ui.button>
</nav>
<!-- mobile menu btn-->
<div id='mobileMenu' class="fixed top-0 left-0 z-100 h-screen w-full translate-x-full bg-gray-100/50 backdrop-blur-xl p-10 text-xl transition-transform duration-500 ease-in-out overflow-y-auto">
<div class="flex justify-between mb-8">
<x-logo/>
<x-ui.button id="closeBtn">
<x-heroicon-o-x-mark class="w-8 ml-auto"/>
</x-ui.button>
</div>
<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('explore')" name="Explore deals"/>
<x-nav-links :link="route('home')" name="About"/>
<x-nav-links :link="route('home')" name="Contact"/>
<a href="{{route('login.create')}}">Login</a>
<a href="{{route('register.create')}}" class="ui-btn ui-btn-neutral w-fit">Register</a>
</ul>
</div>
</div>