@section('title', 'Visi Misi')

@extends('Frontend.Layouts.app2')
@section('content')
    <br><br>
    <x-header-section-page title="Visi Misi {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}"
        breadcrumb-home="Home" breadcrumb-current="Visi Misi" />

    <!-- Content Section -->
    <div class=" py-10 ">
        <div data-aos="fade-up" class="container mx-auto px-4 lg:px-16 space-y-12">
            <!-- Visi -->
            <div data-aos="fade-up" class="bg-white shadow-xl shadow rounded-lg p-6">
                <h2 data-aos="fade-up" class="text-xl font-poppins font-semibold text-primary mb-3">Visi</h2>
                <p data-aos="fade-up" class="text-gray-700 font-dmsans">
                    Mencetak Sumber Daya Manusia yang Berkompeten Berbasis Teknologi Informasi dan Bertaraf Internasional
                    Tahun 2035
                </p>
            </div>

            <!-- Misi -->
            <div data-aos="fade-up" class="bg-white shadow-xl shadow rounded-lg p-6">
                <h2 data-aos="fade-up" class="text-xl font-poppins font-semibold text-primary mb-3">Misi</h2>
                <ul data-aos="fade-up" class="list-disc pl-5 space-y-3 text-gray-700 font-dmsans">
                    <li>
                        Menyelenggarakan program pendidikan berbasis IT secara professional dan ilmiah sebagai wacana
                        pembelajaran dalam bidang Manajemen, Ilmu hukum, Ilmu komputer, Sistem dan Teknologi Informasi, dan
                        Aktuaria.
                    </li>
                    <li>
                        Melaksanakan penelitian terapan yang menunjang pengembangan ilmu pengetahuan dan keahlian berbasis
                        IT secara nyata dan berhasil guna dalam dalam bidang manajemen hukum, ilmu komputer, Sistem dan
                        Teknologi Informasi, dan aktuaria secara nyata dan berhasil guna.
                    </li>
                    <li>
                        Menyebarkan hasil penelitian terapan yang berbasis IT secara nyata dan berhasil guna, kajian maupun
                        paket ilmu pengetahuan dan keahlian tepat guna untuk kepentingan masyarakat dengan menjunjung etika
                        profesi.
                    </li>
                    <li>
                        Mengadakan kegiatan pengabdian pada masyarakat secara edukatif, konsisten dan terprogram dengan
                        mengacu pada kegiatan berbasis IT pada telaah dan kajian bidang manajemen, hukum, Sistem dan
                        teknologi Informasi, komputer dan aktuaria.
                    </li>
                    <li>
                        Mencetak SDM kompeten yang mampu menjalankan kegiatan berbasis IT professional untuk memberikan
                        pelayanan yang prima.
                    </li>
                    <li>
                        Meningkatkan sarana dan prasarana untuk mendukung proses pembelajaran yang berkualitas serta
                        berbasis IT.
                    </li>
                    <li>
                        Menjalin kerjasama dengan Institusi/ Dunia Usaha dan Dunia Industri (DUDI), baik berskala nasional
                        maupun internasional dalam upaya mengembangkan institusi yang berbasis pada pengembangan IT sumber
                        daya manusia yang professional, berkualitas dan berdaya saing tinggi dalam bidang manajemen, hukum,
                        Sistem dan Teknologi Informasi, komputer dan aktuaria.
                    </li>
                    <li>
                        Mendiseminasikan hasil penelitian dan pengabdian kepada masyarakat yang berbasis IT dalam bidang
                        ilmu manajemen, hukum, Sistem dan Teknologi Informasi, komputer dan aktuaria sehingga terjadi
                        transformasi yang terus menerus untuk mencapai pengakuan Nasional dan Internasional.
                    </li>


                </ul>
            </div>

            <!-- Call to Action -->
            <div data-aos="fade-up" class="text-center shadow-xl">
                <div data-aos="fade-up" class="bg-accent py-8 rounded-lg" style="color:#fff">
                    <h2 data-aos="fade-up" class="text-xl font-poppins font-bold  mb-3">Bergabunglah dengan
                        {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}
                    </h2>
                    <p data-aos="fade-up" class=" font-dmsans mb-5">Wujudkan impianmu dan raih masa depan cerah bersama
                        {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}</p>
                    <a href="/pendaftaran" data-aos="fade-up"
                        class="bg-white text-primary font-poppins font-medium py-2 px-6 rounded-full shadow-md hover:bg-gray-100 transition">
                        Daftar Sekarang
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection