yadiparfum/parfum
yadiparfum/parfum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update mobile navigation links to use specific routes with wire:navigate and remove the "Get CV" button.

Browse Source
This commit is contained in:
Yoga Pangestu 2025-12-20 17:50:10 +07:00
parent 71568a7ecd
commit 9cb943e360
1 changed files with 11 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/views/components/sections/ui/home/_header.blade.php
View File

@ -89,28 +89,17 @@ class="w-8 h-8 lg:w-10 lg:h-10 flex justify-center items-center rounded-full tra
class="fixed inset-0 h-screen w-screen bg-home-foreground/80 backdrop-blur-md z-40 flex flex-col items-center justify-center gap-8 hidden transition-all duration-200 opacity-0"
aria-label="Mobile Navigation">
<a href="#" class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Beranda</a>
<a href="#" class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Outlet</a>
<div class="flex flex-col items-center gap-4">
<span class="text-3xl font-bold text-white">Produk</span>
<div class="flex gap-4 text-gray-400">
<a href="#" class="hover:text-white">Parfum</a>
<span class="text-gray-600">•</span>
<a href="#" class="hover:text-white">Botol</a>
<span class="text-gray-600">•</span>
<a href="#" class="hover:text-white">Arabian</a>
</div>
</div>
<a wire:click="goToVoucher"
<a href="{{ route('homepage') }}" wire:navigate
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Beranda</a>
<a href="{{ route('outlet') }}" wire:navigate
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Outlet</a>
<a href="{{ route('product.index') }}" wire:navigate
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Produk</a>
<a href="{{ route('voucher') }}"
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors cursor-pointer">Voucher</a>
<a href="#" class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Artikel</a>
<a href="#" class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">FAQ</a>
<button
class="mt-8 px-8 py-3 bg-white text-home-foreground font-bold rounded-full hover:bg-gray-100 transition-all shadow-lg hover:shadow-white/20">
Get CV
</button>
<a href="{{ route('article.index') }}"
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">Artikel</a>
<a href="{{ route('faq') }}"
class="text-3xl font-bold text-white hover:text-gray-300 transition-colors">FAQ</a>
</nav>
</header>