@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 terkemuka di Provinsi DKI Jakarta yang menghasilkan Sumber Daya Manusia (SDM) kreatif, mandiri, dan berdaya saing, khususnya dalam bidang akuntansi dan manajemen. 
                </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>Pendidikan: Menyelenggarakan pendidikan tinggi yang berkualitas di bidang akuntansi dan manajemen untuk menghasilkan lulusan yang profesional.
                    </li>
                    <li>
                        Penelitian: Melaksanakan penelitian yang relevan dengan perkembangan ilmu akuntansi dan manajemen.
                    </li>
                    <li>
                        Pengabdian: Menyelenggarakan pengabdian kepada masyarakat, khususnya di bidang ilmu ekonomi dan bisnis.
                    </li>
                    <li>
                        Wirausaha & Teknologi: Membentuk wirausahawan dan tenaga ahli yang memiliki wawasan teknologi informasi.                     
                    </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 tata kelola yang efektif, efisien, transparan dan akuntabel dalam mengembangkan-->
            <!--            Tridharma Perguruan Tinggi-->
            <!--        </li>-->
            <!--        <li>-->
            <!--            Menghasilkan lulusan yang berkualitas dan berdaya saing dalam menghadapi persaingan kerja dan-->
            <!--            berwirausaha-->
            <!--        </li>-->
            <!--        <li>-->
            <!--            Menghasilkan penelitian dan pengabdian pada masyarakat yang inovatif dan berbasis pada kebutuhan-->
            <!--            nyata dan berorientasi pada pemanfaatan oleh pemerintah, dunia usaha/industri dan masyarakat-->
            <!--        </li>-->
            <!--        <li>-->
            <!--            Menghasilkan Pendidikan yang berkualitas;</li>-->
            <!--        <li>Menghasilkan kualitas dan kuantitas penelitian dan pengabdian kepada masyarakat melalui kerjasama-->
            <!--            dengan pihak lain, baik di dalam maupun di Luar Negeri.-->
            <!--        </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