{"id":24211,"date":"2026-01-14T12:17:07","date_gmt":"2026-01-14T08:17:07","guid":{"rendered":"https:\/\/onplan.ae\/?page_id=24211"},"modified":"2026-01-20T17:30:49","modified_gmt":"2026-01-20T13:30:49","slug":"1-16","status":"publish","type":"page","link":"https:\/\/onplan.ae\/ar\/1-16\/","title":{"rendered":"1-16"},"content":{"rendered":"<!-- Font Awesome (icons) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n\n<script>\n\/* =========================\n   DATA AREA (EDIT ONLY THIS)\n   ========================= *\/\nwindow.DIGITAL_CARD = {\n  fullName: \"Ahmad Alhashemi\",\n  title: \"Sales executive\",\n  company: \"Onplan Real Estate\",\n\n  photoUrl: \"https:\/\/onplan.ae\/wp-content\/uploads\/2026\/01\/DSC08222-scaled.jpg\",\n\n  phoneDisplay: \"971 50112 0931\",\n  phoneE164: \"+971501120931\",\n  whatsappDigits: \"971501120931\",\n\n  email: \"ahmad.hashemi@onplan.ae\",\n  website: \"https:\/\/onplan.ae\",\n  address: \"Office A202 - Sport Society Mall - Mirdif - Dubai - United Arab Emirates\",\n  mapUrl: \"https:\/\/maps.app.goo.gl\/krJcNjqaThGe5pvP9\",\n\n  social: {\n    linkedin: \"https:\/\/www.linkedin.com\/company\/onplan-realestate\",\n    instagram: \"https:\/\/www.instagram.com\/onplanuae\",\n    facebook: \"https:\/\/www.facebook.com\/share\/1DVk3pWNJA\/?mibextid=wwXIfr\"\n  }\n};\n<\/script>\n<div class=\"dbc\">\n  <div class=\"dbc-card\">\n\n    <!-- Header -->\n    <div class=\"dbc-header\">\n      <div class=\"dbc-avatar\">\n        <img decoding=\"async\"\n          class=\"dbc-img\"\n          id=\"dbcPhoto\"\n          src=\"https:\/\/onplan.ae\/wp-content\/uploads\/2026\/01\/DSC08222-scaled.jpg\"\n          alt=\"\"\n          onerror=\"this.style.display='none'; document.getElementById('dbcInitials').style.display='grid';\"\n        \/>\n        <span class=\"dbc-initials\" id=\"dbcInitials\" style=\"display:none;\"><\/span>\n      <\/div>\n\n      <div class=\"dbc-headtext\">\n        <h1 class=\"dbc-name\" id=\"dbcName\"><\/h1>\n        <p class=\"dbc-title\" id=\"dbcTitle\"><\/p>\n        <p class=\"dbc-company\" id=\"dbcCompany\"><\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Actions -->\n    <div class=\"dbc-actions\">\n      <a class=\"dbc-btn dbc-primary\" id=\"dbcWhatsApp\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n        <i class=\"fa-brands fa-whatsapp\"><\/i><span>WhatsApp<\/span>\n      <\/a>\n\n      <a class=\"dbc-btn dbc-ghost\" id=\"dbcCall\" href=\"#\">\n        <i class=\"fa-solid fa-phone\"><\/i><span>Call<\/span>\n      <\/a>\n\n      <a class=\"dbc-btn dbc-ghost\" id=\"dbcEmail\" href=\"#\">\n        <i class=\"fa-solid fa-envelope\"><\/i><span>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n      <\/a>\n\n      <a class=\"dbc-btn dbc-ghost\" id=\"dbcWebsite\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n        <i class=\"fa-solid fa-globe\"><\/i><span>Website<\/span>\n      <\/a>\n\n      <!-- Save Contact -->\n      <a class=\"dbc-btn dbc-primary\" href=\"#\" id=\"saveVCard\">\n        <i class=\"fa-solid fa-address-card\"><\/i><span>Save Contact<\/span>\n      <\/a>\n\n      <a class=\"dbc-btn dbc-ghost\" id=\"dbcLocation\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n        <i class=\"fa-solid fa-location-dot\"><\/i><span>\u0627\u0644\u0645\u0648\u0642\u0639<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- Details -->\n    <div class=\"dbc-details\">\n      <div class=\"dbc-row\">\n        <span class=\"dbc-k\">\u0627\u0644\u0647\u0627\u062a\u0641<\/span>\n        <span class=\"dbc-v\" id=\"dbcPhoneDisplay\"><\/span>\n      <\/div>\n      <div class=\"dbc-row\">\n        <span class=\"dbc-k\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n        <span class=\"dbc-v\" id=\"dbcEmailDisplay\"><\/span>\n      <\/div>\n      <div class=\"dbc-row\">\n        <span class=\"dbc-k\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/span>\n        <span class=\"dbc-v\" id=\"dbcAddress\"><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Social (icons only) -->\n    <div class=\"dbc-social\" aria-label=\"Social links\">\n      <a class=\"dbc-icon\" id=\"dbcLinkedIn\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\n        <i class=\"fa-brands fa-linkedin-in\"><\/i>\n      <\/a>\n      <a class=\"dbc-icon\" id=\"dbcInstagram\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n        <i class=\"fa-brands fa-instagram\"><\/i>\n      <\/a>\n      <a class=\"dbc-icon\" id=\"dbcFacebook\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n        <i class=\"fa-brands fa-facebook-f\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  const d = window.DIGITAL_CARD || {};\n\n  \/\/ Fill text\n  document.getElementById(\"dbcName\").textContent = d.fullName || \"\";\n  document.getElementById(\"dbcTitle\").textContent = d.title || \"\";\n  document.getElementById(\"dbcCompany\").textContent = d.company || \"\";\n\n  document.getElementById(\"dbcPhoneDisplay\").textContent = d.phoneDisplay || \"\";\n  document.getElementById(\"dbcEmailDisplay\").textContent = d.email || \"\";\n  document.getElementById(\"dbcAddress\").textContent = d.address || \"\";\n\n  \/\/ Initials fallback\n  const initialsEl = document.getElementById(\"dbcInitials\");\n  initialsEl.textContent =\n    d.initials ||\n    (d.fullName\n      ? d.fullName.split(\" \").slice(0, 2).map(x => x[0]).join(\"\").toUpperCase()\n      : \"ID\");\n\n  \/\/ Photo\n  const photoEl = document.getElementById(\"dbcPhoto\");\n  photoEl.alt = d.fullName || \"Profile photo\";\n  if (d.photoUrl && d.photoUrl !== \"PHOTO_URL\") {\n    photoEl.src = d.photoUrl;\n    photoEl.style.display = \"block\";\n  } else {\n    initialsEl.style.display = \"grid\";\n    photoEl.style.display = \"none\";\n  }\n\n  \/\/ Links\n  const setHref = (id, href) => {\n    const el = document.getElementById(id);\n    if (!el) return;\n    if (href) el.href = href;\n    else el.style.display = \"none\";\n  };\n\n  setHref(\"dbcWhatsApp\", d.whatsappDigits ? `https:\/\/wa.me\/${d.whatsappDigits}` : \"\");\n  setHref(\"dbcCall\", d.phoneE164 ? `tel:${String(d.phoneE164).replace(\/\\s+\/g, \"\")}` : \"\");\n  setHref(\"dbcEmail\", d.email ? `mailto:${d.email}` : \"\");\n  setHref(\"dbcWebsite\", d.website || \"\");\n  setHref(\"dbcLocation\", d.mapUrl || \"\");\n\n  setHref(\"dbcLinkedIn\", d.social?.linkedin || \"\");\n  setHref(\"dbcInstagram\", d.social?.instagram || \"\");\n  setHref(\"dbcFacebook\", d.social?.facebook || \"\");\n\n  \/\/ vCard helpers (iPhone-friendly)\n  function escapeVCF(s) {\n    return String(s || \"\")\n      .replace(\/\\n\/g, \"\\\\n\")\n      .replace(\/,\/g, \"\\\\,\")\n      .replace(\/;\/g, \"\\\\;\");\n  }\n\n  function splitName(fullName = \"\") {\n    const parts = String(fullName).trim().split(\/\\s+\/).filter(Boolean);\n    if (!parts.length) return { first: \"\", last: \"\" };\n    const first = parts.shift();\n    const last = parts.join(\" \");\n    return { first, last };\n  }\n\n  function buildVCard(x) {\n    const name = splitName(x.fullName);\n\n    const lines = [\n      \"BEGIN:VCARD\",\n      \"VERSION:3.0\",\n\n      \/\/ IMPORTANT: ensures iPhone pre-fills First\/Last and shows person name (not company)\n      `N:${escapeVCF(name.last)};${escapeVCF(name.first)};;;`,\n\n      \/\/ Display name\n      `FN:${escapeVCF(x.fullName)}`,\n\n      x.company ? `ORG:${escapeVCF(x.company)}` : \"\",\n      x.title ? `TITLE:${escapeVCF(x.title)}` : \"\",\n      x.phoneE164 ? `TEL;TYPE=CELL:${escapeVCF(x.phoneE164)}` : \"\",\n      x.email ? `EMAIL;TYPE=INTERNET:${escapeVCF(x.email)}` : \"\",\n      x.website ? `URL:${escapeVCF(x.website)}` : \"\",\n      x.address ? `ADR;TYPE=WORK:;;${escapeVCF(x.address)};;;;` : \"\",\n      \"END:VCARD\"\n    ].filter(Boolean);\n\n    return lines.join(\"\\r\\n\");\n  }\n\n  const btn = document.getElementById(\"saveVCard\");\n  if (!btn) return;\n\n  btn.addEventListener(\"click\", function (e) {\n    e.preventDefault();\n\n    const vcf = buildVCard(d);\n    const fileName =\n      (d.fullName || \"contact\").replace(\/\\s+\/g, \"-\").toLowerCase() + \".vcf\";\n\n    \/\/ Download vCard\n    const blob = new Blob([vcf], { type: \"text\/vcard\" });\n    const url = URL.createObjectURL(blob);\n\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = fileName;\n    document.body.appendChild(a);\n    a.click();\n    a.remove();\n\n    setTimeout(() => URL.revokeObjectURL(url), 1500);\n  });\n})();\n<\/script>\n\n<style>\n  \/* Mobile-first responsive digital business card *\/\n  .dbc{\n    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    padding: 14px;\n    background: #f3f5f7;\n    min-height: 100svh;\n    display: grid;\n    place-items: start center;\n  }\n\n  .dbc-card{\n    width: 100%;\n    max-width: 560px;\n    background: #0B1220;\n    color: #fff;\n    border-radius: 22px;\n    padding: 18px;\n    box-shadow: 0 16px 40px rgba(0,0,0,.18);\n  }\n\n  .dbc-header{\n    display: flex;\n    gap: 14px;\n    align-items: center;\n  }\n\n  \/* Bigger avatar *\/\n  .dbc-avatar{\n    width: 92px;\n    height: 92px;\n    border-radius: 24px;\n    background: rgba(255,255,255,.10);\n    display: grid;\n    place-items: center;\n    overflow: hidden;\n    flex: 0 0 auto;\n  }\n\n  .dbc-img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .dbc-initials{\n    width: 100%;\n    height: 100%;\n    display: grid;\n    place-items: center;\n    font-weight: 900;\n    font-size: 22px;\n    letter-spacing: .6px;\n    opacity: .95;\n  }\n\n  .dbc-name{\n    margin: 0;\n    font-size: 20px;\n    line-height: 1.1;\n    font-weight: 900;\n  }\n\n  .dbc-title, .dbc-company{\n    margin: 6px 0 0 0;\n    font-size: 13px;\n    opacity: .85;\n  }\n  .dbc-company{ opacity: .95; }\n\n  .dbc-actions{\n    margin-top: 16px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .dbc-btn{\n    text-decoration: none;\n    text-align: center;\n    padding: 12px 14px;\n    border-radius: 14px;\n    font-weight: 900;\n    font-size: 14px;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n  }\n  .dbc-btn i{ font-size: 16px; }\n\n  .dbc-primary{\n    background: #0A85FF;\n    color: #fff;\n  }\n\n  .dbc-ghost{\n    background: rgba(255,255,255,.12);\n    color: #fff;\n  }\n\n  .dbc-details{\n    margin-top: 14px;\n    background: rgba(255,255,255,.08);\n    border-radius: 16px;\n    padding: 10px 12px;\n  }\n\n  .dbc-row{\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n  }\n  .dbc-row:last-child{ border-bottom: 0; }\n\n  .dbc-k{\n    font-size: 12px;\n    opacity: .7;\n  }\n\n  .dbc-v{\n    font-size: 13px;\n    font-weight: 900;\n    text-align: right;\n    word-break: break-word;\n  }\n\n  \/* Social icons only *\/\n  .dbc-social{\n    margin-top: 14px;\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n  }\n\n  .dbc-icon{\n    width: 44px;\n    height: 44px;\n    border-radius: 14px;\n    background: rgba(255,255,255,.12);\n    color: #fff;\n    text-decoration: none;\n    display: grid;\n    place-items: center;\n    font-size: 18px;\n  }\n\n  \/* Desktop enhancement (still mobile-first) *\/\n  @media (min-width: 640px){\n    .dbc{ padding: 22px; place-items: center; }\n    .dbc-card{ padding: 22px; }\n    .dbc-name{ font-size: 22px; }\n    .dbc-actions{ grid-template-columns: 1fr 1fr; }\n    .dbc-avatar{ width: 104px; height: 104px; border-radius: 26px; }\n  }\n<\/style>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>WhatsApp Call Email Website Save Contact Location Phone Email Address<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-24211","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/pages\/24211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/comments?post=24211"}],"version-history":[{"count":4,"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/pages\/24211\/revisions"}],"predecessor-version":[{"id":24343,"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/pages\/24211\/revisions\/24343"}],"wp:attachment":[{"href":"https:\/\/onplan.ae\/ar\/wp-json\/wp\/v2\/media?parent=24211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}