@extends('layout')

@section('title', 'Beranda')

@section('content')
  <!-- Konten Beranda -->
  <main id="beranda-content" class="flex-1 p-6 animate__animated animate__zoomIn">
    <div class="bg-white rounded-lg p-8 shadow-md">
      <h1 class="text-3xl font-semibold mb-4 text-blue-500">Selamat Datang di Klinik XYZ</h1>
      <p class="text-gray-700 leading-relaxed">
        Kami menyediakan pelayanan kesehatan yang terbaik untuk Anda. Tim profesional kami berkomitmen untuk memberikan layanan kesehatan berkualitas tinggi kepada masyarakat. Dengan perawatan yang terbaik, kami hadir untuk menjaga kesehatan Anda.
      </p>

      <div class="mt-6">
        <h2 class="text-xl font-semibold mb-2 text-blue-500">Layanan Kami</h2>
        <ul class="list-disc list-inside text-gray-700">
          <li>Pemeriksaan kesehatan umum</li>
          <li>Konsultasi dokter spesialis</li>
          <li>Perawatan gigi</li>
          <!-- Tambahkan layanan lainnya sesuai kebutuhan -->
        </ul>
      </div>

      <div class="mt-6">
        <h2 class="text-xl font-semibold mb-2 text-blue-500">Jam Operasional</h2>
        <p class="text-gray-700">Senin - Jumat: 08.00 - 18.00</p>
        <p class="text-gray-700">Sabtu: 09.00 - 13.00</p>
        <!-- Tambahkan informasi jam operasional lainnya jika diperlukan -->
      </div>
    </div>
  </main>
@endsection