@extends('layouts.app')
@section('landingTitle', 'KlinikSapi.Go | Beranda')
@section('content')
<section class="bg-white py-28 dark:bg-gray-900 bg-[url('https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg')] dark:bg-[url('https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg')]">
    <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-24 z-10 relative">
        @if (!auth()->user())
          <a href="{{ route('register') }}" class="inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-blue-700 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300 hover:bg-blue-200 dark:hover:bg-blue-800">
            <span class="text-xs bg-blue-600 rounded-full text-white px-4 py-1.5 mr-3">Registrasi</span> <span class="text-sm font-medium">Klik di sini untuk membuat akun baru</span>
            <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
          </a>
        @else
          <a href="{{ route('logout') }}" class="inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-blue-700 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300 hover:bg-blue-200 dark:hover:bg-blue-800">
            <span class="text-xs bg-blue-600 rounded-full text-white px-4 py-1.5 mr-3">Keluar</span> <span class="text-sm font-medium">Klik di sini untuk mengakhiri sesi login</span>
            <svg aria-hidden="true" class="ml-2 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
          </a>
        @endif
        <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">Solusi Mitra Terbaik Peternak untuk Diagnosa Penyakit dan Perawatan Sapi</h1>
        <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-200">KlinikSapi.Go - Diagnosa Cepat dan Akurat untuk Kesehatan Sapi Anda.</p>
        <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4">
            <a href="#about-kliniksapi" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
                Selengkapnya
                <svg aria-hidden="true" class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
            </a>
        </div>
    </div>
    <div class="bg-gradient-to-b from-blue-50 to-transparent dark:from-blue-900 w-full h-full absolute top-0 left-0 z-0"></div>
    <div id="about-kliniksapi"></div>
</section>

<section class="px-40 py-24">
    <h1 class="mb-16 text-4xl text-center font-extrabold tracking-tight leading-none text-gray-800 dark:text-white">Temukan Solusi Terbaik Bersama KlinikSapi.<span class="text-blue-700">Go</span></h1>
    <a href="#" class="flex flex-col items-center rounded-lg hover:shadow-xl md:flex-row p-3 hover:bg-gray-50" style="box-shadow: 0 0 10px rgba(13, 122, 255, 0.3);">
        <img class="object-cover w-96 rounded-t-lg h-80 md:rounded-none md:rounded-s-lg" src="{{ asset('assets/images/undraw_file_bundle_re_6q1e.svg') }}" alt="Image" style="clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);">
        <div class="flex flex-col justify-between p-4 leading-normal">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Diagnosa Penyakit yang Cepat dan Akurat</h5>
            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Aplikasi "KlinikSapi.Go" dilengkapi dengan fitur diagnosa penyakit yang menggunakan metode canggih. Dengan memasukkan gejala-gejala yang dialami sapi, peternak dapat memperoleh diagnosa awal mengenai kemungkinan penyakit yang diderita. Ini membantu peternak mengambil langkah cepat dan tepat dalam memberikan perawatan yang diperlukan.</p>
        </div>
    </a>
    <br>
    <a href="#" class="flex flex-col items-center rounded-lg hover:shadow-xl md:flex-row my-10 p-3 hover:bg-gray-50" style="box-shadow: 0 0 10px rgba(13, 122, 255, 0.3);">
        <div class="flex flex-col justify-between p-4 leading-normal">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Informasi Penyakit dan Gejala yang Komprehensif</h5>
            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Aplikasi ini memiliki database yang kaya akan informasi tentang berbagai penyakit yang sering menyerang sapi beserta gejala-gejalanya. Peternak dapat mempelajari lebih lanjut tentang penyakit tertentu, memahami gejala yang harus diwaspadai, dan mendapatkan saran tentang langkah-langkah pencegahan dan perawatan yang tepat.</p>
        </div>
        <img class="object-cover w-96 rounded-t-lg h-80 md:rounded-none md:rounded-s-lg" src="{{ asset('assets/images/undraw_attached_file_re_0n9b.svg') }}" alt="Image" style="clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);">
    </a>
    <br>
    <a href="#" class="flex flex-col items-center rounded-lg hover:shadow-xl md:flex-row p-3 hover:bg-gray-50" style="box-shadow: 0 0 10px rgba(13, 122, 255, 0.3);">
        <img class="object-cover w-96 rounded-t-lg h-80 md:rounded-none md:rounded-s-lg" src="{{ asset('assets/images/undraw_newspaper_re_syf5.svg') }}" alt="Image" style="clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);">
        <div class="flex flex-col justify-between p-4 leading-normal">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Antarmuka Pengguna yang Mudah Digunakan</h5>
            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Aplikasi ini dirancang dengan antarmuka yang intuitif dan mudah digunakan, bahkan oleh peternak yang mungkin tidak terbiasa dengan teknologi canggih. Dengan navigasi yang sederhana dan proses input gejala yang mudah, peternak bisa dengan cepat melakukan diagnosa tanpa hambatan teknis.</p>
        </div>
    </a>
    <br>
    <a href="#" class="flex flex-col items-center rounded-lg hover:shadow-xl md:flex-row mt-10 p-3 hover:bg-gray-50" style="box-shadow: 0 0 10px rgba(13, 122, 255, 0.3);">
        <div class="flex flex-col justify-between p-4 leading-normal">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Penyimpanan dan Akses Riwayat Diagnosa</h5>
            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Fitur penyimpanan riwayat diagnosa memungkinkan peternak untuk melacak kondisi kesehatan sapi mereka dari waktu ke waktu. Setiap kali diagnosa dilakukan, hasilnya disimpan dalam database yang dapat diakses kapan saja. Ini membantu peternak memantau perkembangan kesehatan ternak dan membuat keputusan yang lebih baik dalam manajemen kesehatan sapi mereka.</p>
        </div>
        <img class="object-cover w-96 rounded-t-lg h-80 md:rounded-none md:rounded-s-lg" src="{{ asset('assets/images/undraw_upload_re_pasx.svg') }}" alt="Image" style="clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);">
    </a>
</section>

<section class="px-28 py-24 bg-blue-100">
    <h1 class="mb-16 text-4xl text-center font-extrabold tracking-tight leading-none text-gray-800 dark:text-white">Solusi Informasi Bermanfaat</h1>
    <div class="grid grid-cols-3 gap-4 justify-between">
        @foreach ($informasi as $item)
        <div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
            <a href="#">
                <img class="rounded-t-lg" src="{{ asset('assets/images/informasi/'.$item->gambar) }}" alt="{{ $item->judul }}" />
            </a>
            <div class="p-5">
                <a href="#">
                    <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{!! Str::words($item->judul, 7, '...') !!}</h5>
                </a>
                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400 ">{!! Str::words($item->artikel, 30, '...') !!}</p>
                <a href="{{ route('artikel.detail', $item->slug) }}" class="inline-flex items-center px-3 py-2 mt-4 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                    Baca selengkapnya
                    <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                    </svg>
                </a>
            </div>
        </div>
        @endforeach
    </div>
    <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4 mt-20">
        <a href="{{ route('artikel.list') }}" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-gray-700 hover:bg-gray-800 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-900">
            Jelajahi Lebih Banyak Informasi
            <svg aria-hidden="true" class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
        </a>
    </div>
</section>

<section class="flex px-28 py-24">
    <div class="px-24 w-full" id="accordion-open" data-accordion="open">
        <h2 id="accordion-open-heading-1">
            <button type="button" class="flex items-center justify-between w-full p-6 font-medium rtl:text-right text-gray-500 border border-b-0 border-gray-200 rounded-t-xl focus:ring-4 focus:ring-gray-200 bg-white dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3" data-accordion-target="#accordion-open-body-1" aria-expanded="false" aria-controls="accordion-open-body-1">
            <span class="flex items-center"><svg class="w-5 h-5 me-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg> Panduan cara mendaftar (register) di website KlinikSapi.Go sebagai peternak</span>
            <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
            </svg>
            </button>
        </h2>
        <div id="accordion-open-body-1" class="hidden bg-white" aria-labelledby="accordion-open-heading-1">
            <div class="px-10 py-5 border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900">
                <h2 class="mb-4 text-2xl font-bold">Cara Mendaftar di Website KlinikSapi.Go</h2>
                <ol class="list-decimal pl-5">
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Akses Halaman Pendaftaran</h3>
                    <p>Buka website KlinikSapi.Go di browser Anda. Lalu, cari dan klik pada tautan "Daftar" atau "Buat Akun Baru".</p>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Isi Formulir Pendaftaran</h3>
                    <p>Anda akan diarahkan ke halaman formulir pendaftaran. Kemudian, isi bidang-bidang berikut dengan informasi yang benar:</p>
                    <ul class="list-disc" style="margin-left: 2%;">
                        <li><strong>Nama</strong>: Masukkan nama lengkap Anda.</li>
                        <li><strong>Email</strong>: Masukkan alamat email yang valid dan aktif.</li>
                        <li><strong>Password</strong>: Buat password yang kuat dan mudah diingat.</li>
                        <li><strong>Ulangi Password</strong>: Ketik ulang password yang sama untuk konfirmasi.</li>
                    </ul>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Verifikasi Informasi</h3>
                    <p>Periksa kembali informasi yang Anda masukkan untuk memastikan tidak ada kesalahan.</p>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Setujui Persyaratan dan Ketentuan</h3>
                    <p>Baca dengan seksama Persyaratan dan Ketentuan yang berlaku. Lalu, centang kotak yang menyatakan bahwa Anda menyetujui Persyaratan dan Ketentuan tersebut.</p>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Selesaikan Pendaftaran</h3>
                    <p>Klik tombol "Daftar" untuk menyelesaikan proses pendaftaran.</p>
                    </li>
                </ol>

                <p class="mt-4">Pastikan untuk selalu menjaga keamanan akun Anda dengan menggunakan password yang kuat dan tidak membagikan informasi akun Anda kepada pihak lain. Jika Anda mengalami masalah saat mendaftar atau masuk, hubungi tim dukungan kami untuk mendapatkan bantuan lebih lanjut.</p>
            </div>
        </div>
        <h2 id="accordion-open-heading-2">
            <button type="button" class="flex items-center justify-between w-full p-6 font-medium rtl:text-right bg-white text-gray-500 border border-b-0 border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3" data-accordion-target="#accordion-open-body-2" aria-expanded="false" aria-controls="accordion-open-body-2">
            <span class="flex items-center"><svg class="w-5 h-5 me-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg> Panduak cara masuk (login) di website KlinikSapi.Go sebagai peternak</span>
            <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
            </svg>
            </button>
        </h2>
        <div id="accordion-open-body-2" class="hidden bg-white" aria-labelledby="accordion-open-heading-2">
            <div class="px-10 py-5 border border-b-0 border-gray-200 dark:border-gray-700">
                <h2 class="mb-4 text-2xl font-bold">Cara Masuk ke Website KlinikSapi.Go</h2>
                <ol class="list-decimal pl-5">
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Akses Halaman Masuk</h3>
                        <p>Buka website KlinikSapi.Go di browser Anda. Lalu, cari dan klik pada tautan "Masuk".</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Masukkan Kredensial</h3>
                        <Masukkan>Anda akan diarahkan ke halaman masuk. Lalu, masukkan informasi berikut:</p>
                        <ul class="list-disc mx-10" style="margin-left: 2%;">
                            <li><strong>Email</strong>: Masukkan alamat email yang Anda gunakan saat mendaftar.</li>
                            <li><strong>Password</strong>: Masukkan password yang sesuai dengan akun Anda.</li>
                        </ul>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Klik Tombol Masuk</h3>
                    <p>Setelah mengisi kredensial dengan benar, klik tombol "Masuk".</p>
                    </li>
                    <li class="mb-2">
                    <h3 class="text-lg font-semibold">Akses Akun Anda</h3>
                    <p>Jika kredensial Anda valid, Anda akan masuk ke akun Anda dan dapat mengakses fitur-fitur dan layanan yang tersedia di website KlinikSapi.Go.</p>
                    </li>
                </ol>

                <p class="mt-4">Pastikan untuk selalu menjaga keamanan akun Anda dengan menggunakan password yang kuat dan tidak membagikan informasi akun Anda kepada pihak lain. Jika Anda mengalami masalah saat mendaftar atau masuk, hubungi tim dukungan kami untuk mendapatkan bantuan lebih lanjut.</p>
            </div>
        </div>
        <h2 id="accordion-open-heading-4">
            <button type="button" class="flex items-center justify-between w-full p-6 font-medium rtl:text-right bg-white text-gray-500 border border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3" data-accordion-target="#accordion-open-body-4" aria-expanded="false" aria-controls="accordion-open-body-4">
            <span class="flex items-center"><svg class="w-5 h-5 me-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg> Bagaimana cara melakukan diagnosa penyakit sapi?</span>
            <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
            </svg>
            </button>
        </h2>
        <div id="accordion-open-body-4" class="hidden bg-white" aria-labelledby="accordion-open-heading-4">
            <div class="px-10 py-5 border border-t-0 border-gray-200 dark:border-gray-700">
                <h2 class="mb-4 text-2xl font-bold">Panduan Konsultasi Diagnosa Penyakit</h2>
                <ol class="list-decimal pl-5">
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Masuk/Login Terlebih Dahulu</h3>
                        <p>Buka website KlinikSapi.Go di browser Anda. Lalu, cari dan klik pada tautan "Masuk". Jika belum memiliki akun, silahkan mendaftar terlebih dahulu.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Akses Menu Konsultasi</h3>
                        <p>Setelah berhasil masuk, Anda akan diarahkan ke halaman utama akun Anda. Cari dan klik pada menu "Konsultasi".</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Pilih Diagnosa Penyakit</h3>
                        <p>Di dalam menu konsultasi, pilih opsi "Diagnosa Penyakit".</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Isi Form Diagnosa</h3>
                        <p>Anda akan diarahkan ke halaman form diagnosa. Pilihlah gejala sesuai dengan yang dialami oleh sapi Anda dari daftar gejala yang tersedia.</p>
                    </li>
                </ol>
            </div>
        </div>
        <h2 id="accordion-open-heading-6">
            <button type="button" class="flex items-center justify-between w-full p-6 font-medium rtl:text-right bg-white text-gray-500 border border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3" data-accordion-target="#accordion-open-body-6" aria-expanded="false" aria-controls="accordion-open-body-6">
            <span class="flex items-center"><svg class="w-5 h-5 me-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg> Syarat dan ketentuan dalam penggunaan website KlinikSapi.Go</span>
            <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5"/>
            </svg>
            </button>
        </h2>
        <div id="accordion-open-body-6" class="hidden bg-white" aria-labelledby="accordion-open-heading-6">
            <div class="px-10 py-5 border border-t-0 border-gray-200 dark:border-gray-700">
                <h2 class="mb-4 text-2xl font-bold">Syarat dan Ketentuan dalam Penggunaan Website KlinikSapi.Go</h2>
                <ol class="list-decimal pl-5">
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Penerimaan Syarat dan Ketentuan</h3>
                        <p>Dengan mengakses dan menggunakan website KlinikSapi.Go, Anda dianggap telah menerima dan setuju untuk terikat oleh syarat dan ketentuan yang berlaku. Jika Anda tidak setuju dengan syarat dan ketentuan ini, mohon untuk tidak menggunakan website ini.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Perubahan Syarat dan Ketentuan</h3>
                        <p>KlinikSapi.Go berhak untuk mengubah, menambah, atau mengurangi syarat dan ketentuan ini kapan saja tanpa pemberitahuan sebelumnya. Anda disarankan untuk secara rutin memeriksa halaman ini untuk mengetahui perubahan yang mungkin terjadi.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Penggunaan yang Diperbolehkan</h3>
                        <p>Website ini hanya boleh digunakan untuk tujuan yang sah dan sesuai dengan hukum yang berlaku. Anda setuju untuk tidak menggunakan website ini untuk kegiatan yang melanggar hukum atau merugikan pihak lain.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Pendaftaran Akun</h3>
                        <p>Untuk mengakses beberapa fitur di website ini, Anda mungkin diminta untuk mendaftar dan membuat akun. Anda bertanggung jawab untuk menjaga kerahasiaan informasi akun Anda dan untuk semua aktivitas yang terjadi di bawah akun Anda.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Kebijakan Privasi</h3>
                        <p>Kami menghargai privasi Anda dan berkomitmen untuk melindungi informasi pribadi Anda. Kebijakan privasi kami menjelaskan bagaimana kami mengumpulkan, menggunakan, dan melindungi informasi pribadi Anda saat Anda menggunakan website ini.</p>
                    </li>
                    <li class="mb-2">
                        <h3 class="text-lg font-semibold">Batasan Tanggung Jawab</h3>
                        <p>KlinikSapi.Go tidak bertanggung jawab atas kerugian atau kerusakan yang timbul dari penggunaan website ini atau ketidakmampuan untuk mengakses website ini. Penggunaan website ini sepenuhnya merupakan risiko Anda sendiri.</p>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</section>
@endsection
