import type { Metadata } from "next";
import Link from "next/link";
import { ArticleGrid } from "../components/article-grid";
import { InnerLayout } from "../components/inner";
import { readPublishedArticles } from "../lib/articles";
export const dynamic="force-dynamic";
export const metadata:Metadata={title:"Artikel & Panduan Listrik",description:"Panduan instalasi dan keselamatan listrik untuk rumah serta tempat usaha di Bogor.",alternates:{canonical:"/artikel"}};
export default async function ArticlesPage(){const articles=await readPublishedArticles();return <InnerLayout><section className="article-index-header"><div className="shell"><nav className="breadcrumbs" aria-label="Breadcrumb"><Link href="/">Beranda</Link><span>/</span><strong>Artikel</strong></nav><span className="eyebrow light">Pusat edukasi</span><h1>Artikel & Panduan Listrik</h1><p>Materi praktis tentang instalasi, perangkat proteksi, biaya, dan perawatan kelistrikan.</p></div></section><section className="article-index-content"><div className="shell"><ArticleGrid articles={articles}/></div></section></InnerLayout>}