<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 REKTOR {{ $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" >
Puji syukur kita panjatkan ke hadirat Tuhan Yang Maha Esa, atas rahmat dan karunia-Nya kita dapat berkumpul dalam kesempatan yang berbahagia ini. Universitas Pandanaran senantiasa berkomitmen untuk menjadi institusi pendidikan tinggi yang unggul, inovatif, dan berdaya saing dalam menghadapi tantangan zaman.<br>
Sebagai lembaga pendidikan, tugas utama kita tidak hanya mencetak lulusan yang berkompeten dalam bidang akademik, tetapi juga membentuk karakter, integritas, serta jiwa kepemimpinan yang akan membawa perubahan positif bagi masyarakat dan bangsa. Oleh karena itu, Universitas Pandanaran terus mengembangkan sistem pendidikan yang adaptif terhadap perkembangan teknologi, dunia industri, serta dinamika global. 
        </p>
        
<a href="/sejarah-singkat" class="bg-yellow-400 hover:bg-primary font-medium py-2 px-3 rounded-md text-sm transition-all  text-center text-white">
    BACA SELENGKAPNYA
</a>
    </div>
</div>
