<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="STISIP IMAM BONJOL">
    <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 STISIP IMAM BONJOL" 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">
                Assalamualaikum Wr. Wb.<br><br>
                Puji syukur kehadirat Allah SWT. Kami segenap Civitas Akademika STISIP Imam Bonjol mengucapkan selamat datang di website resmi kami. 
                <br><br>
                Menghadapi era transformasi digital, STISIP Imam Bonjol berkomitmen mengintegrasikan sistem informasi berbasis elektronik guna meningkatkan kualitas akademik dan layanan publik. Website ini hadir sebagai media informasi yang transparan dan akuntabel bagi mahasiswa, dosen, serta masyarakat luas.
                <br><br>
                Semoga platform ini bermanfaat bagi kita semua. Kami sangat terbuka atas saran dan masukan demi pengembangan kualitas yang lebih baik. Terima kasih.
            </p>
                    
        <x-button url="/sejarah-singkat" >BACA SELENGKAPNYA</x-button>
    </div>
</div>
