import Link from "next/link";
import { notFound } from "next/navigation";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import JsonLd from "@/components/JsonLd";
import { semarangDistricts, slugify } from "@/lib/regions";
import { breadcrumbJson, locationDescription, locationTitle } from "@/lib/seo";
import { districtContent, faqJson } from "@/lib/local-content";
import { site, whatsappUrl } from "@/lib/site";

export function generateStaticParams() { return semarangDistricts.map((d) => ({ kecamatan: d.slug })); }
export async function generateMetadata({ params }: { params: Promise<{ kecamatan: string }> }) {const { kecamatan } = await params;const d = semarangDistricts.find((x) => x.slug === kecamatan);if (!d) return {};const path = `/panti-asuhan-semarang/${d.slug}`;return {title: locationTitle(`${d.name}, Semarang`),description: locationDescription(`${d.name}, Semarang`),keywords:[`panti asuhan ${d.name}`,`panti asuhan di ${d.name}`,`panti anak yatim ${d.name}`,`donasi anak yatim ${d.name}`],alternates: { canonical: path },robots: { index: true, follow: true }};}
export default async function Page({ params }: { params: Promise<{ kecamatan: string }> }) {const { kecamatan } = await params;const found = semarangDistricts.find((x) => x.slug === kecamatan);if (!found) notFound();const district = found!;const path = `/panti-asuhan-semarang/${district.slug}`;const editorial=districtContent(district.slug);const faq=[{question:`Apakah Al Jannah berada di Kecamatan ${district.name}?`,answer:district.slug==="tugu"?`Ya. Panti Asuhan Al Jannah beralamat di ${site.address}.`:`Tidak. Al Jannah beralamat di Tugurejo, Kecamatan Tugu, Kota Semarang. Halaman ${district.name} berfungsi sebagai informasi lokal untuk masyarakat Semarang.`},{question:`Bagaimana mencari panti asuhan di ${district.name}?`,answer:`Gunakan halaman kelurahan di bawah ini, lalu periksa alamat, kontak, program, dan identitas lembaga sebelum berkunjung atau berdonasi.`},{question:"Bagaimana menghubungi Al Jannah?",answer:`Hubungi WhatsApp ${site.whatsappDisplay}, telepon ${site.phone}, atau email ${site.email}.`}];const crumbs = breadcrumbJson([{ name: "Beranda", url: "/" },{ name: "Panti Asuhan Semarang", url: "/panti-asuhan-semarang" },{ name: district.name, url: path }]);return <><JsonLd data={crumbs}/><JsonLd data={faqJson(faq)}/><Header/><main className="section"><div className="container content-grid"><article className="article"><div className="breadcrumbs"><Link href="/">Beranda</Link> / <Link href="/panti-asuhan-semarang">Panti Asuhan Semarang</Link> / {district.name}</div><span className="eyebrow">Kecamatan {district.name}</span><h1>Panti Asuhan di {district.name}, Semarang</h1><p className="lead">{editorial.intro}</p><h2>Informasi panti asuhan untuk masyarakat {district.name}</h2><p>Halaman ini ditujukan untuk {editorial.audience}. Struktur informasi dibagi sampai tingkat kelurahan agar pembaca dapat menemukan halaman yang lebih dekat dengan lokasi pencarian.</p><p>Sebelum menghubungi suatu lembaga, periksa identitas, alamat, nomor telepon, program, serta rekening bila tujuan Anda berdonasi. Informasi yang jelas membantu mengurangi risiko salah kontak atau salah transfer.</p><h2>Kelurahan di Kecamatan {district.name}</h2><p>Pilih kelurahan berikut untuk membuka halaman lokal yang membahas cara mencari panti, panduan donasi, dan rujukan menuju informasi resmi Al Jannah.</p><div className="region-grid">{district.villages.map((v) => <Link key={v} className="region-link" href={`${path}/${slugify(v)}`}><strong>Panti Asuhan {v}</strong><div className="muted">Kelurahan {v} →</div></Link>)}</div><h2>Tentang Panti Asuhan Al Jannah Semarang</h2><p>Al Jannah merupakan panti asuhan di Kota Semarang yang menjalankan pengasuhan, pendidikan, pembinaan keagamaan, dan program kemandirian. Lokasi resmi berada di <strong>{site.address}</strong>.</p>{district.slug!=="tugu"&&<p>Al Jannah tidak menyatakan memiliki cabang di Kecamatan {district.name}. Halaman ini dibuat agar masyarakat dari {district.name} memiliki jalur informasi yang terstruktur menuju profil, program, donasi, dan kontak resmi.</p>}<h2>Donasi dan bantuan</h2><p>Jika ingin membantu Al Jannah, gunakan rekening BRI <strong>136901000387306</strong> a.n. Yayasan Al Jannah Semarang atau BSI <strong>7036542211</strong> a.n. PA AL JANNAH. Verifikasi dapat dilakukan melalui WhatsApp {site.whatsappDisplay}.</p><h2>Panduan kunjungan</h2><p>Hubungi pengelola terlebih dahulu sebelum datang, terutama untuk rombongan. Jelaskan asal instansi, jumlah peserta, tujuan kegiatan, serta waktu yang diusulkan. Koordinasi menjaga kegiatan tetap sesuai dengan jadwal pendidikan, ibadah, dan istirahat anak.</p><h2>FAQ Panti Asuhan {district.name}</h2>{faq.map(item=><div className="card faq-card" key={item.question}><h3>{item.question}</h3><p>{item.answer}</p></div>)}<div className="cta-box"><h2>Perlu informasi dari Al Jannah?</h2><p>Hubungi kanal resmi untuk donasi, kunjungan, atau program.</p><a className="btn" href={whatsappUrl(`Assalamu'alaikum, saya dari wilayah ${district.name} dan ingin bertanya tentang Panti Asuhan Al Jannah Semarang.`)} target="_blank" rel="noreferrer">WhatsApp Al Jannah</a></div></article><aside><div className="sidebox"><h3>Cakupan {district.name}</h3><p><strong>{district.villages.length}</strong> kelurahan.</p><div className="pill-list"><span className="pill">Canonical ✓</span><span className="pill">FAQ Schema ✓</span><span className="pill">Breadcrumb ✓</span><span className="pill">Sitemap ✓</span></div></div><div className="sidebox"><h3>Artikel Panduan</h3><p><Link className="link" href="/artikel/panduan-panti-asuhan-semarang">Panduan panti asuhan Semarang</Link></p><p><Link className="link" href="/artikel/donasi-anak-yatim-semarang">Donasi anak yatim Semarang</Link></p><p><Link className="link" href="/artikel/panduan-kunjungan-ke-panti-asuhan">Panduan kunjungan</Link></p></div><div className="sidebox"><h3>Kontak Al Jannah</h3><p>{site.whatsappDisplay}<br/>{site.phone}<br/>{site.email}</p></div></aside></div></main><Footer/></>}
