{"id":16,"date":"2026-08-13T05:38:00","date_gmt":"2026-08-13T05:38:00","guid":{"rendered":"https:\/\/teknr29.thestackly.in\/?page_id=16"},"modified":"2026-08-14T04:34:00","modified_gmt":"2026-08-14T04:34:00","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/teknr29.thestackly.in\/?page_id=16","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec90a3d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ec90a3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9df8386 elementor-widget elementor-widget-html\" data-id=\"9df8386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-hero\">\r\n  <!-- Background image with Ken Burns effect -->\r\n  <div class=\"hero-bg\"><\/div>\r\n  <!-- Black overlay 0.6 -->\r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"hero-inner\">\r\n    <span class=\"hero-tag\">Get In Touch<\/span>\r\n    <h1 class=\"hero-heading\">Let's Start a Conversation<\/h1>\r\n    <p class=\"hero-text\">\r\n      We'd love to hear from you. Whether you have a question, feedback, or a\r\n      project in mind, our team is ready to help you every step of the way.\r\n    <\/p>\r\n    <div class=\"hero-badges\">\r\n      <div class=\"hero-badge\">\r\n        <span class=\"badge-dot\"><\/span> Available 24\/7\r\n      <\/div>\r\n      <div class=\"hero-badge\">\r\n        <span class=\"badge-dot\"><\/span> Fast Response\r\n      <\/div>\r\n      <div class=\"hero-badge\">\r\n        <span class=\"badge-dot\"><\/span> Trusted Support\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5b95dd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c5b95dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23b035e elementor-widget elementor-widget-html\" data-id=\"23b035e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"stk2-wrap\">\r\n  <div class=\"stk2-inner\">\r\n\r\n    <div class=\"stk2-head\">\r\n      <span class=\"stk2-tag\">Reach Us Anytime<\/span>\r\n      <h2 class=\"stk2-heading\">Ways to Connect<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"stk2-stage\">\r\n\r\n      <!-- LEFT: contact directory -->\r\n      <div class=\"stk2-dir\">\r\n\r\n        <a class=\"stk2-row\" href=\"tel:+10000000000\">\r\n          <span class=\"stk2-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"stk2-meta\">\r\n            <span class=\"stk2-label\">Call<\/span>\r\n            <span class=\"stk2-value\">+1 223 4560 99<\/span>\r\n          <\/span>\r\n          <span class=\"stk2-go\">Talk now<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"stk2-row\" href=\"mailto:hello@yoursite.com\">\r\n          <span class=\"stk2-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n              <path d=\"m3 7 9 6 9-6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"stk2-meta\">\r\n            <span class=\"stk2-label\">Email<\/span>\r\n            <span class=\"stk2-value\">hello@yoursite.com<\/span>\r\n          <\/span>\r\n          <span class=\"stk2-go\">Write us<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"stk2-row\" href=\"https:\/\/maps.google.com\/?q=123+Design+Street+NY\" target=\"_blank\" rel=\"noopener\">\r\n          <span class=\"stk2-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"stk2-meta\">\r\n            <span class=\"stk2-label\">Office<\/span>\r\n            <span class=\"stk2-value\">123 Design Street, NY<\/span>\r\n          <\/span>\r\n          <span class=\"stk2-go\">Directions<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT: working hours (same height) -->\r\n      <aside class=\"stk2-hours\">\r\n        <div class=\"stk2-hours-top\">\r\n          <span class=\"stk2-hours-kicker\">Working Hours<\/span>\r\n          <span class=\"stk2-status\" id=\"stk2Status\">\r\n            <i class=\"stk2-dot\"><\/i>\r\n            <em id=\"stk2StatusText\">Checking\u2026<\/em>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <ul class=\"stk2-hours-list\">\r\n          <li><span>Monday \u2013 Friday<\/span><strong>9:00 AM \u2013 6:00 PM<\/strong><\/li>\r\n          <li><span>Saturday<\/span><strong>10:00 AM \u2013 3:00 PM<\/strong><\/li>\r\n          <li><span>Sunday<\/span><strong>Closed<\/strong><\/li>\r\n        <\/ul>\r\n\r\n        <p class=\"stk2-hours-note\">Need help after hours? Email us anytime \u2014 we reply the next business day.<\/p>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var statusEl = document.getElementById('stk2Status');\r\n  var textEl = document.getElementById('stk2StatusText');\r\n  if (!statusEl || !textEl) return;\r\n\r\n  var now = new Date();\r\n  var day = now.getDay(); \/\/ 0 Sun\r\n  var mins = now.getHours() * 60 + now.getMinutes();\r\n  var open = false;\r\n\r\n  if (day >= 1 && day <= 5) open = mins >= 9 * 60 && mins < 18 * 60;\r\n  else if (day === 6) open = mins >= 10 * 60 && mins < 15 * 60;\r\n\r\n  statusEl.classList.add(open ? 'is-open' : 'is-closed');\r\n  textEl.textContent = open ? 'Open now' : 'Closed now';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b16b6a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"2b16b6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b055f0 elementor-widget elementor-widget-html\" data-id=\"2b055f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"stk3-form-wrap\">\r\n  <div class=\"stk3-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"stk3-head\">\r\n      <span class=\"stk3-tag\">Start a Project<\/span>\r\n      <h2 class=\"stk3-heading\">Let's Discuss Your Vision<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Split Layout: Left Info \/ Right Form -->\r\n    <div class=\"stk3-grid\">\r\n\r\n      <!-- LEFT: Panel with fading image slideshow -->\r\n      <div class=\"stk3-info-panel\">\r\n\r\n        <!-- Fading background images -->\r\n        <div class=\"p-slides\" aria-hidden=\"true\">\r\n          <div class=\"p-slide is-active\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=900&q=80');\"><\/div>\r\n          <div class=\"p-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=900&q=80');\"><\/div>\r\n          <div class=\"p-slide\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80');\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Dark overlay to keep text visible -->\r\n        <div class=\"p-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n        <!-- Content sits above images -->\r\n        <div class=\"p-content\">\r\n          <h3 class=\"p-title\">Fill out the details below<\/h3>\r\n          <p class=\"p-desc\">\r\n            Our team is ready to bring your ideas to life. Please provide all necessary information for a faster response.\r\n          <\/p>\r\n\r\n          <ul class=\"p-checks\">\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#ffffff\" stroke-width=\"2\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n              <span>Detailed feedback within 24 hours<\/span>\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#ffffff\" stroke-width=\"2\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n              <span>Free initial consultation session<\/span>\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#ffffff\" stroke-width=\"2\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n              <span>Secure data handling<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"p-quote\">\r\n            \"We build digital experiences that transform businesses.\"\r\n          <\/div>\r\n\r\n          <!-- Slide indicator dots -->\r\n          <div class=\"p-dots\">\r\n            <span class=\"p-dot is-active\"><\/span>\r\n            <span class=\"p-dot\"><\/span>\r\n            <span class=\"p-dot\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: White Minimalist Form -->\r\n      <form class=\"stk3-white-form\" id=\"stkFormAction\" novalidate>\r\n\r\n        <div class=\"f-row\">\r\n          <div class=\"f-col\">\r\n            <label for=\"c_name\">First Name<\/label>\r\n            <input type=\"text\" id=\"c_name\" placeholder=\"John\" required>\r\n          <\/div>\r\n          <div class=\"f-col\">\r\n            <label for=\"c_last\">Last Name<\/label>\r\n            <input type=\"text\" id=\"c_last\" placeholder=\"Doe\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"f-col\">\r\n          <label for=\"c_email\">Email Address<\/label>\r\n          <input type=\"email\" id=\"c_email\" placeholder=\"john@example.com\" required>\r\n        <\/div>\r\n\r\n        <div class=\"f-col\">\r\n          <label for=\"c_subject\">Subject<\/label>\r\n          <input type=\"text\" id=\"c_subject\" placeholder=\"Project Inquiry\" required>\r\n        <\/div>\r\n\r\n        <div class=\"f-col\">\r\n          <label for=\"c_msg\">Message<\/label>\r\n          <textarea id=\"c_msg\" rows=\"5\" placeholder=\"Tell us about your project...\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"f-actions\">\r\n          <button type=\"submit\" class=\"f-btn\">Send Message <span>\u2192<\/span><\/button>\r\n          <p class=\"f-note\" id=\"fNoteMsg\"><\/p>\r\n        <\/div>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* ================================\r\n     PART 1: Image slideshow (fade)\r\n  ================================= *\/\r\n  var slides = document.querySelectorAll('.stk3-info-panel .p-slide');\r\n  var dots = document.querySelectorAll('.stk3-info-panel .p-dot');\r\n  var current = 0;\r\n\r\n  if (slides.length > 1) {\r\n    setInterval(function () {\r\n      \/\/ remove active from current\r\n      slides[current].classList.remove('is-active');\r\n      if (dots[current]) dots[current].classList.remove('is-active');\r\n\r\n      \/\/ move to next\r\n      current = (current + 1) % slides.length;\r\n\r\n      \/\/ set active on next\r\n      slides[current].classList.add('is-active');\r\n      if (dots[current]) dots[current].classList.add('is-active');\r\n    }, 4000); \/\/ change image every 4 seconds\r\n  }\r\n\r\n  \/* ================================\r\n     PART 2: Form handling\r\n  ================================= *\/\r\n  var form = document.getElementById('stkFormAction');\r\n  var note = document.getElementById('fNoteMsg');\r\n\r\n  if (!form) return;\r\n\r\n  form.addEventListener('submit', function (e) {\r\n    e.preventDefault();\r\n\r\n    var isValid = true;\r\n    var inputs = form.querySelectorAll('input[required], textarea[required]');\r\n\r\n    inputs.forEach(function (input) {\r\n      if (!input.value.trim()) {\r\n        isValid = false;\r\n        input.style.borderColor = '#ff3b30';\r\n      } else {\r\n        input.style.borderColor = '';\r\n      }\r\n    });\r\n\r\n    if (isValid) {\r\n      var btn = form.querySelector('.f-btn');\r\n      var originalText = btn.innerHTML;\r\n\r\n      btn.innerHTML = 'Sending...';\r\n      btn.disabled = true;\r\n\r\n      setTimeout(function () {\r\n        btn.innerHTML = 'Sent Successfully!';\r\n        btn.style.background = '#000000';\r\n\r\n        if (note) {\r\n          note.style.opacity = '1';\r\n          note.style.transform = 'translateY(0)';\r\n          note.innerHTML = 'Thank you! We will be in touch shortly.';\r\n          note.style.color = '#000000';\r\n        }\r\n\r\n        form.reset();\r\n\r\n        setTimeout(function () {\r\n          btn.innerHTML = originalText;\r\n          btn.style.background = '#69645C';\r\n          btn.disabled = false;\r\n          if (note) {\r\n            note.style.opacity = '0';\r\n            note.style.transform = 'translateY(10px)';\r\n          }\r\n        }, 4000);\r\n\r\n      }, 1500);\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28add3d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"28add3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b20dfec elementor-widget elementor-widget-html\" data-id=\"b20dfec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     SECTION 4 \u2014 PREMIUM CONTACT JOURNEY\r\n============================================= -->\r\n<section class=\"stk4-wrap\" id=\"what-happens-next\">\r\n\r\n  <div class=\"stk4-inner\">\r\n\r\n    <!-- ============================\r\n         CENTER HEADER\r\n    ============================= -->\r\n    <div class=\"stk4-head\">\r\n\r\n      <span class=\"stk4-tag\">\r\n        FROM MESSAGE TO MOMENTUM\r\n      <\/span>\r\n\r\n      <h2 class=\"stk4-heading\">\r\n        What Happens Next?\r\n      <\/h2>\r\n\r\n      <p class=\"stk4-intro\">\r\n        A clear, thoughtful process from your first message\r\n        to the beginning of something meaningful.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ============================\r\n         JOURNEY PANEL\r\n    ============================= -->\r\n    <div class=\"stk4-journey\">\r\n\r\n      <!-- Connecting progress line -->\r\n      <div class=\"stk4-track\" aria-hidden=\"true\">\r\n        <div class=\"stk4-track-fill\"><\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 01 -->\r\n      <article class=\"stk4-step is-active\" data-step=\"0\">\r\n\r\n        <div class=\"stk4-marker\">\r\n          <span>01<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-step-body\">\r\n\r\n          <span class=\"stk4-step-label\">\r\n            YOUR MESSAGE\r\n          <\/span>\r\n\r\n          <h3>\r\n            We listen first.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Your inquiry is reviewed carefully so we understand\r\n            your goals, expectations, and project requirements.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 02 -->\r\n      <article class=\"stk4-step\" data-step=\"1\">\r\n\r\n        <div class=\"stk4-marker\">\r\n          <span>02<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-step-body\">\r\n\r\n          <span class=\"stk4-step-label\">\r\n            OUR RESPONSE\r\n          <\/span>\r\n\r\n          <h3>\r\n            A thoughtful reply.\r\n          <\/h3>\r\n\r\n          <p>\r\n            We respond with relevant questions, initial direction,\r\n            and the clearest next step for your project.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 03 -->\r\n      <article class=\"stk4-step\" data-step=\"2\">\r\n\r\n        <div class=\"stk4-marker\">\r\n          <span>03<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-step-body\">\r\n\r\n          <span class=\"stk4-step-label\">\r\n            DISCOVERY\r\n          <\/span>\r\n\r\n          <h3>\r\n            We align the vision.\r\n          <\/h3>\r\n\r\n          <p>\r\n            A focused conversation helps us understand priorities,\r\n            scope, timelines, and what success should look like.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STEP 04 -->\r\n      <article class=\"stk4-step\" data-step=\"3\">\r\n\r\n        <div class=\"stk4-marker\">\r\n          <span>04<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-step-body\">\r\n\r\n          <span class=\"stk4-step-label\">\r\n            NEXT MOVE\r\n          <\/span>\r\n\r\n          <h3>\r\n            We move forward.\r\n          <\/h3>\r\n\r\n          <p>\r\n            You receive a clear path forward with defined actions,\r\n            expectations, and no unnecessary complexity.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ============================\r\n         PREMIUM BOTTOM BAR\r\n    ============================= -->\r\n    <div class=\"stk4-commitment\">\r\n\r\n      <!-- Left -->\r\n      <div class=\"stk4-commit-left\">\r\n\r\n        <div class=\"stk4-clock\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 7v5l3 2\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"stk4-commit-copy\">\r\n\r\n          <span class=\"stk4-commit-small\">\r\n            OUR RESPONSE COMMITMENT\r\n          <\/span>\r\n\r\n          <strong>\r\n            Expect to hear from us within one business day.\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Right -->\r\n      <a href=\"#contact-form\" class=\"stk4-action\">\r\n\r\n        <span>\r\n          Start a Conversation\r\n        <\/span>\r\n\r\n        <span class=\"stk4-action-arrow\">\r\n          \u2192\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ========================================\r\n       JAVASCRIPT\r\n       Included directly with HTML\r\n  ========================================= -->\r\n  <script>\r\n  (function () {\r\n\r\n    var section = document.querySelector('.stk4-wrap');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    var steps =\r\n      section.querySelectorAll('.stk4-step');\r\n\r\n    var track =\r\n      section.querySelector('.stk4-track-fill');\r\n\r\n\r\n    \/* ----------------------------------------\r\n       ACTIVATE STEP\r\n    ---------------------------------------- *\/\r\n\r\n    function activateStep(index) {\r\n\r\n      steps.forEach(function(step, i) {\r\n\r\n        if (i <= index) {\r\n          step.classList.add('is-active');\r\n        } else {\r\n          step.classList.remove('is-active');\r\n        }\r\n\r\n      });\r\n\r\n\r\n      if (track) {\r\n\r\n        var percentage =\r\n          steps.length > 1\r\n            ? (index \/ (steps.length - 1)) * 100\r\n            : 100;\r\n\r\n        track.style.width =\r\n          percentage + '%';\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ----------------------------------------\r\n       HOVER \/ CLICK INTERACTION\r\n    ---------------------------------------- *\/\r\n\r\n    steps.forEach(function(step, index) {\r\n\r\n      step.addEventListener(\r\n        'mouseenter',\r\n        function () {\r\n          activateStep(index);\r\n        }\r\n      );\r\n\r\n\r\n      step.addEventListener(\r\n        'click',\r\n        function () {\r\n          activateStep(index);\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n\r\n    \/* ----------------------------------------\r\n       SCROLL REVEAL\r\n    ---------------------------------------- *\/\r\n\r\n    if ('IntersectionObserver' in window) {\r\n\r\n      var observer =\r\n        new IntersectionObserver(\r\n          function(entries) {\r\n\r\n            entries.forEach(function(entry) {\r\n\r\n              if (entry.isIntersecting) {\r\n\r\n                section.classList.add(\r\n                  'stk4-visible'\r\n                );\r\n\r\n                \/* Progress through journey *\/\r\n\r\n                steps.forEach(\r\n                  function(step, index) {\r\n\r\n                    setTimeout(\r\n                      function() {\r\n                        activateStep(index);\r\n                      },\r\n                      350 + (index * 300)\r\n                    );\r\n\r\n                  }\r\n                );\r\n\r\n                observer.unobserve(section);\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n          {\r\n            threshold: 0.18\r\n          }\r\n        );\r\n\r\n      observer.observe(section);\r\n\r\n    } else {\r\n\r\n      section.classList.add('stk4-visible');\r\n      activateStep(3);\r\n\r\n    }\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81fafe3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"81fafe3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70b62c2 elementor-widget elementor-widget-html\" data-id=\"70b62c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"stk4-map-wrap\">\r\n  <div class=\"stk4-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"stk4-head\">\r\n      <span class=\"stk4-tag\">Find Us<\/span>\r\n      <h2 class=\"stk4-heading\">Visit Our Locations<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Location Switcher Tabs -->\r\n    <div class=\"stk4-tabs\" role=\"tablist\">\r\n      <button class=\"stk4-tab is-active\" data-loc=\"0\" role=\"tab\">New York<\/button>\r\n      <button class=\"stk4-tab\" data-loc=\"1\" role=\"tab\">London<\/button>\r\n      <button class=\"stk4-tab\" data-loc=\"2\" role=\"tab\">Dubai<\/button>\r\n    <\/div>\r\n\r\n    <!-- Map Stage -->\r\n    <div class=\"stk4-stage\">\r\n\r\n      <!-- Map iframes (one per location, toggled by JS) -->\r\n      <div class=\"stk4-map\">\r\n        <iframe\r\n          class=\"stk4-frame is-active\"\r\n          data-loc=\"0\"\r\n          src=\"https:\/\/www.google.com\/maps?q=New+York&output=embed\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n        <iframe\r\n          class=\"stk4-frame\"\r\n          data-loc=\"1\"\r\n          src=\"https:\/\/www.google.com\/maps?q=London&output=embed\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n        <iframe\r\n          class=\"stk4-frame\"\r\n          data-loc=\"2\"\r\n          src=\"https:\/\/www.google.com\/maps?q=Dubai&output=embed\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Floating glass info card -->\r\n      <div class=\"stk4-card\">\r\n\r\n        <div class=\"stk4-card-panel is-active\" data-loc=\"0\">\r\n          <span class=\"stk4-badge\">Headquarters<\/span>\r\n          <h3 class=\"stk4-city\">New York, USA<\/h3>\r\n          <p class=\"stk4-addr\">123 Design Street, Manhattan, NY 10001<\/p>\r\n\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <span>+1 223 4560 99<\/span>\r\n          <\/div>\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 8v4l3 3\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n            <span>Mon \u2013 Fri \u00b7 9AM \u2013 6PM<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"stk4-btn\" href=\"https:\/\/maps.google.com\/?q=New+York\" target=\"_blank\" rel=\"noopener\">\r\n            Get Directions <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-card-panel\" data-loc=\"1\">\r\n          <span class=\"stk4-badge\">Regional Office<\/span>\r\n          <h3 class=\"stk4-city\">London, UK<\/h3>\r\n          <p class=\"stk4-addr\">45 Baker Street, London, W1U 8ED<\/p>\r\n\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <span>+44 20 7946 0958<\/span>\r\n          <\/div>\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 8v4l3 3\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n            <span>Mon \u2013 Fri \u00b7 9AM \u2013 5:30PM<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"stk4-btn\" href=\"https:\/\/maps.google.com\/?q=London\" target=\"_blank\" rel=\"noopener\">\r\n            Get Directions <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"stk4-card-panel\" data-loc=\"2\">\r\n          <span class=\"stk4-badge\">Regional Office<\/span>\r\n          <h3 class=\"stk4-city\">Dubai, UAE<\/h3>\r\n          <p class=\"stk4-addr\">Business Bay Tower, Sheikh Zayed Rd, Dubai<\/p>\r\n\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <span>+971 4 123 4567<\/span>\r\n          <\/div>\r\n          <div class=\"stk4-row\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 8v4l3 3\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\r\n            <span>Sun \u2013 Thu \u00b7 9AM \u2013 6PM<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"stk4-btn\" href=\"https:\/\/maps.google.com\/?q=Dubai\" target=\"_blank\" rel=\"noopener\">\r\n            Get Directions <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var section = document.querySelector('.stk4-map-wrap');\r\n  if (!section) return;\r\n\r\n  var tabs = section.querySelectorAll('.stk4-tab');\r\n  var frames = section.querySelectorAll('.stk4-frame');\r\n  var panels = section.querySelectorAll('.stk4-card-panel');\r\n\r\n  tabs.forEach(function (tab) {\r\n    tab.addEventListener('click', function () {\r\n      var loc = tab.getAttribute('data-loc');\r\n\r\n      tabs.forEach(function (t) { t.classList.remove('is-active'); });\r\n      tab.classList.add('is-active');\r\n\r\n      frames.forEach(function (f) {\r\n        f.classList.toggle('is-active', f.getAttribute('data-loc') === loc);\r\n      });\r\n\r\n      panels.forEach(function (p) {\r\n        p.classList.toggle('is-active', p.getAttribute('data-loc') === loc);\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\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 a Conversation We&#8217;d love to hear from you. Whether you have a question, feedback, or a project in mind, our team is ready to help you every step of the way. Available 24\/7 Fast Response Trusted Support Reach Us Anytime Ways to Connect Call +1 223 4560 99 Talk now Email hello@yoursite.com Write us Office 123 Design Street, NY Directions Working Hours Checking\u2026 Monday \u2013 Friday9:00 AM \u2013 6:00 PM Saturday10:00 AM \u2013 3:00 PM SundayClosed Need help after hours? Email us anytime \u2014 we reply the next business day. Start a Project Let&#8217;s Discuss Your Vision Fill out the details below Our team is ready to bring your ideas to life. Please provide all necessary information for a faster response. Detailed feedback within 24 hours Free initial consultation session Secure data handling &#8220;We build digital experiences that transform businesses.&#8221; First Name Last Name Email Address Subject Message Send Message \u2192 FROM MESSAGE TO MOMENTUM What Happens Next? A clear, thoughtful process from your first message to the beginning of something meaningful. 01 YOUR MESSAGE We listen first. Your inquiry is reviewed carefully so we understand your goals, expectations, and project requirements. 02 OUR RESPONSE A thoughtful reply. We respond with relevant questions, initial direction, and the clearest next step for your project. 03 DISCOVERY We align the vision. A focused conversation helps us understand priorities, scope, timelines, and what success should look like. 04 NEXT MOVE We move forward. You receive a clear path forward with defined actions, expectations, and no unnecessary complexity. OUR RESPONSE COMMITMENT Expect to hear from us within one business day. Start a Conversation \u2192 Find Us Visit Our Locations New York London Dubai Headquarters New York, USA 123 Design Street, Manhattan, NY 10001 +1 223 4560 99 Mon \u2013 Fri \u00b7 9AM \u2013 6PM Get Directions \u2192 Regional Office London, UK 45 Baker Street, London, W1U 8ED +44 20 7946 0958 Mon \u2013 Fri \u00b7 9AM \u2013 5:30PM Get Directions \u2192 Regional Office Dubai, UAE Business Bay Tower, Sheikh Zayed Rd, Dubai +971 4 123 4567 Sun \u2013 Thu \u00b7 9AM \u2013 6PM Get Directions \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":5,"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/337"}],"wp:attachment":[{"href":"https:\/\/teknr29.thestackly.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}