<div class="md:h-[827px] h-auto flex flex-col items-center md:flex-row justify-center md:gap-x-[100px] py-[100px] md:py-[100px] px-4 md:px-0 bg-cover bg-no-repeat bg-right md:bg-center"
    style="background-image: url('{{ asset('./images/background/bg-sambutan.png') }}');">
    <div class="flex justify-center md:justify-start w-full md:w-auto flex-col items-center">
        <img src="{{ asset('./images/sambutan/sambutan.png') }}" data-aos="fade-up"
            class="h-auto md:w-[1000px] w-[300px] md:h-[500px] max-w-[450px]" style="border-radius:25px;"
            alt="{{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}">
        <p
            style="padding-top: 20px; font-size: 14px; color: #fff; text-align: center; font-family: 'Poppins', sans-serif;">
            <!-- <b>Dendi Afrizal, S.AB., M.Ak, </b> -->
        </p>
    </div>
    <div class="flex flex-col md:items-start justify-center items-center w-full md:w-[40%] w-[100%] mt-4 md:mt-0"
        data-aos="fade-up">
        <x-header-section subtext=" SAMBUTAN DIREKTUR {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}"
            subtext-color="#fff" title="" title-color="#fff" />
        <p class="text-justify font-dmsans mb-4 font-inter text-sm md:text-base  normal-case w-[80%]"
            style="color:#fff">
            Selamat datang di Piksi Ganesha Kebumen, dan terima kasih atas kunjungan Anda. Melalui platform ini, kami
            berharap dapat memberikan informasi lengkap mengenai Kampus Piksi Ganesha Kebumen, sehingga Anda dapat
            mengenal lebih jauh tentang kampus kami, visi, misi, serta fasilitas.
            <br><br>
            Kampus Piksi Ganesha Kebumen berkomitmen untuk menyediakan sarana dan prasarana terbaik demi mendukung
            proses pembelajaran yang optimal. Kami memiliki ruang kelas yang nyaman dengan fasilitas yang memenuhi
            standar pendidikan modern, perpustakaan dengan koleksi buku terkini yang mengikuti perkembangan ilmu
            pengetahuan dan teknologi, serta akses ke jurnal-jurnal bereputasi nasional maupun internasional.
            <br><br>
            Selain itu, Kampus Piksi Ganesha juga dilengkapi dengan laboratorium komputer yang canggih untuk mendukung
            pembelajaran berbasis teknologi, serta menjadi sarana kolaborasi antara dosen dan mahasiswa. Kami senantiasa
            menjaga rasio antara jumlah dosen yang berkualitas dengan jumlah mahasiswa agar proses pembelajaran
            berlangsung secara efektif.
            <br><br>
        </p>

        <x-button url="/sejarah-singkat">BACA SELENGKAPNYA</x-button>
    </div>
</div>
