@php
    $menuItems = [
        ['name' => 'Beranda', 'link' => '/'], 
        ['name' => 'Layanan', 'link' => route('beranda.layanan')],
        ['name' => 'Informasi', 'link' => route('beranda.informasi')],
        ['name' => 'Pengumuman', 'link' => route('beranda.pengumuman')],
        ['name' => 'Kontak', 'link' => route('beranda.kontak')],
    ];
@endphp

<div x-show="open" x-transition class="md:hidden bg-white border-t px-4 pt-2 pb-4 space-y-2">
    @foreach ($menuItems as $item)
        <a href="{{ $item['link'] }}" class="flex text-center justify-center text-gray-700 hover:bg-gray-100 text-sm py-2 px-3 rounded-md">
            {{ $item['name'] }}
        </a>
    @endforeach
</div>