{"id":67,"date":"2026-09-27T18:03:58","date_gmt":"2026-09-27T12:33:58","guid":{"rendered":"https:\/\/theceopage.online\/?page_id=67"},"modified":"2026-09-28T02:11:45","modified_gmt":"2026-09-27T20:41:45","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/theceopage.online\/?page_id=67","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"67\" class=\"elementor elementor-67\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea01ce8 e-con e-atomic-element e-flexbox-base e-default-div e-9cc880a \" data-id=\"ea01ce8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea01ce8\">\n    \t\t<div class=\"elementor-element elementor-element-1c0aaa9 elementor-widget elementor-widget-shortcode\" data-id=\"1c0aaa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\n\t  .ceopage-contact-trigger{\n\t    background: #12213B;\n\t    color: #fff;\n\t    border: none;\n\t    padding: 14px 32px;\n\t    font-family: 'Inter', -apple-system, sans-serif;\n\t    font-weight: 700;\n\t    font-size: 0.9rem;\n\t    letter-spacing: 0.02em;\n\t    text-transform: uppercase;\n\t    cursor: pointer;\n\t  }\n\t  .ceopage-contact-trigger:hover{ background: #1c3252; }\n\n\t  .ceopage-modal-overlay{\n\t    position: fixed;\n\t    inset: 0;\n\t    background: rgba(20, 15, 5, 0.55);\n\t    backdrop-filter: blur(6px);\n\t    -webkit-backdrop-filter: blur(6px);\n\t    display: none;\n\t    align-items: center;\n\t    justify-content: center;\n\t    z-index: 99999;\n\t    padding: 24px;\n\t  }\n\t  .ceopage-modal-overlay.open{ display: flex; }\n\n\t  .ceopage-modal-panel{\n\t    position: relative;\n\t    width: 100%;\n\t    max-width: 780px;\n\t    max-height: 90vh;\n\t    overflow-y: auto;\n\t    background: linear-gradient(160deg, #C9A05C, #A47C3B);\n\t    padding: 56px;\n\t    box-sizing: border-box;\n\t    font-family: 'Inter', -apple-system, sans-serif;\n\t  }\n\n\t  .ceopage-modal-close{\n\t    position: absolute;\n\t    top: 24px;\n\t    right: 24px;\n\t    width: 52px;\n\t    height: 52px;\n\t    border-radius: 50%;\n\t    background: rgba(0,0,0,0.35);\n\t    color: #fff;\n\t    border: none;\n\t    font-size: 1.3rem;\n\t    cursor: pointer;\n\t    display: flex;\n\t    align-items: center;\n\t    justify-content: center;\n\t  }\n\t  .ceopage-modal-close:hover{ background: rgba(0,0,0,0.5); }\n\n\t  .ceopage-modal-panel h2{\n\t    font-family: 'Inter', sans-serif;\n\t    font-weight: 800;\n\t    text-transform: uppercase;\n\t    letter-spacing: -0.01em;\n\t    font-size: clamp(2rem, 4vw, 2.8rem);\n\t    color: #1A1408;\n\t    margin: 0 0 40px;\n\t  }\n\n\t  .ceopage-modal-panel form{ display: flex; flex-direction: column; gap: 28px; }\n\n\t  .ceopage-modal-row{\n\t    display: flex;\n\t    gap: 40px;\n\t    flex-wrap: wrap;\n\t  }\n\n\t  .ceopage-underline-field{\n\t    flex: 1 1 220px;\n\t    display: flex;\n\t    align-items: baseline;\n\t    gap: 14px;\n\t  }\n\t  .ceopage-underline-field label{\n\t    font-size: 1.05rem;\n\t    color: #1A1408;\n\t    white-space: nowrap;\n\t    font-weight: 500;\n\t  }\n\t  .ceopage-underline-field input{\n\t    flex: 1;\n\t    border: none;\n\t    border-bottom: 2px solid #1A1408;\n\t    background: transparent;\n\t    padding: 6px 4px;\n\t    font-size: 1rem;\n\t    color: #1A1408;\n\t  }\n\t  .ceopage-underline-field input:focus{\n\t    outline: none;\n\t    border-bottom-color: #000;\n\t  }\n\n\t  .ceopage-modal-panel textarea{\n\t    width: 100%;\n\t    min-height: 160px;\n\t    box-sizing: border-box;\n\t    border: none;\n\t    background: rgba(255,255,255,0.35);\n\t    padding: 20px;\n\t    font-size: 1rem;\n\t    color: #1A1408;\n\t    resize: vertical;\n\t    font-family: 'Inter', sans-serif;\n\t  }\n\t  .ceopage-modal-panel textarea::placeholder{ color: #4a3d20; }\n\t  .ceopage-modal-panel textarea:focus{ outline: none; }\n\n\t  .ceopage-modal-panel button.submit-btn{\n\t    align-self: flex-start;\n\t    background: #1A1408;\n\t    color: #fff;\n\t    border: none;\n\t    padding: 16px 40px;\n\t    font-weight: 700;\n\t    font-size: 0.9rem;\n\t    letter-spacing: 0.02em;\n\t    text-transform: uppercase;\n\t    cursor: pointer;\n\t  }\n\t  .ceopage-modal-panel button.submit-btn:hover{ background: #000; }\n\t  .ceopage-modal-panel button.submit-btn:disabled{ opacity: 0.6; cursor: not-allowed; }\n\n\t  .ceopage-modal-message{\n\t    padding: 12px 16px;\n\t    font-size: 0.9rem;\n\t    display: none;\n\t  }\n\t  .ceopage-modal-message.success{ background: rgba(46,107,62,0.15); color: #2E6B3E; display: block; }\n\t  .ceopage-modal-message.error{ background: rgba(110,42,42,0.15); color: #6E2A2A; display: block; }\n\n\t  .ceopage-hp-field{ position: absolute; left: -9999px; top: -9999px; }\n\n\t  @media (max-width: 640px){\n\t    .ceopage-modal-panel{ padding: 36px 24px; }\n\t    .ceopage-underline-field{ flex: 1 1 100%; }\n\t  }\n\t<\/style>\n\n\t<button type=\"button\" class=\"ceopage-contact-trigger\" id=\"ceopage-modal-open\">Contact Us<\/button>\n\n\t<div class=\"ceopage-modal-overlay\" id=\"ceopage-modal-overlay\">\n\t  <div class=\"ceopage-modal-panel\">\n\t    <button type=\"button\" class=\"ceopage-modal-close\" id=\"ceopage-modal-close\">\u2715<\/button>\n\n\t    <h2>Contact Us<\/h2>\n\n\t    <form id=\"ceopage-popup-form\">\n\t      <div class=\"ceopage-modal-row\">\n\t        <div class=\"ceopage-underline-field\">\n\t          <label for=\"ceopage-p-name\">Name<\/label>\n\t          <input type=\"text\" id=\"ceopage-p-name\" name=\"name\" required>\n\t        <\/div>\n\t        <div class=\"ceopage-underline-field\">\n\t          <label for=\"ceopage-p-mobile\">Mobile No.<\/label>\n\t          <input type=\"tel\" id=\"ceopage-p-mobile\" name=\"mobile\" required>\n\t        <\/div>\n\t      <\/div>\n\n\t      <div class=\"ceopage-underline-field\">\n\t        <label for=\"ceopage-p-email\">Email<\/label>\n\t        <input type=\"email\" id=\"ceopage-p-email\" name=\"email\" required>\n\t      <\/div>\n\n\t      <textarea name=\"message\" id=\"ceopage-p-message\" placeholder=\"Type your message here...\" required><\/textarea>\n\n\t      <!-- honeypot -->\n\t      <div class=\"ceopage-hp-field\">\n\t        <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n\t      <\/div>\n\n\t      <input type=\"hidden\" name=\"action\" value=\"ceopage_popup_contact_submit\">\n\t      <input type=\"hidden\" name=\"ceopage_nonce\" value=\"d4625dce82\">\n\n\t      <button type=\"submit\" class=\"submit-btn\">Send<\/button>\n\n\t      <div class=\"ceopage-modal-message\" id=\"ceopage-popup-message\"><\/div>\n\t    <\/form>\n\t  <\/div>\n\t<\/div>\n\n\t<script>\n\t(function(){\n\t  var openBtn = document.getElementById('ceopage-modal-open');\n\t  var closeBtn = document.getElementById('ceopage-modal-close');\n\t  var overlay = document.getElementById('ceopage-modal-overlay');\n\t  var form = document.getElementById('ceopage-popup-form');\n\n\t  openBtn.addEventListener('click', function(){ overlay.classList.add('open'); });\n\t  closeBtn.addEventListener('click', function(){ overlay.classList.remove('open'); });\n\t  overlay.addEventListener('click', function(e){\n\t    if (e.target === overlay) overlay.classList.remove('open');\n\t  });\n\n\t  form.addEventListener('submit', function(e){\n\t    e.preventDefault();\n\t    var button = form.querySelector('.submit-btn');\n\t    var messageBox = document.getElementById('ceopage-popup-message');\n\n\t    button.disabled = true;\n\t    button.textContent = 'Sending\u2026';\n\t    messageBox.className = 'ceopage-modal-message';\n\t    messageBox.textContent = '';\n\n\t    var formData = new FormData(form);\n\n\t    fetch('https:\/\/theceopage.online\/wp-admin\/admin-ajax.php', {\n\t      method: 'POST',\n\t      body: formData\n\t    })\n\t    .then(function(res){ return res.json(); })\n\t    .then(function(data){\n\t      if (data.success) {\n\t        messageBox.className = 'ceopage-modal-message success';\n\t        messageBox.textContent = data.data.message || 'Thanks \u2014 your message has been sent.';\n\t        form.reset();\n\t      } else {\n\t        messageBox.className = 'ceopage-modal-message error';\n\t        messageBox.textContent = data.data.message || 'Something went wrong. Please try again.';\n\t      }\n\t    })\n\t    .catch(function(){\n\t      messageBox.className = 'ceopage-modal-message error';\n\t      messageBox.textContent = 'Something went wrong. Please try again.';\n\t    })\n\t    .finally(function(){\n\t      button.disabled = false;\n\t      button.textContent = 'Send';\n\t    });\n\t  });\n\t})();\n\t<\/script>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3b842e0 e-con e-atomic-element e-flexbox-base e-default-div e-0c3df31 \" data-id=\"3b842e0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3b842e0\">\n    \t\t<div class=\"elementor-element elementor-element-46c94ac elementor-widget elementor-widget-html\" data-id=\"46c94ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\r\n<title>WhatsApp Contact Form<\/title>\r\n<style>\r\n  :root{\r\n    --accent:#25D366;\r\n    --accent-dark:#1DA851;\r\n    --text:#1a1a1a;\r\n    --muted:#6b7280;\r\n    --border:#e5e7eb;\r\n    --bg:#ffffff;\r\n  }\r\n  @media (prefers-color-scheme: dark){\r\n    :root:not([data-theme=\"light\"]){\r\n      --text:#f3f4f6;\r\n      --muted:#9ca3af;\r\n      --border:#374151;\r\n      --bg:#111827;\r\n    }\r\n  }\r\n  :root[data-theme=\"dark\"]{\r\n    --text:#f3f4f6;\r\n    --muted:#9ca3af;\r\n    --border:#374151;\r\n    --bg:#111827;\r\n  }\r\n  *{box-sizing:border-box;}\r\n  body{\r\n    margin:0;\r\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n    background:var(--bg);\r\n    color:var(--text);\r\n    padding-top:env(safe-area-inset-top,0px);\r\n    padding-bottom:env(safe-area-inset-bottom,0px);\r\n    display:flex;\r\n    justify-content:center;\r\n    padding-left:16px;\r\n    padding-right:16px;\r\n  }\r\n  form{\r\n    width:100%;\r\n    max-width:420px;\r\n    margin:32px auto;\r\n    padding:28px;\r\n    border:1px solid var(--border);\r\n    border-radius:12px;\r\n  }\r\n  h2{margin:0 0 4px;font-size:1.3rem;}\r\n  p.sub{margin:0 0 20px;color:var(--muted);font-size:0.9rem;}\r\n  label{display:block;font-size:0.85rem;margin-bottom:6px;margin-top:16px;font-weight:600;}\r\n  input, textarea{\r\n    width:100%;\r\n    padding:10px 12px;\r\n    border:1px solid var(--border);\r\n    border-radius:8px;\r\n    font-size:0.95rem;\r\n    background:transparent;\r\n    color:var(--text);\r\n    font-family:inherit;\r\n  }\r\n  textarea{resize:vertical;min-height:90px;}\r\n  input:focus, textarea:focus{outline:2px solid var(--accent);outline-offset:1px;}\r\n  button{\r\n    margin-top:22px;\r\n    width:100%;\r\n    padding:12px;\r\n    background:var(--accent);\r\n    color:#fff;\r\n    border:none;\r\n    border-radius:8px;\r\n    font-size:1rem;\r\n    font-weight:600;\r\n    cursor:pointer;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n  }\r\n  button:hover{background:var(--accent-dark);}\r\n  .err{color:#dc2626;font-size:0.8rem;margin-top:4px;display:none;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<form id=\"waForm\" novalidate>\r\n  <h2>Get in touch<\/h2>\r\n  <p class=\"sub\">Fill this out and it'll open in WhatsApp, ready to send.<\/p>\r\n\r\n  <label for=\"name\">Name<\/label>\r\n  <input type=\"text\" id=\"name\" required>\r\n  <div class=\"err\" id=\"nameErr\">Please enter your name.<\/div>\r\n\r\n  <label for=\"phone\">Your Phone Number<\/label>\r\n  <input type=\"tel\" id=\"phone\" placeholder=\"+94 77 123 4567\" required>\r\n  <div class=\"err\" id=\"phoneErr\">Please enter a valid phone number.<\/div>\r\n\r\n  <label for=\"message\">Message<\/label>\r\n  <textarea id=\"message\" required><\/textarea>\r\n  <div class=\"err\" id=\"msgErr\">Please enter a message.<\/div>\r\n\r\n  <button type=\"submit\">\r\n    Send via WhatsApp\r\n  <\/button>\r\n<\/form>\r\n\r\n<script>\r\n\/\/ \u26a0\ufe0f Set this to YOUR business WhatsApp number (country code, no + or spaces)\r\nconst BUSINESS_WHATSAPP_NUMBER = \"94758690307\";\r\n\r\nconst form = document.getElementById('waForm');\r\n\r\nform.addEventListener('submit', function(e){\r\n  e.preventDefault();\r\n\r\n  const name = document.getElementById('name').value.trim();\r\n  const phone = document.getElementById('phone').value.trim();\r\n  const message = document.getElementById('message').value.trim();\r\n\r\n  let valid = true;\r\n  document.getElementById('nameErr').style.display = name ? 'none' : 'block';\r\n  document.getElementById('phoneErr').style.display = phone.length >= 7 ? 'none' : 'block';\r\n  document.getElementById('msgErr').style.display = message ? 'none' : 'block';\r\n  if(!name || phone.length < 7 || !message) valid = false;\r\n  if(!valid) return;\r\n\r\n  const text =\r\n    `New website inquiry:\\n` +\r\n    `Name: ${name}\\n` +\r\n    `Phone: ${phone}\\n` +\r\n    `Message: ${message}`;\r\n\r\n  const url = `https:\/\/wa.me\/${BUSINESS_WHATSAPP_NUMBER}?text=${encodeURIComponent(text)}`;\r\n  window.open(url, '_blank');\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WhatsApp Contact Form Get in touch Fill this out and it&#8217;ll open in WhatsApp, ready to send. Name Please enter your name. Your Phone Number Please enter a valid phone number. Message Please enter a message. Send via WhatsApp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theceopage.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":17,"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/theceopage.online\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/theceopage.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}