import type { Metadata } from "next"; import { BadgeCheck,HeartHandshake,Shield,Users } from "lucide-react"; import type { LucideIcon } from "lucide-react"; import { PageHero } from "@/components/page-hero";
export const metadata:Metadata={title:"About Us"};
export default function About(){return <><PageHero eyebrow="About Sentinel" title="Your trusted security partner." copy="We combine practical expertise, reliable technology, and attentive support to protect homes and businesses."/><section className="section"><div className="container grid gap-12 md:grid-cols-2"><div><div className="eyebrow">Our story</div><h2 className="mt-3 text-3xl font-black">Security done the right way.</h2><p className="mt-4 leading-7 text-muted">For more than a decade, Sentinel CCTV has helped clients build safer spaces. We recommend only what each property needs, install with care, and remain available long after handover.</p></div><div className="grid grid-cols-2 gap-4">{([[Shield,"Trusted systems"],[BadgeCheck,"Certified team"],[Users,"500+ clients"],[HeartHandshake,"Local support"]] as [LucideIcon,string][]).map(([Icon,t])=><div className="card p-5" key={String(t)}><Icon className="text-brand"/><h3 className="mt-3 text-sm font-black">{String(t)}</h3></div>)}</div></div></section><section className="section bg-slate-50 text-center"><div className="container"><div className="eyebrow">Our promise</div><h2 className="mx-auto mt-3 max-w-2xl text-3xl font-black">Professional advice. Clean installation. Responsive support.</h2></div></section></>}