<!DOCTYPE html>
<html lang="id">

<head>
    <title>Halaman Kontak</title>
    <!-- Menyisipkan Tailwind CSS melalui CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="bg-slate-100 flex items-center justify-center h-screen">
    <div class="bg-white p-8 rounded-xl shadow-lg border border-slate-200 text-center max-w-sm w-full">
        <h1 class="text-2xl font-bold text-slate-800 mb-2">Hubungi Kami</h1>
        <p class="text-slate-500 mb-6">Email: admin@amikomeventhub.com</p>
        
        <!-- Navigasi ke halaman lain -->
        <div class="space-y-4">
            <a href="{{ url('/profil') }}" class="inline-block bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700 hover:shadow-md transition duration-300">
                Profil
            </a>
            <a href="{{ url('/katalog') }}" class="inline-block bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700 hover:shadow-md transition duration-300">
                Katalog
            </a>
            <a href="{{ url('/bantuan') }}" class="inline-block bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700 hover:shadow-md transition duration-300">
                Bantuan
            </a>
        </div>
        
        <!-- Tombol Kembali ke Home -->
        <a href="/" class="inline-block bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700 hover:shadow-md transition duration-300 mt-4">
            Kembali ke Home
        </a>
    </div>
</body>

</html>