// SecureSystems — additional sections: Services, Pricing, Process, FAQ const { useState: __useState } = React; // Service icons const ServiceIcon = { globe: () => ( ), gear: () => ( ), shield: () => ( ), check: () => ( ), x: () => ( ), plus: () => ( ), }; // ─── Services (3 cards) ────────────────────────────────────────────────────── function Services({ t, lang, onContact, onPricing }) { const titleFontStyle = { fontFamily: "var(--font-heading)", fontStyle: lang === "ar" ? "normal" : "italic" }; return (
{t.services.eyebrow}

{t.services.title.map((l, i) => {l})}

{t.services.sub}

{t.services.items.map((s, i) => { const I = ServiceIcon[s.icon] || ServiceIcon.globe; const handle = i === 0 ? onPricing : onContact; return (

{s.title}

{s.body}

{s.note &&
{s.note}
}
); })}
); } // ─── Pricing (3 tiers, middle highlighted) ─────────────────────────────────── function Pricing({ t, lang, onContact }) { const titleFontStyle = { fontFamily: "var(--font-heading)", fontStyle: lang === "ar" ? "normal" : "italic" }; return (
{t.pricing.eyebrow}

{t.pricing.title.map((l, i) => {l})}

{t.pricing.sub}

{t.pricing.tiers.map((tier, i) => { const isPop = !!tier.badge; return (
{isPop && (
{tier.badge}
)}
{tier.name}

{tier.tag}

{tier.setup}
{lang === "ar" ? "إعداد لمرة واحدة" : "one-time setup"}
{tier.monthly} {lang === "ar" ? "/ شهرياً" : "/ month"}
{tier.upsell && (
{tier.upsell}
)}
    {tier.features.map((f, j) => (
  • {f}
    • ))} {tier.missing && tier.missing.map((f, j) => (
  • {f}
    • ))}
); })}
); } // ─── Process (4 steps) ─────────────────────────────────────────────────────── function Process({ t, lang }) { const titleFontStyle = { fontFamily: "var(--font-heading)", fontStyle: lang === "ar" ? "normal" : "italic" }; return (
{t.process.eyebrow}

{t.process.title.map((l, i) => {l})}

{t.process.steps.map((s, i) => (
{s.n}

{s.t}

{s.d}

))}
); } // ─── FAQ (accordion) ───────────────────────────────────────────────────────── function Faq({ t, lang }) { const titleFontStyle = { fontFamily: "var(--font-heading)", fontStyle: lang === "ar" ? "normal" : "italic" }; const [open, setOpen] = __useState(0); return (
{t.faq.eyebrow}

{t.faq.title.map((l, i) => {l})}

{t.faq.items.map((it, i) => { const isOpen = open === i; return (
setOpen(isOpen ? -1 : i)}>
{it.q}
{isOpen && (

{it.a}

)}
); })}
); } Object.assign(window, { Services, Pricing, Process, Faq, ServiceIcon });