{"id":1589,"date":"2026-04-23T01:49:40","date_gmt":"2026-04-23T01:49:40","guid":{"rendered":"https:\/\/topten-safety.com\/?page_id=1589"},"modified":"2026-04-23T01:59:56","modified_gmt":"2026-04-23T01:59:56","slug":"contact-us-v2","status":"publish","type":"page","link":"https:\/\/topten-safety.com\/index.php\/contact-us-v2\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1589\" class=\"elementor elementor-1589\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0abb414 e-flex e-con-boxed e-con e-parent\" data-id=\"0abb414\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-43cd4b3 e-con-full e-flex e-con e-child\" data-id=\"43cd4b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff1be5d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ff1be5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Contact Us<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55bb664 e-flex e-con-boxed e-con e-parent\" data-id=\"55bb664\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d19f093 e-con-full e-flex e-con e-child\" data-id=\"d19f093\" 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-rc_html_02 elementor-widget elementor-widget-html\" data-id=\"rc_html_02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"regional-contacts-container\">\n  <div class=\"rc-loading\">Loading...<\/div>\n<\/div>\n<style>\n\/* \u5bb9\u5668\uff1a\u767d\u8272\u78e8\u7802\u73bb\u7483\uff0c\u4e0a\u4e0b\u4e24\u7aef\u5bf9\u9f50\uff0c\u8d85\u51fa\u6eda\u52a8 *\/\n#regional-contacts-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 48px;\n  padding: 48px 36px;\n  height: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0,0,0,0.15) transparent;\n  box-sizing: border-box;\n}\n#regional-contacts-container::-webkit-scrollbar {\n  width: 4px;\n}\n#regional-contacts-container::-webkit-scrollbar-thumb {\n  background: rgba(0,0,0,0.15);\n  border-radius: 4px;\n}\n.rc-loading {\n  color: rgba(0,0,0,0.4);\n  text-align: center;\n  padding: 40px 0;\n  font-size: 14px;\n}\n\n\/* \u5361\u7247 \u2014 fadeInUp \u5165\u573a *\/\n.rc-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: rgba(255,255,255,0.55);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid rgba(0,0,0,0.06);\n  border-radius: 14px;\n  padding: 20px 22px;\n  cursor: pointer;\n  text-decoration: none;\n  color: inherit;\n  opacity: 0;\n  transform: translateY(30px);\n  flex-shrink: 0;\n  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;\n}\n.rc-card.rc-visible {\n  animation: rcFadeInUp 0.6s ease forwards;\n}\n.rc-card:hover {\n  background: rgba(255,255,255,0.8);\n  box-shadow: 0 8px 28px rgba(0,0,0,0.1);\n  transform: translateY(-2px);\n}\n.rc-card.rc-visible:hover {\n  transform: translateY(-2px);\n}\n.rc-card:nth-child(1) { animation-delay: 0.05s; }\n.rc-card:nth-child(2) { animation-delay: 0.15s; }\n.rc-card:nth-child(3) { animation-delay: 0.25s; }\n.rc-card:nth-child(4) { animation-delay: 0.35s; }\n.rc-card:nth-child(5) { animation-delay: 0.45s; }\n.rc-card:nth-child(6) { animation-delay: 0.55s; }\n.rc-card:nth-child(7) { animation-delay: 0.65s; }\n.rc-card:nth-child(8) { animation-delay: 0.75s; }\n\n@keyframes rcFadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u5934\u50cf *\/\n.rc-avatar-wrap {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n  background: rgba(0,0,0,0.04);\n  border: 2px solid rgba(0,0,0,0.08);\n}\n.rc-avatar-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n}\n.rc-avatar-placeholder {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: #fff;\n  font-size: 22px;\n  font-weight: 700;\n}\n\n\/* \u4fe1\u606f\u533a *\/\n.rc-info { flex: 1; min-width: 0; }\n.rc-region {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  color: #e8590c;\n  margin-bottom: 3px;\n}\n.rc-name {\n  font-size: 16px;\n  font-weight: 700;\n  color: #1a1a2e;\n  margin-bottom: 2px;\n  line-height: 1.3;\n}\n.rc-job {\n  font-size: 12px;\n  color: rgba(0,0,0,0.5);\n  margin-bottom: 4px;\n}\n.rc-email-text {\n  font-size: 12px;\n  color: rgba(0,0,0,0.6);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.rc-email-text svg {\n  width: 14px;\n  height: 14px;\n  fill: currentColor;\n  flex-shrink: 0;\n}\n\n\/* \u53f3\u4fa7\u7bad\u5934 *\/\n.rc-arrow {\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: rgba(0,0,0,0.06);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s;\n}\n.rc-card:hover .rc-arrow {\n  background: rgba(0,0,0,0.12);\n}\n.rc-arrow svg {\n  width: 14px;\n  height: 14px;\n  fill: rgba(0,0,0,0.45);\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 767px) {\n  #regional-contacts-container { padding: 20px 16px; gap: 16px; }\n  .rc-card { padding: 16px; gap: 12px; }\n  .rc-avatar-wrap { width: 48px; height: 48px; }\n  .rc-avatar-placeholder { font-size: 18px; }\n  .rc-name { font-size: 14px; }\n}\n<\/style>\n<script>\n(function() {\n  var c = document.getElementById('regional-contacts-container');\n  if (!c) return;\n\n  fetch('\/wp-json\/topten\/v1\/contacts')\n    .then(function(r) { return r.json(); })\n    .then(function(list) {\n      list = list.filter(function(d){ return d.groups && d.groups.some(function(g){ return g.slug==='ceo'||g.slug==='sales'; }); }); list.sort(function(a,b){ var aIsCeo = a.groups.some(function(g){return g.slug==='ceo';})?0:1; var bIsCeo = b.groups.some(function(g){return g.slug==='ceo';})?0:1; return aIsCeo - bIsCeo; }); if (!list.length) {\n        c.innerHTML = '<p style=\"color:rgba(0,0,0,0.4);text-align:center;\">No contacts available<\/p>';\n        return;\n      }\n\n      var h = '';\n      list.forEach(function(d) {\n        var avatarInner = d.avatar\n          ? '<img decoding=\"async\" src=\"' + d.avatar + '\" alt=\"' + d.name + '\">'\n          : '<div class=\"rc-avatar-placeholder\">' + d.name.charAt(0).toUpperCase() + '<\/div>';\n\n        var subject = encodeURIComponent('Inquiry from TopTen Safety Website');\n        var body = encodeURIComponent('Dear ' + d.name + ',\\n\\nI would like to inquire about...\\n\\nBest regards');\n        var ccList = list.filter(function(c){ return c.email && c.email !== d.email; }).map(function(c){ return c.email; }).join(';');\n        var mailto = 'mailto:' + d.email + (ccList ? '?cc=' + ccList + '&' : '?') + 'subject=' + subject + '&body=' + body;\n\n        h += '<a class=\"rc-card\" href=\"' + mailto + '\" title=\"Click to email ' + d.name + '\">'\n          + '<div class=\"rc-avatar-wrap\">' + avatarInner + '<\/div>'\n          + '<div class=\"rc-info\">'\n          + '<div class=\"rc-region\">' + d.region + '<\/div>'\n          + '<div class=\"rc-name\">' + d.name + '<\/div>'\n          + '<div class=\"rc-job\">' + d.job_title + '<\/div>'\n          + '<div class=\"rc-email-text\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>' + d.email + '<\/div>'\n          + '<\/div>'\n          + '<div class=\"rc-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg><\/div>'\n          + '<\/a>';\n      });\n      c.innerHTML = h;\n\n      var cards = c.querySelectorAll('.rc-card');\n      if ('IntersectionObserver' in window) {\n        var obs = new IntersectionObserver(function(entries) {\n          entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('rc-visible');\n              obs.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.15 });\n        cards.forEach(function(card) { obs.observe(card); });\n      } else {\n        cards.forEach(function(card) { card.classList.add('rc-visible'); });\n      }\n    })\n    .catch(function(e) {\n      c.innerHTML = '<p style=\"color:#f87171;text-align:center;\">Failed to load contacts<\/p>';\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9323ca e-con-full e-flex e-con e-child\" data-id=\"c9323ca\" 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-15f3c85 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"15f3c85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact Us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c4b77 elementor-button-align-stretch elementor-invisible elementor-widget elementor-widget-form\" data-id=\"17c4b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1589\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"17c4b77\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contact Us\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1589\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\r\n\t\t\t\t\t\t\t\tUser Name \t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"User Name \">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\r\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\r\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get started<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a12e53f elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"a12e53f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The detailed information we collect here is solely used to provide you with comprehensive details about our products and services. Your information is always transferred and stored securely.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Loading&#8230; Contact Us The detailed information we c [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1589","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/pages\/1589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/comments?post=1589"}],"version-history":[{"count":4,"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/pages\/1589\/revisions"}],"predecessor-version":[{"id":1614,"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/pages\/1589\/revisions\/1614"}],"wp:attachment":[{"href":"https:\/\/topten-safety.com\/index.php\/wp-json\/wp\/v2\/media?parent=1589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}