);
// ─── Services ─────────────────────────────────────────────────────────
const Services = ({ lang }) => {
const t = T[lang];
return (
);
};
// ─── Clients ──────────────────────────────────────────────────────────
const Clients = ({ lang }) => {
const label = { en:"Trusted by", de:"Unsere Kunden", ar:"عملاؤنا" }[lang] || "Trusted by";
const clients = ["Microsoft","Hostinger","WordPress","Google","Stripe","OpenAI"];
return (
{label}
{clients.map((c,i) => (
{c}
))}
);
};
// ─── Why ──────────────────────────────────────────────────────────────
const Why = ({ lang }) => {
const t = T[lang];
const icons = ["globe","shield","spark","flag"];
return (
{t.why.items.map((it,i) => (
))}
);
};
// ─── Microsoft ────────────────────────────────────────────────────────
const Microsoft = ({ lang }) => {
const t = T[lang];
return (
{t.ms.products.map((p,i) => (
))}
);
};
// ─── Stats ────────────────────────────────────────────────────────────
const Stats = ({ lang }) => {
const t = T[lang];
return (
{t.stats.map((s,i) => (
))}
);
};
// ─── Final CTA ────────────────────────────────────────────────────────
const FinalCta = ({ lang }) => {
const t = T[lang];
return (
);
};
// ─── Footer ────────────────────────────────────────────────────────────
const Footer = ({ lang, navigate }) => {
const t = T[lang];
const legal = (t.pages && t.pages.legalNav) || { impressum:"Impressum", datenschutz:"Privacy", cookies:"Cookies" };
const go = (r) => (e) => { e.preventDefault(); navigate(r); };
const ctaTitle = { en:"Starting a new project or want to collaborate with us?", de:"Neues Projekt oder Zusammenarbeit?", ar:"هل تبدأ مشروعاً جديداً أو تريد التعاون معنا؟" }[lang];
const ctaLink = { en:"Let's talk →", de:"Jetzt sprechen →", ar:"تحدث إلينا ←" }[lang];
const compLabel = { en:"Company", de:"Unternehmen", ar:"الشركة" }[lang];
const companyLinks = [["home",t.nav.home],["services",t.nav.services],["microsoft",t.nav.microsoft],["ai",t.nav.ai],["about",t.nav.about],["contact",t.nav.contact]];
const serviceLinks = [["web",t.nav.web],["ai",t.nav.ai],["microsoft",t.nav.microsoft]];
return (
);
};
// ─── Section intro ────────────────────────────────────────────────────
const SectionIntro = ({ eyebrow, title, lede }) => (
{eyebrow}
{title}
{lede &&
{lede}
}
);
// ─── Floating WhatsApp Button ─────────────────────────────────────────
const WaFloat = () => (
💬
);
Object.assign(window, {
Icon, DM_Header: Header, DM_Hero: Hero, DM_Services: Services,
DM_Clients: Clients, DM_Why: Why, DM_Microsoft: Microsoft,
DM_Stats: Stats, DM_FinalCta: FinalCta, DM_Footer: Footer,
DM_WaFloat: WaFloat,
});