@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>
                Kharisma College, sebelumnya dikenal sebagai STMIK Kharisma Makassar, didirikan pada tahun 1995 dengan nama
                AMIK Kharisma dan hanya memiliki satu jurusan. Pada tahun 2000, statusnya berubah menjadi STMIK Kharisma dan
                mulai menyelenggarakan pendidikan untuk 4 program studi di kampus Jalan Kakatua No. 18 Makassar, dengan
                kuliah umum perdana pada tanggal 18 September 2000. Saat ini, Kharisma College sedang dalam proses perubahan
                bentuk menjadi perguruan tinggi yang lebih luas, mungkin dengan nama Institut Teknologi dan Bisnis KHARISMA
                atau Universitas KHARISMA, bergantung pada izin yang didapatkan.
            </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
