@extends('layouts.main')

@section('content')
<section class="bg-gradient-to-r from-blue-950 via-blue-900 to-blue-700 text-white">
    <div class="max-w-7xl mx-auto px-4 py-20">
        <p class="text-blue-200 font-semibold mb-3">Profil Organisasi</p>
        <h1 class="text-4xl md:text-5xl font-extrabold mb-4">Tentang PPNI DPK Rumah Sakit BaliMéd Denpasar</h1>
        <p class="text-lg text-blue-100 max-w-3xl leading-8">
            Organisasi profesi perawat yang menjadi wadah pengembangan profesionalisme,
            solidaritas, dan kontribusi aktif dalam pelayanan keperawatan bermutu.
        </p>
    </div>
</section>

<section class="max-w-7xl mx-auto px-4 py-16 grid md:grid-cols-2 gap-8">
    <div class="bg-white rounded-3xl shadow-sm p-8">
        <h2 class="text-2xl font-bold text-blue-900 mb-4">Siapa Kami</h2>
        <p class="text-slate-600 leading-8">
            PPNI DPK Rumah Sakit BaliMéd Denpasar merupakan wadah organisasi profesi bagi
            perawat di lingkungan rumah sakit yang berperan dalam pembinaan anggota,
            pengembangan kapasitas, penguatan etika profesi, dan dukungan terhadap mutu pelayanan.
        </p>
    </div>

    <div class="bg-white rounded-3xl shadow-sm p-8">
        <h2 class="text-2xl font-bold text-blue-900 mb-4">Peran Organisasi</h2>
        <p class="text-slate-600 leading-8">
            Organisasi ini menjadi ruang kolaborasi untuk mendukung program pendidikan,
            kegiatan profesi, pengabdian masyarakat, serta komunikasi aktif antar anggota
            dalam semangat profesionalisme dan kebersamaan.
        </p>
    </div>
</section>
@endsection