// DigitalMeta — Inner page components + SVG Illustrations const { useState: useStateP, useEffect: useEffectP } = React; // ═══════════════════════════════════════════════════════ // ─── SVG Illustrations // ═══════════════════════════════════════════════════════ const IlluWeb = () => ( EN DE AR RTL ⇄ LTR ); const IlluAI = () => ( AI OUT INPUT PROCESS LEARN OUTPUT ); const IlluMS = () => ( Dynamics 365 Business Central W X P Microsoft 365 Flow Power Platform ); const IlluWorkflow = () => ( D365 CRM / ERP Flow Logic App API Bridge BC Finance Automated · real-time sync ); const IlluIntegration = () => ( MS Cloud REST API Database External ERP Core ⚡ HUB CRM Power BI SharePt Business Central Seamless system integration ); const IlluPortfolio = ({ tag }) => ( {tag || "WEB · NGO"} ); // ═══════════════════════════════════════════════════════ // ─── Shared inner page header // ═══════════════════════════════════════════════════════ const PageHeader = ({ eyebrow, title, lede }) => (
); // ─── Services overview page const ServicesPage = ({ lang, navigate }) => { const t = window.DM_I18N[lang]; const p = t.pages.services; const illustrations = [, , ]; const services = [ { ...p.web, icon: "web", page: "web" }, { ...p.ai, icon: "ai", page: "ai" }, { ...p.ms, icon: "ms", page: "microsoft" }, ]; return ( <>
{services.map((s, i) => ( ))}
); }; // ─── Microsoft Solutions page const MicrosoftPage = ({ lang, navigate }) => { const t = window.DM_I18N[lang]; const p = t.pages.microsoft; return ( <>

Products

{p.products.map((prod, i) => (
{prod.tag}

{prod.name}

{prod.desc}

    {prod.points.map((pt, j) => (
  • {pt}
    • ))}
))}

{p.workflow.title}

{p.workflow.desc}

{p.integration.title}

{p.integration.desc}

Use cases

{p.useCases.map((uc, i) => (
{uc.tag}

{uc.title}

{uc.desc}

))}
); }; // ─── AI Solutions page const AiPage = ({ lang }) => { const t = window.DM_I18N[lang]; const p = t.pages.ai; return ( <>
{p.areas.map((a, i) => (
{a.tag}

{a.title}

{a.desc}

))}

Benefits

{p.benefits.map((b, i) => (
0{i+1}

{b.title}

{b.desc}

))}
); }; // ─── Web Design page const WebPage = ({ lang }) => { const t = window.DM_I18N[lang]; const p = t.pages.web; return ( <>
{p.types.map((tp, i) => (
{tp.tag}

{tp.title}

{tp.desc}

))}
{p.features.map((f, i) => (

{f.title}

{f.desc}

))}
); }; // ─── About page const AboutPage = ({ lang }) => { const t = window.DM_I18N[lang]; const p = t.pages.about; return ( <>
{p.blocks.map((b, i) => (
0{i+1}

{b.title}

{b.desc}

))}
); }; // ─── Contact page const ContactPage = ({ lang, navigate }) => { const t = window.DM_I18N[lang]; const p = t.pages.contact; return ( <>
); }; // ─── Legal page const LegalPage = ({ lang, type }) => { const t = window.DM_I18N[lang]; const p = t.pages[type]; return ( <>
{type === "cookies" ? : (
{p.sections.map((sec, i) => (

{sec.h}

{sec.p}

))}
)}
); }; const CookiesContent = ({ p, lang }) => { const [prefs, setPrefs] = useStateP(() => { try { return JSON.parse(localStorage.getItem("dm_cookie_prefs")) || { Preferences: false, Analytics: false, Marketing: false }; } catch { return { Preferences: false, Analytics: false, Marketing: false }; } }); const toggle = (k) => { const next = { ...prefs, [k]: !prefs[k] }; setPrefs(next); try { localStorage.setItem("dm_cookie_prefs", JSON.stringify(next)); } catch {} }; return (

{p.intro}

{p.categories.map((c, i) => (

{c.name}

{c.desc}

{c.required ? ( Always on ) : ( )}
))}
); }; // ─── Cookie banner const CookieBanner = ({ lang, navigate }) => { const t = window.DM_I18N[lang]; const p = t.pages.cookies.banner; const [open, setOpen] = useStateP(false); useEffectP(() => { try { if (!localStorage.getItem("dm_cookie_choice")) setOpen(true); } catch {} }, []); const choose = (val) => { try { localStorage.setItem("dm_cookie_choice", val); } catch {} setOpen(false); }; if (!open) return null; return (

{p.title}

{p.body}

); }; Object.assign(window, { DM_PageHeader: PageHeader, DM_ServicesPage: ServicesPage, DM_MicrosoftPage: MicrosoftPage, DM_AiPage: AiPage, DM_WebPage: WebPage, DM_AboutPage: AboutPage, DM_ContactPage: ContactPage, DM_LegalPage: LegalPage, DM_CookieBanner: CookieBanner, IlluPortfolio: IlluPortfolio, });