<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#090f16" />
<meta name="description" content="Mohamed Hamza — Regional Sales Manager, HAAMA Group &amp; Cotswold Asia. Direct contact details." />
<link rel="canonical" href="https://haama-digital-cards.pages.dev/mohamed-hamza/" />
<title>Mohamed Hamza | HAAMA Group</title>
<meta property="og:title" content="Mohamed Hamza | HAAMA Group" />
<meta property="og:description" content="Regional Sales Manager · HAAMA Group · Cotswold Asia" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://haama-digital-cards.pages.dev/mohamed-hamza/" />
<meta property="og:image" content="https://haama-digital-cards.pages.dev/assets/HAAMA_Mohamed_Hamza_Approved_Dark_Bold_NO_DUPLICATE_WEBSITE_V2.png" />
<link rel="icon" type="image/png" href="assets/favicon.png" />
<style>
:root { color-scheme:dark; background:#090f16; }
*,*::before,*::after {box-sizing:border-box}
html,body {margin:0;min-height:100%;}
body {background:radial-gradient(circle at 50% 0%,#17283b 0,#0a121c 700px,#070c12 100%);color:#fff;font-family:Arial,sans-serif;}
main {width:100%;max-width:600px;margin:auto}
.card {width:100%;position:relative;isolation:isolate}
.card img {display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot {position:absolute;z-index:2;display:block;cursor:pointer;border:2px solid transparent;border-radius:13px;background:transparent;-webkit-tap-highlight-color:rgba(57,155,242,.25);appearance:none;font-size:0;color:transparent;touch-action:manipulation;}
.hotspot:hover {background:rgba(72,167,255,.09);border-color:rgba(87,180,251,.18)}
.hotspot:focus-visible {outline:3px solid #a2d8ff;outline-offset:-3px;background:rgba(60,150,210,.14)}
.contact {left:10.2%;width:79.6%;}
.phone {top:50.63291%;height:4.74684%}
.email {top:55.94937%;height:4.74684%}
.wechat {top:61.32911%;height:4.62025%}
.whatsapp {top:66.64557%;height:4.62025%}
.linkedin {top:71.96203%;height:4.74684%}
.save {top:78.03797%;height:5.44304%;left:10.3%;width:38.0%;border-radius:16px}
.visit {top:78.03797%;height:5.44304%;left:50.9%;width:38.0%;border-radius:16px}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:680px) {main {padding:20px 0}.card{box-shadow:0 16px 80px #0007}}

.wechat-dialog {background:linear-gradient(160deg,#162333,#0a1018);color:#fff;border:1px solid #4a83b6;border-radius:20px;box-shadow:0 20px 80px #000b;padding:0;width:min(calc(100vw - 32px),410px);font-family:Arial,sans-serif;}
.wechat-dialog::backdrop {background:rgba(0,0,0,.8);backdrop-filter:blur(4px);}
.wechat-inner {padding:24px;line-height:1.55;}
.wechat-inner h2 {font-size:22px;margin:0 0 10px;}
.wechat-inner p {margin:9px 0;font-size:15px;color:#e8f1fb;}
.wechat-id {margin:18px 0;padding:12px;text-align:center;border-radius:12px;background:#26394c;font-size:25px;font-weight:800;letter-spacing:2px;color:#aaddff;}
.wechat-inner ol {padding-left:21px;margin:12px 0 20px;font-size:15px;color:#e8f1fb;}
.wechat-actions {display:flex;gap:10px;}
.wechat-actions a,.wechat-actions button {appearance:none;flex:1;min-width:0;text-align:center;border-radius:10px;padding:13px 10px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;text-decoration:none;}
.wechat-launch {border:1px solid #4e9fed;background:#2473c5;color:white;}
.wechat-close {border:1px solid #7c8a9d;background:transparent;color:white;}
</style>
</head>
<body>
<main>
<h1 class="sr-only">Mohamed Hamza — Regional Sales Manager, HAAMA Group &amp; Cotswold Asia</h1>
<div class="card" aria-label="HAAMA Group approved dark digital business card for Mohamed Hamza">
<img src="assets/HAAMA_Mohamed_Hamza_Approved_Dark_Bold_NO_DUPLICATE_WEBSITE_V2.png" width="941" height="1580" fetchpriority="high" alt="Mohamed Hamza, Regional Sales Manager at HAAMA Group and Cotswold Asia. Contact buttons for mobile, email, WeChat, WhatsApp, LinkedIn and save contact." />
<a class="hotspot contact phone" href="tel:+201221459898" aria-label="Call Mohamed Hamza using your default calling app, +20 122 145 9898" title="Call +20 122 145 9898"></a>
<a class="hotspot contact email" href="mailto:HAMZA@HAAMAEG.COM" aria-label="Compose an email to Mohamed Hamza at HAMZA@HAAMAEG.COM" title="Email Mohamed Hamza"></a>
<button class="hotspot contact wechat" type="button" id="wechatOpenHelp" aria-label="Find Mohamed Hamza on WeChat, username MH4MZ4" title="Find Mohamed Hamza on WeChat"></button>
<a class="hotspot contact whatsapp" href="https://wa.me/MHAMZ4" aria-label="Open a WhatsApp conversation with username MHAMZ4" title="Chat via WhatsApp"></a>
<a class="hotspot contact linkedin" href="https://www.linkedin.com/in/mohamed-hamza-1b431522?utm_source=share_via&amp;utm_content=profile&amp;utm_medium=member_ios" aria-label="Open Mohamed Hamza's LinkedIn profile" title="View Mohamed Hamza on LinkedIn"></a>
<a class="hotspot save" href="assets/Mohamed_Hamza_HAAMA_Contact_V3.vcf" download="Mohamed_Hamza_HAAMA_Contact_V3.vcf" type="text/vcard" aria-label="Save Mohamed Hamza's contact" title="Save Mohamed Hamza"></a>
<a class="hotspot visit" href="https://www.haama.com/" aria-label="Visit HAAMA company website" title="Visit HAAMA website"></a>
</div>
</main>
<dialog id="wechatHelp" class="wechat-dialog" aria-labelledby="wechatTitle">
  <div class="wechat-inner">
    <h2 id="wechatTitle">Find Mohamed on WeChat</h2>
    <p>A WeChat ID alone cannot reliably open another person's profile from a website. To find the right account:</p>
    <div class="wechat-id">MH4MZ4</div>
    <ol><li>Open WeChat.</li><li>Tap <strong>+</strong> then <strong>Add Contacts</strong>.</li><li>Search for <strong>MH4MZ4</strong>.</li></ol>
    <div class="wechat-actions">
      <a class="wechat-launch" href="weixin://" aria-label="Open WeChat application to search for Mohamed Hamza">Open WeChat</a>
      <button class="wechat-close" type="button" id="wechatClose">Close</button>
    </div>
  </div>
</dialog>
<script>
(function(){
 var btn=document.getElementById('wechatOpenHelp'), dlg=document.getElementById('wechatHelp');
 if(btn&&dlg){
  btn.addEventListener('click',function(){if(typeof dlg.showModal==='function'){dlg.showModal()}else{dlg.setAttribute('open','')}});
  document.getElementById('wechatClose').addEventListener('click',function(){if(typeof dlg.close==='function'){dlg.close()}else{dlg.removeAttribute('open')}});
  dlg.addEventListener('click',function(e){if(e.target===dlg){dlg.close()}});
 }
})();
</script>

</body>
</html>
