@section('title', 'VisiMisi')

@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">
                    "Menjadi Perguruan Tinggi yang unggul, akuntabel, berkarakter, dan beretika dalam bidang Ilmu Agama
                    Islam yang mampu bersaing secara nasional maupun internasional pada tahun 2043".
                </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 pendidikan untuk menghasilkan lulusan yang memiliki keungulan kompetetif,
                        berkarakter dan beretika, professional, berakhlah mulia dan berwawasan global.
                    </li>
                    <li>
                        Melakukan penelitian guna menghasilkan temuan baru keilmuan dan praktik pengembangan ilmu
                    </li>
                    <li>
                        Melakukan pengabdian kepada masyarakat dalam kerangka dakwah islamiyah bagi pengembangan kehidupan
                        masyarakat yang religius, sejahtera, dan mandiri.
                    </li>
                    <li>
                        Menyelenggarakan kerjasama dengan pihak lain yang saling menguntungkan dan membantu pemerintah untuk
                        meningkatkan kualitas sumber daya manusia serta pengembangan keilmuan.
                    </li>
                    <li>
                        Mengembangkan sikap dan keterampilan kewirausahaan untuk menghasilkan lulusan yang mandiri,
                        inovatif, dan kreatif.
                    </li>


                </ul>
            </div>

            <!-- Tujuan -->
            <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">Tujuan</h2>
                <ul data-aos="fade-up" class="list-disc pl-5 space-y-3 text-gray-700 font-dmsans">
                    <li>
                        Menghasilkan lulusan yang memiliki keahlian bidang keilmuannya secara profesional, memegang teguh
                        nilai-nilai ke-Islaman berkarakter Ulama yang Cendikiawan dan Cendikiawan yang Ulama, Kearifan Lokal
                        dan menguasai riset, teknologi informasi dan komunikasi.
                    </li>
                    <li>
                        Mengembangkan pengetahuan bidang hukum dan ekonomi islam yang memajukan penerapan ekonomi syariah
                        dan masyarakat
                    </li>
                    <li>
                        Mewujudkan budaya akademik, organisasi, kerja yang sehat dan dinamis sebagai basis kerja sama
                        /kemitraan dengan pemangku kepentingan guna pengembangan keilmuan
                    </li>
                    <li>
                        Menghasilkan sumber daya yang kompeten dan professional
                    </li>
                    <li>
                        Mewujudkan kepakaran bidang hukum dan ekonomi islam yang bermanfaat dan diakui secara 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