{"id":40,"date":"2023-02-01T07:21:56","date_gmt":"2023-02-01T07:21:56","guid":{"rendered":"https:\/\/demowebsg.com\/hermesys\/contact-us\/"},"modified":"2026-07-17T12:31:45","modified_gmt":"2026-07-17T12:31:45","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/hermesys.com\/vi\/contact-us\/","title":{"rendered":"LI\u00caN H\u1ec6 V\u1edaI CH\u00daNG T\u00d4I"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"40\" class=\"elementor elementor-40\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29e4cdf elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle breadcrumb-top elementor-section-height-default elementor-section-items-middle\" data-id=\"29e4cdf\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/The-Planet-Earth-Educational-Video-in-White-Black-Animated-Style-5.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f88bb28\" data-id=\"f88bb28\" data-element_type=\"column\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-75c1d3e e-transform elementor-widget elementor-widget-heading\" data-id=\"75c1d3e\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:61,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:61,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> GLOBAL <br>PRESENCE<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-098ae21 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"098ae21\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f42764\" data-id=\"0f42764\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b6174e elementor-widget elementor-widget-spacer\" data-id=\"7b6174e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6932b4 elementor-widget elementor-widget-html\" data-id=\"c6932b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"nv-wrap\" data-nv=\"1\">\r\n  <aside class=\"nv-panel\">\r\n    <div class=\"nv-list\"><\/div>\r\n  <\/aside>\r\n  <div class=\"nv-map\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* ===== Desktop layout (\u76f4\u89d2) ===== *\/\r\n  .nv-wrap{\r\n    position:relative;\r\n    width:100%;\r\n    height:900px;\r\n    background:#07121b;\r\n    border-radius:0 !important;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .nv-panel{\r\n    position:absolute; top:0; left:0; bottom:0;\r\n    width:380px;\r\n    background:#0b1a2b;\r\n    border-right:1px solid rgba(255,255,255,.06);\r\n    overflow:auto;\r\n    border-radius:0 !important;\r\n    z-index:2;\r\n  }\r\n\r\n  .nv-map{\r\n    position:absolute; top:0; right:0; bottom:0;\r\n    width:calc(100% - 380px);\r\n    border-radius:0 !important;\r\n    z-index:1;\r\n  }\r\n\r\n  .nv-list{ padding:10px 0; }\r\n\r\n  .nv-item{\r\n    padding:16px 18px;\r\n    cursor:pointer;\r\n    border-bottom:1px solid rgba(255,255,255,.05);\r\n  }\r\n  .nv-item:hover{ background:rgba(0,117,163,.12); }\r\n\r\n  \/* \u2705 Active \u53d8\u84dd\uff08\u4e0d\u7ea2\uff09 *\/\r\n  .nv-item.active{\r\n    background:rgba(0,117,163,.22);\r\n    border-left:3px solid #0075A3;\r\n  }\r\n\r\n  .nv-name{ color:#fff; font-size:15px; line-height:1.25; }\r\n  .nv-address{ color:#93a9c6; font-size:13px; margin-top:6px; line-height:1.35; }\r\n\r\n  \/* \u2705 \u84dd\u8272\u6ce2\u52a8\u70b9\uff08Overlay\uff09 *\/\r\n  .nv-pulse{\r\n    position:absolute;\r\n    width:16px; height:16px;\r\n    transform:translate(-50%,-50%);\r\n    cursor:pointer;\r\n  }\r\n  .nv-pulse::before{\r\n    content:\"\";\r\n    position:absolute; left:50%; top:50%;\r\n    width:16px; height:16px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:50%;\r\n    background:#0075A3;\r\n    box-shadow:0 0 16px rgba(0,117,163,.70);\r\n  }\r\n  .nv-pulse::after{\r\n    content:\"\";\r\n    position:absolute; left:50%; top:50%;\r\n    width:16px; height:16px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:50%;\r\n    border:2px solid rgba(0,117,163,.55);\r\n    animation:nvRipple 1.6s ease-out infinite;\r\n    box-shadow:0 0 28px rgba(0,117,163,.25);\r\n  }\r\n  @keyframes nvRipple{\r\n    0%{opacity:.95; transform:translate(-50%,-50%) scale(1);}\r\n    70%{opacity:.18; transform:translate(-50%,-50%) scale(4.2);}\r\n    100%{opacity:0; transform:translate(-50%,-50%) scale(4.8);}\r\n  }\r\n\r\n  \/* ===== Mobile: map on top, list below ===== *\/\r\n  @media (max-width:820px){\r\n    .nv-wrap{ height:auto; }\r\n    .nv-map{ position:relative; width:100%; height:420px; }\r\n    .nv-panel{ position:relative; width:100%; max-height:420px; border-right:0; border-top:1px solid rgba(255,255,255,.08); }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/**\r\n * \u2705 Hermesys Locations Map (Elementor-safe, full version)\r\n * Fixes:\r\n * 1) Clearer terrain\/outline by stronger boundaries + land\/water contrast\r\n * 2) Prevent infinite zoom-out with minZoom + clamp after fitBounds\r\n *\/\r\n(function(){\r\n  const API_KEY = \"AIzaSyDVbIeyciYYh7svU4jQIsWHKDmpItJ_fuw\";\r\n\r\n  \/\/ \u2705 \u7ecf\u7eac\u5ea6\uff08\u4f60\u8981\u66f4\u7cbe\u51c6\u6211\u4e5f\u53ef\u4ee5\u5e2e\u4f60\u5fae\u8c03\uff09\r\n  const LOCATIONS = [\r\n    { id:\"us\",  name:\"Hermesys LLC \", address:\"30N Gould St Ste R, Sheridan, WY 82801, USA\", lat:44.797, lng:-106.956 },\r\n    { id:\"cn\",  name:\"Shanghai Hermesys Network Technology Co.Ltd \", address:\"CaoHeJing MeiLong Science and Technology Oasis, Minhang District, Shanghai P.R.C. 200237, China\", lat:31.131, lng:121.381 },\r\n    { id:\"uk\",  name:\"Hermesys LTD \", address:\"New Burlington House, 1075 Finchley Road, London, UK\", lat:51.576, lng:-0.196 },\r\n    { id:\"sg\",  name:\"Hermesys Pte Ltd \", address:\"27 New Industrial Rd, #06-06 Novelty Techpoint, 536212 Singapore \", lat:1.352, lng:103.886 },\r\n    { id:\"my\",  name:\"Hermesys Sdn. Bhd \", address:\"No.4, Jalan PJU 1A\/8, Taman Perindustrian Jaya, 47301 Petaling Jaya, Selangor, Malaysia\", lat:3.107, lng:101.606 },\r\n    { id:\"th\",  name:\"Hermesys Co., LTD \", address:\"Office 7B, 99\/30, Moo 4, Software Park, Chaeng Wattana Road,Tambon Pakkred, Amphoe KlongKlua, Nonthaburi, 11120, Thailand\", lat:13.903, lng:100.536 },\r\n    { id:\"vn\",  name:\"SCRD Co.,Ltd \", address:\"Saigon Trade Center, No.37 Ton Duc Thang, Ben Nghe Ward, District 1, Ho Chi Minh City, Vietnam\", lat:10.774, lng:106.704 },\r\n    { \r\n  id:\"idn\", \r\n  name:\"PT. Net Solusindo Pratama \", \r\n  address:\"Smart Market Daan Mogot Ruko Blok E 09,Daan mogot km 19 batu ceper, kb besar, Kec Tangerang Kota Tangerang, Banten 15124, Indonesia\", \r\n  lat:-6.178, \r\n  lng:106.631,\r\n  website:\"https:\/\/nsp-idn.com\/\"\r\n}\r\n  ];\r\n\r\n  \/\/ \u2705 \u7f29\u653e\u9650\u5236\uff08\u4f60\u60f3\u66f4\u8fd1\u5c31\u628a MIN_ZOOM \u6539\u6210 3\uff09\r\n  const MIN_ZOOM = 2;\r\n  const MAX_ZOOM = 12;\r\n\r\n  \/\/ fitBounds \u540e\u7684\u9ed8\u8ba4\u89c6\u89d2\uff1a\u4e0d\u653e\u592a\u5927\uff0c\u4e5f\u4e0d\u7f29\u592a\u5c0f\r\n  const DEFAULT_MAX_FIT_ZOOM = 4;\r\n\r\n  const esc = s => String(s||\"\").replace(\/[&<>\"']\/g, m => ({ \"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\" }[m]));\r\n\r\n  function infoHTML(loc){\r\n  return `\r\n    <div style=\"font-family:Arial; font-size:12.5px; line-height:1.35; max-width:260px; padding:10px 12px;\">\r\n      <div style=\"font-size:13.5px; font-weight:700; margin:0 0 6px 0;\">${esc(loc.name)}<\/div>\r\n      <div style=\"opacity:.88;\">${esc(loc.address)}<\/div>\r\n\r\n      ${loc.website ? `\r\n        <a href=\"${esc(loc.website)}\" \r\n           target=\"_blank\" \r\n           rel=\"noopener noreferrer\"\r\n           style=\"display:inline-block; margin-top:12px; padding:7px 12px; background:#0075A3; color:#ffffff; border-radius:5px; font-size:12.5px; font-weight:600; text-decoration:none;\">\r\n          Official Website\r\n        <\/a>\r\n      ` : \"\"}\r\n    <\/div>\r\n  `;\r\n}\r\n\r\n  \/\/ ------- Wait helpers -------\r\n  function domReady(){\r\n    return new Promise(res=>{\r\n      if(document.readyState === \"complete\" || document.readyState === \"interactive\") return res();\r\n      document.addEventListener(\"DOMContentLoaded\", ()=>res(), {once:true});\r\n    });\r\n  }\r\n\r\n  function waitForWrap(){\r\n    return new Promise((resolve)=>{\r\n      const start = Date.now();\r\n      const t = setInterval(()=>{\r\n        const wrap = document.querySelector(\".nv-wrap[data-nv='1']\");\r\n        const mapEl = wrap && wrap.querySelector(\".nv-map\");\r\n        const listEl = wrap && wrap.querySelector(\".nv-list\");\r\n        if(wrap && mapEl && listEl){\r\n          clearInterval(t);\r\n          resolve({wrap, mapEl, listEl});\r\n        }\r\n        if(Date.now() - start > 12000){\r\n          clearInterval(t);\r\n          resolve(null);\r\n        }\r\n      }, 120);\r\n    });\r\n  }\r\n\r\n  \/\/ ------- Load google maps once -------\r\n  function loadGoogleMaps(){\r\n    return new Promise((resolve, reject)=>{\r\n      if(window.google && window.google.maps) return resolve();\r\n\r\n      if(window.__NV_GMAP_LOADING__){\r\n        const t = setInterval(()=>{\r\n          if(window.google && window.google.maps){\r\n            clearInterval(t); resolve();\r\n          }\r\n        }, 100);\r\n        setTimeout(()=>{ clearInterval(t); reject(new Error(\"Google Maps load timeout\")); }, 15000);\r\n        return;\r\n      }\r\n\r\n      window.__NV_GMAP_LOADING__ = true;\r\n      const cbName = \"__NV_GMAP_CB__\";\r\n      window[cbName] = function(){\r\n        resolve();\r\n        try{ delete window[cbName]; }catch(e){}\r\n      };\r\n\r\n      const s = document.createElement(\"script\");\r\n      s.src = \"https:\/\/maps.googleapis.com\/maps\/api\/js?key=\"+encodeURIComponent(API_KEY)+\"&callback=\"+cbName+\"&v=weekly\";\r\n      s.async = true;\r\n      s.onerror = ()=>reject(new Error(\"Google Maps JS failed to load\"));\r\n      document.head.appendChild(s);\r\n    });\r\n  }\r\n\r\n  \/\/ ------- Overlay marker -------\r\n  function makePulseOverlayClass(){\r\n    return class PulseMarker extends google.maps.OverlayView {\r\n      constructor(position, map, onClick){\r\n        super();\r\n        this.position = position;\r\n        this.onClick = onClick;\r\n        this.div = null;\r\n        this.setMap(map);\r\n      }\r\n      onAdd(){\r\n        const div = document.createElement(\"div\");\r\n        div.className = \"nv-pulse\";\r\n        div.addEventListener(\"click\", (e)=>{ e.stopPropagation(); this.onClick && this.onClick(); });\r\n        this.div = div;\r\n        this.getPanes().overlayMouseTarget.appendChild(div);\r\n      }\r\n      draw(){\r\n        const p = this.getProjection().fromLatLngToDivPixel(new google.maps.LatLng(this.position.lat, this.position.lng));\r\n        if(this.div && p){\r\n          this.div.style.left = p.x + \"px\";\r\n          this.div.style.top  = p.y + \"px\";\r\n        }\r\n      }\r\n      onRemove(){ if(this.div){ this.div.remove(); this.div=null; } }\r\n    }\r\n  }\r\n\r\n  \/\/ ------- Main init -------\r\n  async function init(){\r\n    await domReady();\r\n    const nodes = await waitForWrap();\r\n    if(!nodes){\r\n      console.warn(\"NV map container not found on front-end.\");\r\n      return;\r\n    }\r\n\r\n    await loadGoogleMaps();\r\n\r\n    const {wrap, mapEl, listEl} = nodes;\r\n\r\n    const map = new google.maps.Map(mapEl,{\r\n      center:{lat:18,lng:10},\r\n      zoom:2,\r\n    backgroundColor: \"#06131f\",\r\n      \/\/ \u2705 2) \u9632\u6b62\u65e0\u9650\u7f29\u5c0f\r\n      minZoom: MIN_ZOOM,\r\n      maxZoom: MAX_ZOOM,\r\n\r\n      mapTypeControl:false,\r\n      streetViewControl:false,\r\n      fullscreenControl:true,\r\n      zoomControl:true,\r\n      gestureHandling:\"greedy\",\r\n\r\n      \/\/ \u2705 1) \u66f4\u6e05\u6670\u8f6e\u5ed3\uff1a\u9646\u5730\/\u6d77\u6d0b\u5bf9\u6bd4 + \u56fd\u754c\u7ebf\/\u7701\u754c\u7ebf\u52a0\u7c97\r\n      styles:[\r\n        { elementType:\"geometry\", stylers:[{color:\"#06131f\"}] },\r\n        { elementType:\"labels.text.fill\", stylers:[{color:\"#8bb7d9\"}] },\r\n        { elementType:\"labels.text.stroke\", stylers:[{color:\"#06131f\"},{weight:2}] },\r\n\r\n        { featureType:\"water\", elementType:\"geometry.fill\", stylers:[{color:\"#041018\"}] },\r\n        { featureType:\"landscape\", elementType:\"geometry.fill\", stylers:[{color:\"#0a1f2d\"}] },\r\n\r\n        \/\/ \u2705 \u8f6e\u5ed3\u7ebf\u66f4\u660e\u663e\r\n        { featureType:\"administrative.country\", elementType:\"geometry.stroke\", stylers:[{color:\"#2b6a8f\"},{weight:1.2}] },\r\n        { featureType:\"administrative.province\", elementType:\"geometry.stroke\", stylers:[{color:\"#184a66\"},{weight:1.0}] },\r\n        { featureType:\"administrative.locality\", elementType:\"geometry.stroke\", stylers:[{color:\"#123a52\"},{weight:0.8}] },\r\n\r\n        \/\/ \u907f\u514d\u9053\u8def\u62a2\u89c6\u89c9\r\n        { featureType:\"road\", elementType:\"geometry\", stylers:[{visibility:\"off\"}] },\r\n        { featureType:\"poi\", stylers:[{visibility:\"off\"}] },\r\n        { featureType:\"transit\", stylers:[{visibility:\"off\"}] }\r\n      ]\r\n    });\r\n\r\n    const info = new google.maps.InfoWindow();\r\n    const bounds = new google.maps.LatLngBounds();\r\n    const PulseMarker = makePulseOverlayClass();\r\n    const byId = {};\r\n\r\n    \/\/ render list\r\n    listEl.innerHTML = LOCATIONS.map(l=>`\r\n      <div class=\"nv-item\" data-id=\"${esc(l.id)}\">\r\n        <div class=\"nv-name\">${esc(l.name)}<\/div>\r\n        <div class=\"nv-address\">${esc(l.address)}<\/div>\r\n      <\/div>\r\n    `).join(\"\");\r\n\r\n    \/\/ markers\r\n    LOCATIONS.forEach(loc=>{\r\n      const pos = {lat:loc.lat, lng:loc.lng};\r\n      bounds.extend(pos);\r\n\r\n      \/\/ anchor (invisible) for InfoWindow positioning\r\n      const anchor = new google.maps.Marker({\r\n        position: pos,\r\n        map: map,\r\n        clickable: false,\r\n        icon: { path: google.maps.SymbolPath.CIRCLE, scale: 0.1, fillOpacity: 0, strokeOpacity: 0 },\r\n        zIndex: 999\r\n      });\r\n\r\n      const overlay = new PulseMarker(pos, map, ()=>{\r\n        setActive(loc.id);\r\n        info.setContent(infoHTML(loc));\r\n        info.open({ map, anchor });\r\n      });\r\n\r\n      byId[loc.id] = {loc, pos, anchor, overlay};\r\n    });\r\n\r\n    \/\/ fit bounds then clamp zoom (both max and min)\r\n    map.fitBounds(bounds);\r\n    google.maps.event.addListenerOnce(map,\"bounds_changed\",()=>{\r\n      const current = map.getZoom();\r\n      const clamped = Math.max(MIN_ZOOM, Math.min(current, DEFAULT_MAX_FIT_ZOOM));\r\n      map.setZoom(clamped);\r\n    });\r\n\r\n    function setActive(id){\r\n      wrap.querySelectorAll(\".nv-item\").forEach(el=>el.classList.remove(\"active\"));\r\n      const el = wrap.querySelector(`.nv-item[data-id=\"${id}\"]`);\r\n      if(el){\r\n        el.classList.add(\"active\");\r\n        el.scrollIntoView({block:\"nearest\"});\r\n      }\r\n    }\r\n\r\n    \/\/ list click\r\n    listEl.addEventListener(\"click\",(e)=>{\r\n      const item = e.target.closest(\".nv-item\");\r\n      if(!item) return;\r\n      const id = item.getAttribute(\"data-id\");\r\n      const m = byId[id];\r\n      if(!m) return;\r\n\r\n      setActive(id);\r\n\r\n      map.panTo(m.pos);\r\n      map.setZoom(Math.max(map.getZoom(), 5)); \/\/ \u70b9\u51fb\u5217\u8868\u65f6\u62c9\u8fd1\u4e00\u70b9\r\n      info.setContent(infoHTML(m.loc));\r\n      info.open({ map, anchor: m.anchor });\r\n    });\r\n\r\n    \/\/ click map closes\r\n    map.addListener(\"click\", ()=>info.close());\r\n  }\r\n\r\n  init().catch(err=>console.error(err));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d96fefb elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d96fefb\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c79ea52\" data-id=\"c79ea52\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-efd28be\" data-id=\"efd28be\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f5bb30d elementor-widget elementor-widget-html\" data-id=\"f5bb30d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Left Contact Intro (Transparent Background + Blue Icons) -->\r\n<section class=\"hx-left-contact\" aria-label=\"Contact Intro\">\r\n  <h1 class=\"hx-giant\">\r\n    <span>Get in<\/span><br>\r\n    <span>Touch<\/span><br>\r\n    <span>with Us<\/span>\r\n  <\/h1>\r\n\r\n  <ul class=\"hx-info\">\r\n    <!-- Email -->\r\n    <li>\r\n      <span class=\"hx-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Zm0 2-8 5L4 7m0 10h16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\r\n      <\/span>\r\n      <a class=\"hx-text\" href=\"mailto:info@hermesys.com\">info@hermesys.com<\/a>\r\n    <\/li>\r\n\r\n\r\n\r\n\r\n<style>\r\n:root{\r\n  --hx-text:#ffffff;      \/* \u5de6\u4fa7\u6587\u5b57\u989c\u8272 *\/\r\n  --hx-blue:#00AEEF;      \/* Hermesys \u84dd *\/\r\n  --hx-gap:18px;          \/* \u4fe1\u606f\u95f4\u8ddd *\/\r\n}\r\n\r\n.hx-left-contact{ \r\n  background: transparent; \/* \u4fdd\u6301\u900f\u660e *\/\r\n  color:var(--hx-text);\r\n  font-family: \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n.hx-giant{\r\n  margin:0 0 20px 0;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  font-size:clamp(40px, 7vw, 96px);\r\n  letter-spacing:.02em;\r\n}\r\n\r\n.hx-info{\r\n  list-style:none;\r\n  margin:30px 0 0 0;\r\n  padding:0;\r\n  display:grid;\r\n  gap: var(--hx-gap);\r\n}\r\n\r\n.hx-info li{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  min-height:40px;\r\n}\r\n\r\n.hx-ico{\r\n  flex:0 0 28px; \r\n  width:28px; height:28px;\r\n  display:grid; place-items:center;\r\n  color:var(--hx-blue);\r\n}\r\n.hx-ico svg{\r\n  width:100%; height:100%;\r\n}\r\n\r\n\/* \u6587\u672c\u94fe\u63a5\u6837\u5f0f *\/\r\n.hx-text{\r\n  color:var(--hx-text);\r\n  font-size:clamp(15px, 1.6vw, 18px);\r\n  text-decoration:none;\r\n  opacity:.95;\r\n  transition: color .2s ease;\r\n}\r\n.hx-text:hover{ color:var(--hx-blue); }\r\n\r\n\/* \u591a\u884c\u5730\u5740\u8c03\u6574 *\/\r\n.hx-info li .hx-text{ line-height:1.6; }\r\n\r\n@media (max-width: 600px){\r\n  .hx-giant{ margin-bottom:12px; }\r\n  :root{ --hx-gap:14px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-bcf19f5\" data-id=\"bcf19f5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d8eaf18 elementor-widget elementor-widget-html\" data-id=\"d8eaf18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\r\n\r\n<style>\r\n  \/* \u6b64\u5904\u4fdd\u7559\u4f60\u539f\u6709\u7684 CSS \u6837\u5f0f\uff0c\u65e0\u9700\u66f4\u6539 *\/\r\n  .hcf-card{ --bg:#111; --border:#2a2a2a; --ink:#e9ecef; --muted:#aeb4ba; --field:#1a1a1a; --field-border:#333; --focus:#4aa3ff; --btn:#5aa9e6; --btn-hover:#7bbaf0; max-width: 920px; margin: 28px auto; padding: 28px 32px; background: var(--bg); border:1px solid var(--border); border-radius: 14px; color: var(--ink); font-family: system-ui, -apple-system, Arial, \"Segoe UI\"; box-shadow: 0 12px 30px rgba(0,0,0,.35); }\r\n  .hcf-title{ font-size:32px; line-height:1.25; margin: 4px 0 18px; color:#fff; }\r\n  .hcf-row{ display:flex; gap:16px; }\r\n  .hcf-row + .hcf-row{ margin-top:14px; }\r\n  .hcf-col{ flex:1; }\r\n  .hcf-label{ display:block; font-size:14px; color:#dcdcdc; margin:10px 0 6px; }\r\n  .hcf-input, .hcf-select, .hcf-textarea{ width:100%; background: var(--field); color:#e6e6e6; border:1px solid var(--field-border); border-radius:10px; padding:12px 14px; font-size:15px; transition: border-color .2s, box-shadow .2s; }\r\n  .hcf-input::placeholder, .hcf-textarea::placeholder{ color:#7a7a7a; }\r\n  .hcf-input:focus, .hcf-select:focus, .hcf-textarea:focus{ outline:none; border-color: var(--focus); box-shadow: 0 0 0 3px rgba(74,163,255,.18); }\r\n  .hcf-select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; }\r\n  .hcf-select option{ background:#fff; color:#000; }\r\n  .hcf-textarea{ min-height:150px; resize:vertical; }\r\n  .hcf-help{ font-size:12px; color:#9aa0a6; margin:6px 0 10px; }\r\n  .hcf-check{ display:flex; gap:8px; align-items:flex-start; margin-top:10px; color:#d0d5da; font-size:14px; }\r\n  .hcf-check a{ color:#5ab8ff; text-decoration:none; }\r\n  .hcf-check a:hover{ text-decoration:underline; }\r\n  .hcf-actions{ margin-top:18px; }\r\n  .hcf-btn{ display:inline-block; background:var(--btn); color:#fff; border:none; padding:12px 26px; border-radius:10px; font-weight:600; cursor:pointer; transition: background .2s, transform .02s; }\r\n  .hcf-btn:hover{ background:var(--btn-hover); }\r\n  .hcf-btn:active{ transform: translateY(1px); }\r\n  .hcf-msg{ margin-top:10px; font-size:14px; }\r\n  .hcf-ok{ color:#74d291; } .hcf-err{ color:#ff7b7b; }\r\n  @media (max-width: 760px){ .hcf-row{ flex-direction:column; } .hcf-title{ font-size:26px; } }\r\n  \r\n  \/* \u9a8c\u8bc1\u6846\u95f4\u8ddd\u4f18\u5316 *\/\r\n  .hcf-turnstile-container { margin-top: 20px; }\r\n<\/style>\r\n\r\n<form id=\"contact-hermesys\" class=\"hcf-card\" method=\"post\">\r\n  <label class=\"hcf-label\">Inquiry type *<\/label>\r\n  <select class=\"hcf-select\" name=\"inquiry_type\" required>\r\n    <option value=\"\">Select...<\/option>\r\n    <option>General Inquiry<\/option>\r\n    <option>Product Inquiry<\/option>\r\n    <option>Technical Support<\/option>\r\n    <option>Partnership<\/option>\r\n  <\/select>\r\n\r\n  <div class=\"hcf-row\">\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">First name *<\/label>\r\n      <input class=\"hcf-input\" type=\"text\" name=\"first_name\" required>\r\n    <\/div>\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">Last name *<\/label>\r\n      <input class=\"hcf-input\" type=\"text\" name=\"last_name\" required>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hcf-row\">\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">Business email *<\/label>\r\n      <input class=\"hcf-input\" type=\"email\" name=\"email\" required>\r\n    <\/div>\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">Phone (optional)<\/label>\r\n      <input class=\"hcf-input\" type=\"tel\" name=\"phone\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hcf-row\">\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">Company name *<\/label>\r\n      <input class=\"hcf-input\" type=\"text\" name=\"company\" required>\r\n    <\/div>\r\n    <div class=\"hcf-col\">\r\n      <label class=\"hcf-label\">Country \/ Region *<\/label>\r\n      <input class=\"hcf-input\" type=\"text\" name=\"country\" required>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <label class=\"hcf-label\">Details *<\/label>\r\n  <textarea class=\"hcf-textarea\" name=\"details\" placeholder=\"Tell us what products or solutions you're interested in...\" required><\/textarea>\r\n  <div class=\"hcf-help\">Please describe your request<\/div>\r\n\r\n  <label class=\"hcf-check\">\r\n    <input type=\"checkbox\" required>\r\n    <span>I have read and agree to the <a href=\"#\">Terms & Conditions<\/a> and acknowledge the <a href=\"#\">Privacy Policy<\/a>.<\/span>\r\n  <\/label>\r\n\r\n  <div class=\"hcf-turnstile-container\">\r\n    <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAACRH30uBhqj2tP2k\" data-theme=\"dark\"><\/div>\r\n  <\/div>\r\n\r\n  <input type=\"hidden\" name=\"action\" value=\"hermesys_contact_form\">\r\n  <input type=\"text\" name=\"_hp\" style=\"display:none!important\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n  <div class=\"hcf-actions\">\r\n    <button class=\"hcf-btn\" type=\"submit\">Submit<\/button>\r\n    <div id=\"msg\" class=\"hcf-msg\" aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-9d23afd\" data-id=\"9d23afd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GLOBAL PRESENCE Get in Touch with Us info@hermesys.com Inquiry type * Select&#8230;General InquiryProduct InquiryTechnical SupportPartnership First name * Last name * Business email * Phone (optional) Company name * Country \/ Region * Details * Please describe your request I have read and agree to the Terms &#038; Conditions and acknowledge the Privacy Policy. Submit<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":31,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.0 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Contact Us - Hermesys<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hermesys.com\/vi\/contact-us\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Us\" \/>\n<meta property=\"og:description\" content=\"GLOBAL PRESENCE Get in Touch with Us info@hermesys.com Inquiry type * Select&#8230;General InquiryProduct InquiryTechnical SupportPartnership First name * Last name * Business email * Phone (optional) Company name * Country \/ Region * Details * Please describe your request I have read and agree to the Terms &#038; Conditions and acknowledge the Privacy Policy. Submit\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hermesys.com\/vi\/contact-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Hermesys\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-17T12:31:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/contact-us\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/contact-us\\\/\",\"name\":\"Contact Us - Hermesys\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\"},\"datePublished\":\"2023-02-01T07:21:56+00:00\",\"dateModified\":\"2026-07-17T12:31:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/contact-us\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hermesys.com\\\/contact-us\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/contact-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hermesys.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"name\":\"Hermesys\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hermesys.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\",\"name\":\"Hermesys\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo.png\",\"width\":236,\"height\":50,\"caption\":\"Hermesys\"},\"image\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contact Us - Hermesys","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hermesys.com\/vi\/contact-us\/","og_locale":"vi_VN","og_type":"article","og_title":"Contact Us","og_description":"GLOBAL PRESENCE Get in Touch with Us info@hermesys.com Inquiry type * Select&#8230;General InquiryProduct InquiryTechnical SupportPartnership First name * Last name * Business email * Phone (optional) Company name * Country \/ Region * Details * Please describe your request I have read and agree to the Terms &#038; Conditions and acknowledge the Privacy Policy. Submit","og_url":"https:\/\/hermesys.com\/vi\/contact-us\/","og_site_name":"Hermesys","article_modified_time":"2026-07-17T12:31:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"19 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hermesys.com\/contact-us\/","url":"https:\/\/hermesys.com\/contact-us\/","name":"Contact Us - Hermesys","isPartOf":{"@id":"https:\/\/hermesys.com\/#website"},"datePublished":"2023-02-01T07:21:56+00:00","dateModified":"2026-07-17T12:31:45+00:00","breadcrumb":{"@id":"https:\/\/hermesys.com\/contact-us\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hermesys.com\/contact-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hermesys.com\/contact-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hermesys.com\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/hermesys.com\/#website","url":"https:\/\/hermesys.com\/","name":"Hermesys","description":"","publisher":{"@id":"https:\/\/hermesys.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hermesys.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/hermesys.com\/#organization","name":"Hermesys","url":"https:\/\/hermesys.com\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/","url":"https:\/\/hermesys.com\/wp-content\/uploads\/2022\/06\/logo.png","contentUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2022\/06\/logo.png","width":236,"height":50,"caption":"Hermesys"},"image":{"@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":490,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":12815,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/40\/revisions\/12815"}],"wp:attachment":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}