import type { Metadata } from "next"; import Link from "next/link"; import { Camera,Eye,Wifi,Wrench,RefreshCcw } from "lucide-react"; import type { LucideIcon } from "lucide-react"; import { PageHero } from "@/components/page-hero";
export const metadata:Metadata={title:"CCTV Services"}; const services:[LucideIcon,string,string][]=[[Camera,"CCTV Installation","Expert site assessment, camera placement, cabling, configuration, and handover for homes and businesses."],[RefreshCcw,"Annual Maintenance Contracts","Scheduled preventive maintenance and priority assistance keep your surveillance system reliable."],[Wrench,"Repairs & Upgrades","Quick diagnosis, repairs, replacements, and upgrades for existing CCTV systems."],[Eye,"Remote Monitoring","Secure remote viewing and alerts so you can check your property from anywhere."],[Wifi,"IP Network Setup","Purpose-built network infrastructure for dependable IP camera performance."]];
export default function Services(){return <><PageHero eyebrow="Our expertise" title="Security services that never clock out." copy="From design to long-term support, our specialists make surveillance simple and dependable."/><section className="section"><div className="container grid gap-5 md:grid-cols-2">{services.map(([Icon,title,copy],i)=><div className="card flex gap-5 p-6" key={String(title)}><div className="rounded-xl bg-brand/20 p-3 text-yellow-700"><Icon/></div><div><div className="text-xs font-black text-slate-300">0{i+1}</div><h2 className="mt-1 text-xl font-black">{String(title)}</h2><p className="mt-2 text-sm leading-6 text-muted">{String(copy)}</p></div></div>)}</div><div className="mt-10 text-center"><Link href="/get-quote" className="btn-primary">Get a tailored recommendation</Link></div></section></>}