import Link from "next/link";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { seoArticles } from "@/lib/articles";
export const metadata={title:"Artikel Panti Asuhan, Donasi & Pendidikan | Al Jannah Semarang",description:"Artikel edukatif Al Jannah Semarang tentang panti asuhan, donasi anak yatim, pendidikan, relawan, kunjungan, dan pembinaan.",alternates:{canonical:"/artikel"}};
export default function Page(){return <><Header/><main className="section"><div className="container"><div className="article"><span className="eyebrow">Pusat Edukasi</span><h1>Artikel Panti Asuhan Al Jannah Semarang</h1><p>Kumpulan panduan untuk masyarakat yang ingin memahami pengasuhan, pendidikan, donasi, kunjungan, relawan, dan cara memeriksa informasi panti asuhan secara lebih bertanggung jawab.</p></div><div className="cards article-list">{seoArticles.map(a=><article className="card" key={a.slug}><span className="eyebrow">{a.category}</span><h3><Link href={`/artikel/${a.slug}`}>{a.title}</Link></h3><p>{a.excerpt}</p><p><Link className="link" href={`/artikel/${a.slug}`}>Baca artikel →</Link></p></article>)}</div></div></main><Footer/></>}
