@section('title', 'Sejarah')

@extends('Frontend.Layouts.app2')
@section('content')
<br><br>
    <x-header-section-page title="Sejarah  {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }}" breadcrumb-home="Home" breadcrumb-current="Sejarah Singkat" />

    <div data-aos="fade-up" class=" flex flex-col my-6 md:my-10 px-4 md:px-20 lg:px-32 xl:px-60">
        <!-- Gambar -->
        {{-- <img src="{{ asset('./images/sambutan/petinggi.png') }}" data-aos="fade-up" class=" mb-5 w-full" alt=""> --}}

        <!-- Konten Teks -->
        <div data-aos="fade-up" class="flex flex-col space-y-4 text-justify font-dmsans text-[14px] md:text-[16px]">
            <p class="text-justify" style="font-size: 14px;">
                Sekolah Tinggi Agama Islam (STAI) Siliwangi Bandung merupakan lembaga pendidikan tinggi Islam yang berkomitmen menyelenggarakan pendidikan yang berkualitas, berlandaskan nilai-nilai keislaman, keilmuan, dan pengabdian kepada masyarakat. Berdiri dengan semangat Balas Budi Siliwangi, STAI Siliwangi hadir sebagai wujud kepedulian terhadap peningkatan kualitas sumber daya manusia di Jawa Barat, dengan tujuan mencetak generasi yang beriman, berilmu, dan berakhlak mulia.<br>
                
                Dengan suasana akademik yang religius dan lingkungan pembelajaran yang kondusif, STAI Siliwangi Bandung membekali mahasiswa dengan ilmu pengetahuan Islam yang moderat dan aplikatif. Melalui tenaga pengajar yang profesional dan program studi yang relevan, kampus ini siap melahirkan lulusan yang cerdas secara intelektual, kuat secara spiritual, serta memiliki komitmen tinggi dalam membangun masyarakat dan bangsa.
                
            </p>

        </div>

        <!-- Bagian Ajakan -->
        <div data-aos="fade-up" class="flex items-center flex-col pt-10">
            <div data-aos="fade-up" class="w-full h-[1px] bg-blue-900 my-4"></div>
            <h1 data-aos="fade-up" class="text-center font-poppins text-[20px] md:text-[30px] font-bold text-primary">
                SEGERA DAFTAR
                </h1>
            <p data-aos="fade-up" class="text-center mb-5 text-[12px] md:text-[14px] lg:text-[16px]">
            Bergabunglah bersama  {{ $settings['nama kampus'] ?? 'Nama kampus tidak tersedia' }} dan Bangun Wawasan, Bentuk Karakter, Jadilah Pembawa Perubahan!
        </p>
            <x-button url="/pendaftaran">DAFTAR SEKARANG</x-button>
        </div>
    </div>
@endsection
