40 lines
1.5 KiB
PHP
40 lines
1.5 KiB
PHP
<div class="w-full text-center bg-red-500 text-white font-bold">
|
|
Proudly Canadian owned & operated
|
|
</div>
|
|
|
|
<nav class="shadow-sm py-2 bg-white">
|
|
<div class="container mx-auto w-full lg:w-[80%] flex items-center justify-between text-sm">
|
|
|
|
<!-- Logo & Navigation Links -->
|
|
<div class="flex space-x-3">
|
|
<div class="p-3 font-bold text-lg border-2">
|
|
Wear It!
|
|
</div>
|
|
|
|
<div class="flex space-x-3 items-center">
|
|
<a href="#" class="p-3 @if(Route::is('shop')) underline @endif">Products</a>
|
|
<a href="#" class="p-3 @if(Route::is('how-to')) underline @endif">How To Order</a>
|
|
<a href="#" class="p-3 @if(Route::is('about')) underline @endif">About Us</a>
|
|
<a href="#" class="p-3 @if(Route::is('faq')) underline @endif">FAQ</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Search Bar -->
|
|
<div class="flex items-center w-1/2">
|
|
<div class="w-full">
|
|
<form action="" method="post">
|
|
<x-bladewind::input placeholder="Search..." add_clearing="false" ></x-bladewind::input>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right-side buttons -->
|
|
<div class="flex space-x-3">
|
|
<a href="#" class="p-3"><x-lucide-phone/></a>
|
|
<a href="#" class="p-3"><x-lucide-shopping-cart/></a>
|
|
<a href="#" class="p-3"><x-lucide-user/></a>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|