@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 serta diakui sebagai pusat unggulan pengembangan ilmu komunikasi yang
                    menghasilkan tenaga profesional, akademik dan riset dalam industri kreatif 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>Menyiapkan peserta didik dan tenaga pengajar yang profesional untuk melaksanakan Tri Dharma
                        Perguruan Tinggi di bidang komunikasi yang mampu bersaing secara nasional dalam industri kreatif.
                    </li>
                    <li>
                        Mengembangkan kompetensi akademik dan keterampilan komunikasi yang memberikan manfaat dan
                        menyebarkannya demi kepentingan Industri kreatif.
                    </li>
                    <li>
                        Menumbuhkembangkan penelitian dasar dan terapan ilmu komunikasi dalam masyarakat dan industri
                        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 sumber daya manusia di bidang komunikasi yang diperlukan oleh masyarakat dan industri kreatif
                    </li>
                    <li>
                        Mendidik calon praktisi dan akademisi komunikasi yang kompetitif dan bermanfaat bagi kepentingan masyarakat dan industri kreatif
                    </li>
                    <li>
                       Menerbitkan publikasi ilmiah yang berbasis riset dasar dan terapan dalam ilmu komunikasi dan industri kreatif
                    </li>
                </ul>
            </div> 
            <!-- Strategi -->
            <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">Strategi</h2>
                <p data-aos="fade-up" class="text-gray-700 font-dmsans">
                    Strategi pencapaian visi, misi dan tujuan ditetapkan melalui tahapan perencanaan yang disesuaikan dengan sasaran tonggak-tonggak capaian (milestones) 
                    STIKOM InterStudi dan tertuang dalam Rencana Strategis (RENSTRA) 2016-2020 yang disahkan melalui Surat Keputusan Ketua Sekolah Tinggi Ilmu Komunikasi 
                    InterStudi No.005/SK/STIKOM/VI/2018 dan dirincikan melalui pilar strategi meliputi:
                </p>
                
                <ul data-aos="fade-up" class="list-disc pl-5 space-y-3 text-gray-700 font-dmsans">
                    <li>Pemantapan mutu akademik diimplementasikan melalui reorientasi kurikulum program guna meningkatkan relevansi mutu capaian pembelajaran yang secara konsisten ditunjang dengan peningkatan mutu bahan ajar, mutu tenaga pengajar dan tenaga kependidikan serta mutu mahasiswa sehingga akan berkontribusi pada peningkatan mutu metode pembelajaran kolaboratif yang mengarah pada pemantapan kompetensi lulusan.
                    </li>
                    <li>
                        Pemantapan tata kelola manajemen dan keuangan berfokus pada implementasi tata kelola yang ditunjang dengan pengelolaan manajemen dan keuangan guna pencapaian tujuan dan target sasaran strategis institusi yang secara konsisten dievaluasi sebagai gambaran kinerja Program.
                    </li>
                    <li>
                       Relevansi luaran penelitian diimplementasikan melalui reorientasi riset tematik sesuai perkembangan inovasi dan digitalisasi industri melalui diseminasi produk penelitian dan pemanfaatan luaran penelitian.
                    </li>
                    <li>
                       Ketiga strategi tersebut kemudian dioptimalkan dengan pemantapan kerjasama kemitraan melalui penyelarasan bentuk kerjasama kemitraan dan optimalisasi lingkup kerjasama dan kemitraan (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-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