@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 ilmu kesehatan yang unggul dengan tata kelola yang berstandar nasional, sehingga dapat menghasilkan lulusan yang berjiwa humanis dan mengabdi kepada masyarakat sesuai dengan moral agama pada tahun 2030”
                </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>
                Memberikan kontribusi dalam pengembangan ilmu pengetahuan dan tekhnologi dalam bidang ilmu kesehatan melalui pendidikan, penelitian, dan pengabdian masyarakat
                </li>
                <li>
                Sebagai pendidikan perguruan tinggi dengan standar nasional.
                </li>
                 <li>
                 Menyelenggarakan proses pendidikan dan pengajaran, penelitian, dan pengabdian kepada masyarakat yang humanis dan terbuka bagi semua. lapisan masyarakat yang dijiwai dengan nilai-nilai agama dan spiritual.
                </li>
                <li>
                Menyelenggarkan kerjasama baik nasional maupun 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-yellow-400 hover:bg-primary font-medium py-2 px-3 rounded-md text-sm transition-all text-center text-white">
                        Daftar Sekarang
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection