import type { Metadata } from "next";
import Link from "next/link";
import { Icon } from "../components/icons";
import { CompactCTA, InnerLayout, PageHero } from "../components/inner";
import { readServices } from "../lib/public-settings";
export const metadata: Metadata={title:"Layanan Instalasi Listrik",description:"Layanan instalasi listrik rumah, ruko, kantor, panel, grounding, korsleting, tambah titik, dan maintenance di Bogor.",alternates:{canonical:"/layanan"}};
export default async function ServicesPage(){const services=await readServices();return <InnerLayout><PageHero title="Layanan Instalasi Listrik" description="Solusi untuk instalasi baru, renovasi, panel, penambahan titik, pemeriksaan gangguan, dan maintenance di Bogor."/><section className="inner-section"><div className="shell inner-grid">{services.map(s=><article className="inner-card" key={s.slug}><span className="icon-box"><Icon name={s.icon}/></span><h2 style={{marginTop:18}}>{s.title}</h2><p>{s.excerpt}</p><Link className="text-link" href={`/layanan/${s.slug}`}>Lihat detail <Icon name="arrow"/></Link></article>)}</div></section><CompactCTA/></InnerLayout>}