@extends('frontend.template-frontend')
@section('title', 'Mengenai Kami | Amal Prihatin Sabah')
@section('meta_description', 'Ketahui lebih lanjut mengenai Amal Prihatin Sabah, visi, misi, dan komitmen kami dalam membantu golongan yang memerlukan.')
@section('meta_keywords', 'mengenai kami, tentang kami, amal prihatin sabah, visi misi, organisasi amal')

@section('og_title', 'Mengenai Kami | Amal Prihatin Sabah')
@section('og_description', 'Ketahui lebih lanjut mengenai Amal Prihatin Sabah, visi, misi, dan komitmen kami.')
@section('og_image', asset('assets/icon-paks/logo-aps.png'))

@section('twitter_title', 'Mengenai Kami | Amal Prihatin Sabah')
@section('twitter_description', 'Ketahui lebih lanjut mengenai Amal Prihatin Sabah, visi, misi, dan komitmen kami.')
@section('twitter_image', asset('assets/icon-paks/logo-aps.png'))

@section('content')
    <section class="mt-24 max-w-[1080px] w-full mx-auto px-4">
        <div class="bg-white rounded-lg shadow-lg p-8">
            <h1 class="text-3xl font-bold text-gray-800 mb-8 text-center">Mengenai Kami</h1>
            
            @if($about)
                <div class="prose prose-lg max-w-none">
                    {!! $about->content !!}
                </div>
            @else
                <div class="text-center py-16">
                    <div class="text-gray-400 mb-4">
                        <i class="fa-regular fa-file-lines fa-4x"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-gray-600 mb-2">Belum Ada Konten</h3>
                    <p class="text-gray-500">Konten mengenai kami sedang dalam proses pengembangan.</p>
                </div>
            @endif
        </div>
    </section>
@endsection