{"id":223,"date":"2026-09-10T11:24:02","date_gmt":"2026-09-10T11:24:02","guid":{"rendered":"https:\/\/gaiaurban.com\/?page_id=223"},"modified":"2026-09-29T12:00:01","modified_gmt":"2026-09-29T12:00:01","slug":"contact","status":"publish","type":"page","link":"https:\/\/gaiaurban.com\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"223\" class=\"elementor elementor-223\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97ab52b e-con-full e-flex e-con e-parent\" data-id=\"97ab52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b0781 elementor-widget elementor-widget-html\" data-id=\"28b0781\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Gaia Urban \u2014 Scroll-Growing Roots Background (dense, dark, procedurally generated) -->\r\n<!-- Paste this as an HTML Widget ANYWHERE on the Home page (fixed to viewport, placement doesn't matter) -->\r\n<!-- Add it ONCE per page only -->\r\n\r\n<div class=\"gua-roots-overlay\" id=\"guaRootsOverlay\" aria-hidden=\"true\">\r\n  <svg id=\"guaRootsSvg\" viewBox=\"0 0 1000 1000\" preserveAspectRatio=\"xMidYMid slice\"><\/svg>\r\n<\/div>\r\n\r\n<style>\r\n.gua-roots-overlay{\r\n  position:fixed;inset:0;z-index:1;pointer-events:none;\r\n  opacity:0.32;\r\n}\r\n.gua-roots-overlay svg{width:100%;height:100%;display:block;}\r\n.gua-roots-overlay .gua-root{\r\n  fill:none;\r\n  stroke:#2B2019;\r\n  stroke-linecap:round;\r\n  stroke-dasharray:1;\r\n  stroke-dashoffset:1;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  .gua-roots-overlay .gua-root{stroke-dashoffset:0;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var svg = document.getElementById('guaRootsSvg');\r\n  var overlay = document.getElementById('guaRootsOverlay');\r\n  if(!svg || !overlay) return;\r\n\r\n  var NS = 'http:\/\/www.w3.org\/2000\/svg';\r\n  var MAX_DEPTH = 6;\r\n  var paths = [];\r\n\r\n  var seed = 7;\r\n  function rand(){ seed = (seed * 9301 + 49297) % 233280; return seed \/ 233280; }\r\n\r\n  function addPath(x1, y1, x2, y2, cx, cy, depth){\r\n    var el = document.createElementNS(NS, 'path');\r\n    var d = 'M' + x1.toFixed(1) + ',' + y1.toFixed(1) +\r\n            ' Q' + cx.toFixed(1) + ',' + cy.toFixed(1) +\r\n            ' ' + x2.toFixed(1) + ',' + y2.toFixed(1);\r\n    el.setAttribute('d', d);\r\n    el.setAttribute('pathLength', '1');\r\n    el.setAttribute('class', 'gua-root');\r\n    var startFrac = depth \/ (MAX_DEPTH + 1);\r\n    var endFrac = (depth + 1) \/ (MAX_DEPTH + 1);\r\n    el.setAttribute('data-start', startFrac.toFixed(3));\r\n    el.setAttribute('data-end', endFrac.toFixed(3));\r\n    el.style.strokeWidth = Math.max(0.6, 3 - depth * 0.4).toFixed(2);\r\n    svg.appendChild(el);\r\n    paths.push(el);\r\n  }\r\n\r\n  \/\/ angle 0 = straight down, positive = right, negative = left.\r\n  \/\/ clamp kept well short of \u00b190 so growth never points upward.\r\n  function branch(x, y, angle, length, depth){\r\n    if(depth > MAX_DEPTH || length < 14) return;\r\n    var rad = angle * Math.PI \/ 180;\r\n    var x2 = x + Math.sin(rad) * length;\r\n    var y2 = y + Math.cos(rad) * length;\r\n    var bow = (rand() - 0.5) * length * 0.5;\r\n    var cx = (x + x2) \/ 2 + Math.cos(rad) * bow;\r\n    var cy = (y + y2) \/ 2 - Math.sin(rad) * bow;\r\n\r\n    addPath(x, y, x2, y2, cx, cy, depth);\r\n\r\n    var children = 2;\r\n    if(rand() > 0.62) children = 3;\r\n    var spread = 22 + rand() * 26;\r\n    for(var i = 0; i < children; i++){\r\n      var offset = (i - (children - 1) \/ 2) * spread + (rand() - 0.5) * 14;\r\n      var newAngle = angle + offset;\r\n      newAngle = Math.max(-82, Math.min(82, newAngle));\r\n      var newLength = length * (0.72 + rand() * 0.14);\r\n      branch(x2, y2, newAngle, newLength, depth + 1);\r\n    }\r\n  }\r\n\r\n  \/\/ three seed points along the top edge so growth fills left, center and right\r\n  branch(220, 10, -18, 150, 0);\r\n  branch(500, 0, 0, 165, 0);\r\n  branch(790, 10, 18, 150, 0);\r\n\r\n  var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(reduced) return;\r\n\r\n  var ticking = false;\r\n  function update(){\r\n    var scrollable = document.documentElement.scrollHeight - window.innerHeight;\r\n    var progress = scrollable > 0 ? Math.min(Math.max(window.scrollY \/ scrollable, 0), 1) : 0;\r\n    paths.forEach(function(p){\r\n      var start = parseFloat(p.getAttribute('data-start'));\r\n      var end = parseFloat(p.getAttribute('data-end'));\r\n      var local = (progress - start) \/ (end - start);\r\n      local = Math.min(Math.max(local, 0), 1);\r\n      p.style.strokeDashoffset = String(1 - local);\r\n    });\r\n    ticking = false;\r\n  }\r\n  function onScroll(){\r\n    if(!ticking){ requestAnimationFrame(update); ticking = true; }\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  window.addEventListener('resize', update);\r\n  update();\r\n})();\r\n<\/script>\r\n\r\n<!-- Separate from the gold scroll-vine on the left edge \u2014 that one is untouched. -->\r\n<!-- Color is dark (#2B2019, your Bark brand color) so it clearly reads as roots against the light cream sections. -->\r\n<!-- Note: on the page's own dark sections (Tagline band, Contact CTA) dark roots will blend in more and be less visible \u2014 -->\r\n<!-- that's an inherent tradeoff of one fixed color working across both light and dark backgrounds. Say the word if you'd -->\r\n<!-- rather it switch to a lighter tone specifically over those dark sections. -->\r\n<!-- Growth is tied to how far down the WHOLE page you've scrolled \u2014 by the time you reach the bottom, it's fully grown in. -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af26c6a e-con-full e-flex e-con e-parent\" data-id=\"af26c6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a0c6eb elementor-widget elementor-widget-html\" data-id=\"3a0c6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Gaia Urban \u2014 Contact page heading (light) -->\r\n<!-- Paste this as the ONLY widget inside an HTML Widget, inside its own Elementor Section -->\r\n\r\n<div class=\"gua-contact-hero\">\r\n  <span class=\"gua-contact-tag\">Get In Touch<\/span>\r\n  <h1>Let's start the conversation.<\/h1>\r\n<\/div>\r\n\r\n<style>\r\n.gua-contact-hero{\r\n  padding:170px 32px 70px;text-align:center;\r\n  background:linear-gradient(180deg,#F2E8D3 0%, #E8DBBD 100%);\r\n}\r\n.gua-contact-tag{\r\n  font-family:'Work Sans',sans-serif;font-size:1.85rem;color:#455038;\r\n  border-bottom:1px solid #455038;padding-bottom:4px;\r\n}\r\n.gua-contact-hero h1{\r\n  font-family:'Fraunces',serif;font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);\r\n  color:#2B2019;margin-top:20px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0ed6e7 e-con-full e-flex e-con e-parent\" data-id=\"b0ed6e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac4d76 elementor-widget elementor-widget-html\" data-id=\"0ac4d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Gaia Urban \u2014 Contact split section (graphic panel + dark form panel with real CF7 form) -->\r\n<!-- PASTE THIS WHOLE THING INTO A \"SHORTCODE\" WIDGET (not an HTML widget) \u2014 Elementor's Shortcode -->\r\n<!-- widget runs [contact-form-7 ...] properly while leaving all this HTML\/CSS\/JS untouched. -->\r\n\r\n<div class=\"gua-contact-split\">\r\n\r\n  <div class=\"gua-contact-visual\">\r\n    <svg viewBox=\"0 0 500 600\" preserveAspectRatio=\"xMidYMid slice\">\r\n      <rect width=\"500\" height=\"600\" fill=\"#E8DBBD\"\/>\r\n      <rect x=\"250\" width=\"250\" height=\"600\" fill=\"#5C6B4C\"\/>\r\n      <g class=\"gua-contact-rings\" id=\"guaContactRings\" fill=\"none\" stroke=\"#2B2019\" stroke-width=\"1.2\">\r\n        <circle cx=\"250\" cy=\"300\" r=\"40\" pathLength=\"1\"\/>\r\n        <circle cx=\"250\" cy=\"300\" r=\"75\" pathLength=\"1\"\/>\r\n        <circle cx=\"250\" cy=\"300\" r=\"110\" pathLength=\"1\"\/>\r\n        <circle cx=\"250\" cy=\"300\" r=\"145\" pathLength=\"1\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"gua-contact-form-panel\">\r\n    <div class=\"gua-contact-form-inner\">\r\n      <h2 class=\"gua-fade\">One step closer to what's next<\/h2>\r\n      <div class=\"gua-contact-form gua-fade\" style=\"transition-delay:.15s;\">\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f235-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"235\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/223#wpcf7-f235-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"235\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f235-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Full Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Phone No.<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span> <\/label>\n<\/p>\n<p><label> Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a class=\"gua-contact-bubble\" href=\"https:\/\/wa.me\/20000000000\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp us\">\r\n    <span>WhatsApp<\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.gua-contact-split{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:640px;}\r\n\r\n.gua-contact-visual{position:relative;overflow:hidden;}\r\n.gua-contact-visual svg{width:100%;height:100%;display:block;}\r\n.gua-contact-rings circle{\r\n  stroke-dasharray:1;stroke-dashoffset:1;pathLength:1;\r\n  transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1);\r\n}\r\n.gua-contact-rings.on circle:nth-child(1){transition-delay:0s;}\r\n.gua-contact-rings.on circle:nth-child(2){transition-delay:.12s;}\r\n.gua-contact-rings.on circle:nth-child(3){transition-delay:.24s;}\r\n.gua-contact-rings.on circle:nth-child(4){transition-delay:.36s;}\r\n.gua-contact-rings.on circle{stroke-dashoffset:0;}\r\n\r\n.gua-contact-form-panel{\r\n  background:#2B2019;display:flex;align-items:center;justify-content:center;padding:70px 50px;\r\n}\r\n.gua-contact-form-inner{width:100%;max-width:420px;}\r\n.gua-contact-form-inner h2{\r\n  font-family:'Fraunces',serif;font-weight:400;font-size:clamp(1.7rem,2.6vw,2.2rem);\r\n  color:#F7F1E4;margin-bottom:36px;\r\n  opacity:0;transform:translateY(20px);\r\n  transition:opacity .9s cubic-bezier(.2,.7,.3,1), transform .9s cubic-bezier(.2,.7,.3,1);\r\n}\r\n\r\n\/* ---- Contact Form 7 output, restyled to match the dark panel ---- *\/\r\n.gua-contact-form{opacity:0;transform:translateY(20px);\r\n  transition:opacity .9s cubic-bezier(.2,.7,.3,1), transform .9s cubic-bezier(.2,.7,.3,1);}\r\n.gua-contact-form .wpcf7-form{display:flex;flex-direction:column;gap:24px;}\r\n.gua-contact-form p{margin:0;display:flex;flex-direction:column;gap:8px;}\r\n.gua-contact-form label{font-family:'Work Sans',sans-serif;font-size:0.85rem;color:#C9BBA0;}\r\n.gua-contact-form .wpcf7-form-control{\r\n  background:none !important;border:0 !important;border-bottom:1px solid rgba(247,241,228,0.3) !important;\r\n  border-radius:0 !important;padding:10px 2px !important;\r\n  color:#F7F1E4 !important;font-family:'Work Sans',sans-serif;font-size:1rem;width:100%;\r\n  transition:border-color .3s ease;\r\n}\r\n.gua-contact-form .wpcf7-form-control:focus{outline:none !important;border-color:#AD8A4E !important;box-shadow:none !important;}\r\n.gua-contact-form input[type=\"submit\"].wpcf7-submit{\r\n  margin-top:10px;align-self:flex-start;\r\n  background:#AD8A4E !important;color:#2B2019 !important;border:0 !important;border-radius:2px !important;\r\n  padding:14px 34px !important;font-family:'Work Sans',sans-serif;font-weight:500;font-size:0.95rem;\r\n  cursor:pointer;transition:background .25s ease;width:auto;\r\n}\r\n.gua-contact-form input[type=\"submit\"].wpcf7-submit:hover{background:#c49f5c !important;}\r\n.gua-contact-form .wpcf7-spinner{display:none;}\r\n.gua-contact-form .wpcf7-response-output{\r\n  border:0 !important;margin:16px 0 0 !important;padding:0 !important;\r\n  font-family:'Work Sans',sans-serif;font-size:0.85rem;color:#8FAE7A;\r\n}\r\n.gua-contact-form .wpcf7-not-valid-tip{color:#E0A080;font-size:0.78rem;margin-top:4px;}\r\n\r\n.gua-fade.in-view, .gua-contact-form-inner h2.in-view{opacity:1;transform:translateY(0);}\r\n\r\n.gua-contact-bubble{\r\n  position:fixed;bottom:26px;right:26px;z-index:50;\r\n  background:#455038;color:#F7F1E4;text-decoration:none;\r\n  padding:14px 22px;border-radius:30px;font-family:'Work Sans',sans-serif;font-size:0.88rem;font-weight:500;\r\n  box-shadow:0 8px 22px rgba(43,32,25,0.3);\r\n}\r\n\r\n@media (max-width:860px){\r\n  .gua-contact-split{grid-template-columns:1fr;}\r\n  .gua-contact-visual{min-height:280px;}\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  .gua-fade, .gua-contact-form-inner h2{transition:none;opacity:1;transform:none;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var wrap = document.querySelector('.gua-contact-split');\r\n  if(!wrap) return;\r\n  var rings = document.getElementById('guaContactRings');\r\n  var fadeEls = wrap.querySelectorAll('.gua-fade');\r\n  new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        rings.classList.add('on');\r\n        fadeEls.forEach(function(el){ el.classList.add('in-view'); });\r\n      }\r\n    });\r\n  }, {threshold:.25}).observe(wrap);\r\n})();\r\n<\/script>\r\n\r\n<!-- \u26a0\ufe0f Paste this whole block into an Elementor \"Shortcode\" widget, NOT an \"HTML\" widget. -->\r\n<!-- \u26a0\ufe0f Update the WhatsApp number in the floating bubble's href above. -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get In Touch Let&#8217;s start the conversation. One step closer to what&#8217;s next WhatsApp<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":16,"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/pages\/223\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/gaiaurban.com\/ar\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}