@extends('layouts.app')

@section('content')
<div class="min-h-screen bg-gray-50 py-8 sm:py-12">
    <div class="max-w-4xl mx-auto px-4 sm:px-8 text-center">
        <h1 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-gray-800 mb-4">Halaman Pengaduan</h1>
        <p class="text-sm sm:text-base text-gray-600 mb-8">
            Halaman ini sedang dalam pengembangan. Silakan hubungi kantor desa untuk pengaduan sementara.
        </p>
        
        <div class="bg-blue-50 border border-blue-200 rounded-lg p-6 mb-8">
            <h3 class="text-lg font-semibold text-blue-900 mb-4">Informasi Kontak</h3>
            <div class="text-sm text-blue-800 space-y-2">
                <p><strong>Alamat:</strong> Kantor Desa Mantowu</p>
                <p><strong>Telepon:</strong> (021) xxx-xxxx</p>
                <p><strong>Email:</strong> mantowu@desa.id</p>
                <p><strong>Jam Operasional:</strong> Senin - Jumat, 08:00 - 16:00</p>
            </div>
        </div>
        
        <a href="{{ route('home') }}" 
           class="bg-gradient-to-r from-[#0f9d58] to-[#1dbf4a] text-white font-semibold py-3 px-6 rounded-lg hover:from-[#0d8a4f] hover:to-[#18a840] transition-all duration-200">
            <i class="fas fa-arrow-left mr-2"></i>
            Kembali ke Beranda
        </a>
    </div>
</div>
@endsection