@section("title","Visi Misi")
@extends('Frontend.Layouts.app2')
@section('content')
    <x-header-section-page title="Visi Misi UBY" 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">
                    Visi UBY adalah menjadi Universitas unggul dalam mengembangkan jiwa kewirausahaan berbasis kearifan
                    lokal dan berdaya saing global pada tahun 2037
                </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 dan mengembangkan program pembelajaran (knowledge based economy) dalam bidang ilmu
                        pengetahuan, teknologi dan seni yang berjiwa kewirausahaan, berbasis kearifan lokal dan berdaya
                        saing global;
                    </li>
                    <li>
                        menyelenggarakan dan mengembangkan kegiatan penelitian dan pengabdian kepada masyarakat berbasis
                        kearifan lokal dan berdaya saing global;
                    </li>
                    <li>
                        menyelenggarakan dan mengembangkan praktik kewirausahaan pada skala mikro, kecil, menengah dan
                        industri yang berdaya saing global.
                    </li>
                </ul>
            </div>

            <!-- Call to Action -->
            <div data-aos="fade-up" class="text-center shadow-xl">
                <div data-aos="fade-up" class="bg-secondary py-8 rounded-lg">
                    <h2 data-aos="fade-up" class="text-xl font-poppins font-bold text-white mb-3">Bergabunglah Bersama UBY
                    </h2>
                    <p data-aos="fade-up" class="text-white font-dmsans mb-5">Jadilah bagian dari keluarga besar UBY,
                        universitas yang berkomitmen untuk memberikan pengalaman akademik terbaik melalui program studi
                        unggulan dan dosen berkompeten.</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