/* ============================================================ Tectus — Service detail page (CMS-driven, from Services.csv). Reads window.SERVICES_DETAIL[slug]. ============================================================ */ const { Button: SdButton } = window.TectusDesignSystem_c42b34; const SD_ICON = { 'executive-protection': 'user-round-check', 'event-security': 'ticket', 'retail-security': 'store', 'mobile-patrol': 'route', 'alarm-response': 'bell-ring', 'corporate-security': 'building', 'fire-watch': 'flame', }; const SD_PROVIDE_ICON = ['shield-check', 'clipboard-list', 'activity', 'route']; function serviceMore(slug) { return (window.SERVICES_DETAIL || []).filter((s) => s.slug !== slug).slice(0, 3); } function ServiceDetail({ slug }) { const svc = (window.SERVICES_DETAIL || []).find((s) => s.slug === slug); useEffect(() => { if (svc) document.title = svc.title + ' | Tectus'; return () => { document.title = 'Tectus — Physical security, delivered faster. When it matters most.'; }; }, [slug]); if (!svc) return ; const icon = SD_ICON[slug] || 'shield'; const more = serviceMore(slug); return (
{/* hero: copy + image */}
{/* overview body */} {svc.body && (
Overview
)} {/* what we provide */} {svc.provide.length > 0 && (
{svc.provide.map((p, i) => (

{p.t}

{p.d}

 ))}
)} {/* inclusions + who we serve */}
{svc.inclusions.length > 0 && ( What's included

Every engagement includes

    {svc.inclusions.map((it) => (
  • {it}
    • ))}
)} {svc.serve.length > 0 && (
Who we serve
{svc.serve.map((s) => (
{s}
))}
)}
{/* booking & pricing + trust (shared across all services) */}

Booking requirements & minimums

    {['All services are subject to availability by location.', 'Minimum service durations may apply depending on service type.', 'Advance notice may be required for certain assignments.', 'All bookings are confirmed prior to deployment.'].map((t) => (
  • {t}
    • ))}

Pricing

Pricing varies based on location, duration, staffing needs, and service complexity. All pricing is confirmed prior to booking.

Trust & compliance

{[ { icon: 'badge-check', t: 'Licensed & insured', d: 'Security personnel provided by licensed and insured vendors.' }, { icon: 'user-check', t: 'Vetted professionals', d: 'Personnel background-checked and professionally trained by their licensed vendor companies.' }, { icon: 'clipboard-check', t: 'Compliant operations', d: 'Services delivered in accordance with regulations.' }, ].map((b) => (

{b.t}

{b.d}

))}
{/* related services */} {more.length > 0 && (

Other services

{more.map((m) => (
{m.image ? :
}

{m.title}

{m.short}

Learn more
))}
)}
); } window.ServiceDetail = ServiceDetail;