<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 Ketua {{ $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" >
Dengan mengucap syukur ke hadirat Allah Subhanahu Wata’ala, {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }} hadir sebagai lembaga pendidikan tinggi yang berkomitmen membangun generasi unggul di bidang ekonomi syariah, yang berlandaskan nilai-nilai Islam dan mampu bersaing di tingkat global. Kami meyakini bahwa pendidikan syariah yang berkualitas harus mencakup penguasaan ilmu, pembentukan akhlak, serta kemampuan adaptif terhadap perubahan zaman. Oleh karena itu, {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }} mengembangkan kurikulum berbasis pemikiran kritis, inovasi, dan riset terapan yang relevan, serta menjalin kolaborasi dengan institusi pendidikan internasional. Dengan semangat kolaboratif dan visi global, kami siap mencetak lulusan yang tidak hanya profesional, tetapi juga menjadi agen perubahan bagi masyarakat, bangsa, dan umat.
        </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>
