// 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 ) : ( )}
))}
); }; // ─── Privacy Settings Modal (Usercentrics-style) ────────────────────── const CookieBanner = ({ lang, navigate }) => { const t = window.DM_I18N[lang]; const p = t.pages && t.pages.cookies; const cats = (p && p.categories) || []; const dir = t.dir || "ltr"; const i18n = { en: { title: "Privacy Settings", tab1: "Categories", tab2: "Services", intro: "This tool helps you manage consent to third party technologies collecting and processing personal data.", save: "Save Settings", deny: "Deny", accept: "Accept All", powered: "Powered by DigitalMeta Consent Management" }, de: { title: "Datenschutzeinstellungen", tab1: "Kategorien", tab2: "Dienste", intro: "Dieses Tool hilft Ihnen, die Einwilligung für Drittanbieter-Technologien zu verwalten.", save: "Einstellungen speichern", deny: "Ablehnen", accept: "Alle akzeptieren", powered: "Powered by DigitalMeta Consent Management" }, ar: { title: "إعدادات الخصوصية", tab1: "الفئات", tab2: "الخدمات", intro: "تساعدك هذه الأداة على إدارة الموافقة على تقنيات الطرف الثالث التي تجمع بياناتك الشخصية.", save: "حفظ الإعدادات", deny: "رفض", accept: "قبول الكل", powered: "مدعوم من DigitalMeta" }, }[lang] || { title: "Privacy Settings", tab1: "Categories", tab2: "Services", intro: "", save: "Save Settings", deny: "Deny", accept: "Accept All", powered: "" }; const defaultCats = [ { name: lang==="ar"?"التسويق":lang==="de"?"Marketing":"Marketing", required: false, desc: lang==="ar"?"تُستخدم هذه التقنيات من قِبل المعلنين لعرض إعلانات ذات صلة باهتماماتك.":lang==="de"?"Diese Technologien werden von Werbetreibenden genutzt, um relevante Anzeigen zu schalten.":"These technologies are used by advertisers to serve ads that are relevant to your interests." }, { name: lang==="ar"?"وظيفي":lang==="de"?"Funktional":"Functional", required: false, desc: lang==="ar"?"تمكّن هذه التقنيات تحليل سلوك الاستخدام لقياس الأداء وتحسينه.":lang==="de"?"Diese Technologien ermöglichen die Analyse des Nutzungsverhaltens.":"These technologies enable us to analyse usage behavior in order to measure and improve performance." }, { name: lang==="ar"?"ضروري":lang==="de"?"Notwendig":"Essential", required: true, desc: lang==="ar"?"هذه التقنيات مطلوبة لتفعيل الوظائف الأساسية لخدمتنا.":lang==="de"?"Diese Technologien sind zur Aktivierung der Kernfunktionalität erforderlich.":"These technologies are required to activate the core functionality of our service." }, ]; const categories = cats.length ? cats : defaultCats; const [open, setOpen] = useStateP(false); const [tab, setTab] = useStateP(0); const [expanded, setExpanded] = useStateP(-1); const [toggles, setToggles] = useStateP(() => Object.fromEntries(categories.map((c, i) => [i, !!c.required])) ); useEffectP(() => { try { if (!localStorage.getItem("dm_cookie_choice")) setOpen(true); } catch {} }, []); const choose = (val) => { try { localStorage.setItem("dm_cookie_choice", val); } catch {} setOpen(false); }; const saveSettings = () => choose("custom"); const toggle = (i) => { if (categories[i] && categories[i].required) return; setToggles(prev => ({ ...prev, [i]: !prev[i] })); }; if (!open) return null; const overlay = { position:"fixed",inset:0,zIndex:99998, background:"rgba(0,0,0,0.55)", display:"flex",alignItems:"center",justifyContent:"center", padding:"16px", fontFamily: dir==="rtl" ? "var(--arabic,system-ui)" : "var(--body,system-ui)", }; const modal = { background:"#fff",borderRadius:"16px", width:"100%",maxWidth:"620px", maxHeight:"90vh",display:"flex",flexDirection:"column", overflow:"hidden",boxShadow:"0 24px 80px rgba(0,0,0,0.22)", direction: dir, }; const tabActive = (on) => ({ padding:"10px 20px",fontWeight:on?700:400, fontSize:14,background:"transparent",border:"none", borderBottom:on?"2px solid #111":"2px solid transparent", marginBottom:-2,cursor:"pointer",color:on?"#111":"#6b7a92", fontFamily:"inherit", }); const btnBase = { flex:1,padding:"14px 10px",borderRadius:999,fontWeight:700, fontSize:14,cursor:"pointer",border:"none",fontFamily:"inherit", background:"#111",color:"#fff", }; return (
{ if(e.target===e.currentTarget) setOpen(false); }}>
{/* Header */}

{i18n.title}

{i18n.intro}

{/* Tabs */}
{/* Body */}
{tab===0 ? categories.map((cat,i)=>(
setExpanded(prev=>prev===i?-1:i)}>
{cat.name}
{cat.desc}
{e.stopPropagation();toggle(i);}} style={{cursor:cat.required?"default":"pointer",flexShrink:0}}>
{expanded===i && (
{cat.desc} {cat.required && ({lang==="ar"?"مطلوب دائمًا":lang==="de"?"Immer aktiv":"Always active"})}
)}
)) : (
{lang==="ar"?"لا توجد خدمات طرف ثالث مفعّلة حالياً.":lang==="de"?"Keine Drittanbieter-Dienste derzeit aktiv.":"No third-party services currently active."}
)}
{/* Footer */}
{i18n.powered}
); }; 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, });