@section('title', 'Visi Misi')
@extends('Frontend.Layouts.app2')
@section('content')
    <x-header-section-page title="Visi Misi sekolah tinggi agama islam terpadu yogyakarta (STAIT YOGYAKARTA)" 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 rounded-lg p-6">
                <h2 class="text-xl font-poppins font-semibold text-primary mb-3">Visi</h2>
                <p class="text-gray-700 font-dmsans">
                    Menjadi Pendidikan Tinggi Profesional yang Mempelopori Pendidikan Berbasis Aqidah Shahihah, Akhlakul Karimah dan Adaptif dalam Mengembangkan Pengelolaan Lembaga Dakwah Secara Aplikatif dan Terpadu 
                </p>
            </div>

            <!-- Misi -->
            <div class="bg-white shadow-xl shadow rounded-lg p-6">
                <h2 class="text-xl font-poppins font-semibold text-primary mb-3">Misi</h2>
                <ul class="list-disc list-inside text-gray-700 font-dmsans space-y-2">
                    <li>Menyelenggarakan lembaga pendidikan tinggi sebagai pengejawantahan dakwah Rasulullah Muhammad SAW secara faktual dan solutif berlandaskan kaidah ilmu amaliah dan amal ilmiah.</li>
                    <li>Mengembangkan kurikulum pendidikan tinggi dalam basis akidah shahih, mengembangkan pembinaan kepribadian yang tangguh dan keterampilan global secara terpadu.</li>
                    <li>Menyelenggarakan penelitian dan pengembangan ilmu pengetahuan secara produktif dan memiliki daya solusi yang tinggi terhadap permasalahan umat.</li>
                    <li>Mengembangkan pengabdian kepada masyarakat dalam bidang dakwah.</li>
                </ul>
            </div>

            <!-- Tujuan -->
            <div class="bg-white shadow-xl shadow rounded-lg p-6">
                <h2 class="text-xl font-poppins font-semibold text-primary mb-3">Tujuan</h2>
                <ul class="list-disc list-inside text-gray-700 font-dmsans space-y-2">
                    <li>Melahirkan generasi bangsa berkualitas, cerdas, berkepribadian dan berketerampilan menghadapi tantangan bangsa yang terus berkembang melalui pendidikan tinggi agama Islam yang didukung jaringan persekolahan secara terpadu.</li>
                    <li>Merumuskan pengembangan pemahaman Al-Qur’an untuk mendukung praktik kehidupan islami dengan aqidah yang shahih.</li>
                    <li>Mentrasformasikan nilai-nilai Islam secara aktual dan ilmiah dalam konteks rahmatan lil ‘alamin yang mengedepankan kemandirian dan kemaslahatan.</li>
                </ul>
            </div>

            <!-- Call to Action -->
            <x-join-us-section title="Bergabunglah Bersama sekolah tinggi agama islam terpadu yogyakarta (STAIYO)"
                description="Bersama sekolah tinggi agama islam terpadu yogyakarta, wujudkan impian Anda, raih ilmu yang bermanfaat dengan bimbingan para ahli. Jadilah generasi yang cerdas, berakhlak, dan berdaya saing tinggi."
                buttonText="Daftar Sekarang" buttonLink="/pendaftaran" />
        </div>
    </div>
@endsection