@extends('layouts.public')

@section('title','Kontak')

@section('content')

{{-- HERO --}}
<section class="bg-primary text-white py-5">
    <div class="container">
        <h2 class="fw-bold mb-1">Kontak Kami</h2>
        <p class="mb-0">
            Dinas Sosial Kabupaten Mamuju Tengah
        </p>
    </div>
</section>

{{-- KONTEN --}}
<section class="py-5 bg-light">
    <div class="container">

        <div class="row g-4">

            {{-- INFO --}}
            <div class="col-md-6">
                <h5 class="fw-bold mb-3">Informasi Kontak</h5>

                <ul class="list-unstyled text-muted">
                    <li class="mb-2">
                        <i class="bi bi-geo-alt me-2"></i>
                        Desa Topoyo Kec. Topoyo Kab. Mamuju Tengah
                    </li>
                    <li class="mb-2">
                        <i class="bi bi-telephone me-2"></i>
                        08114250985
                    </li>
                    <li class="mb-2">
                        <i class="bi bi-envelope me-2"></i>
                        dinsos@mamujutengahkab.go.id
                    </li>
                </ul>
            </div>

            {{-- MAP / CATATAN --}}
            <div class="col-md-6">
                <h5 class="fw-bold mb-3">Jam Pelayanan</h5>

                <table class="table table-sm">
                    <tr>
                        <th>Senin – Jumat</th>
                        <td>08.00 – 16.00 WITA</td>
                    </tr>
                    <tr>
                        <th>Sabtu – Minggu</th>
                        <td>Tutup</td>
                    </tr>
                </table>
            </div>

        </div>

    </div>
</section>

@endsection