{"id":4200,"date":"2025-04-24T22:35:08","date_gmt":"2025-04-24T22:35:08","guid":{"rendered":"https:\/\/peptideformulations.com\/?page_id=4200"},"modified":"2025-08-22T21:05:30","modified_gmt":"2025-08-22T21:05:30","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/peptidogen.mx\/en_us\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4200\" class=\"elementor elementor-4200\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9db850d e-flex e-con-boxed e-con e-parent\" data-id=\"9db850d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-647a715 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"647a715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Atura Research: Contact Header + Form (drop-in) ===== -->\r\n\r\n<!-- Page Header \/ Hero -->\r\n<header class=\"ar-hero\" role=\"banner\" aria-label=\"Contact Atura Research\">\r\n  <div class=\"ar-hero__inner\">\r\n    <h1 class=\"ar-hero__title\">Contact Atura Research<\/h1>\r\n    <p class=\"ar-hero__subtitle\">\r\n      Your opinion matters to us \u2014 every message helps us improve your research experience.\r\n      We usually reply within 1 business day.\r\n    <\/p>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- Contact Form -->\r\n<form id=\"contactForm\" class=\"ar-form\" aria-describedby=\"contactIntro\">\r\n  <p id=\"contactIntro\" class=\"ar-form__intro\">\r\n    Tell us a little about your request and we\u2019ll get back to you quickly.\r\n  <\/p>\r\n\r\n  <label for=\"name\">\ud83d\udc64 Your Name<\/label>\r\n  <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"John Doe\" required>\r\n\r\n  <label for=\"email\">\ud83d\udce7 Your Email<\/label>\r\n  <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@example.com\" required>\r\n\r\n  <label for=\"type\">\ud83d\udcc2 Inquiry Type<\/label>\r\n  <select id=\"type\" name=\"type\" required>\r\n    <option value=\"\">-- Select an option --<\/option>\r\n    <option value=\"Support\">\ud83d\udee0\ufe0f Support<\/option>\r\n    <option value=\"Billing\">\ud83d\udcb3 Billing<\/option>\r\n    <option value=\"General\">\ud83d\udcc4 General<\/option>\r\n  <\/select>\r\n\r\n  <label for=\"message\">\u2709\ufe0f Your Message<\/label>\r\n  <textarea id=\"message\" name=\"message\" placeholder=\"Write your message...\" rows=\"4\" required><\/textarea>\r\n\r\n  <!-- Honeypot (spam trap) -->\r\n  <input type=\"hidden\" id=\"website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n\r\n  <button type=\"submit\" id=\"submitButton\">\ud83d\udce8 Send Message<\/button>\r\n<\/form>\r\n\r\n<!-- Live message area -->\r\n<div id=\"contactMessage\" role=\"status\" aria-live=\"polite\"><\/div>\r\n\r\n<style>\r\n:root {\r\n  --atura-blue:#0077cc;\r\n  --atura-blue-dark:#054a91;\r\n  --text:#111;\r\n  --white:#fff;\r\n  --muted:#6b7280;          \/* gray-500 *\/\r\n  --ok-bg:#d4edda;\r\n  --ok-text:#155724;\r\n  --ok-border:#c3e6cb;\r\n  --err-bg:#f8d7da;\r\n  --err-text:#721c24;\r\n  --err-border:#f5c6cb;\r\n  --radius:14px;\r\n  --shadow:0 10px 30px rgba(0,0,0,.07);\r\n}\r\n\r\n\/* =========================\r\n   Hero (master banner style)\r\n   ========================= *\/\r\n.ar-hero {\r\n  background: linear-gradient(135deg, var(--atura-blue) 0%, #005699 100%) !important;\r\n  color: var(--white);\r\n  padding: 56px 24px;\r\n  text-align: center !important;\r\n  border-radius: 0 0 28px 28px;\r\n  box-shadow: 0 6px 15px rgba(0,0,0,.25);\r\n}\r\n.ar-hero__inner {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n.ar-hero__title {\r\n  margin: 0 0 12px;\r\n  font-size: clamp(28px, 3.2vw, 40px);\r\n  font-weight: 800;\r\n  letter-spacing: .2px;\r\n  text-align: center !important;\r\n  color: #ffffff !important;\r\n  text-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n.ar-hero__subtitle {\r\n  margin: 0;\r\n  font-size: clamp(15px, 2vw, 18px);\r\n  font-weight: 300;\r\n  opacity: .95;\r\n  text-align: left !important;   \/* left-align for readability *\/\r\n  color: #ffffff !important;\r\n  max-width: 800px;\r\n}\r\n\r\n\/* =========================\r\n   Form\r\n   ========================= *\/\r\n.ar-form {\r\n  max-width: 560px;\r\n  margin: 24px auto 60px;\r\n  padding: 32px 28px;\r\n  background: var(--white);\r\n  box-shadow: var(--shadow);\r\n  border-radius: var(--radius);\r\n  font-family: 'Segoe UI', Arial, sans-serif;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n.ar-form__intro {\r\n  margin: 0 0 2px;\r\n  color: var(--muted);\r\n  font-size: 14px;\r\n}\r\n#contactForm label {\r\n  color: var(--atura-blue-dark);\r\n  font-weight: 600;\r\n}\r\n#contactForm input,\r\n#contactForm select,\r\n#contactForm textarea {\r\n  padding: 12px;\r\n  font-size: 15px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 8px;\r\n  transition: border .3s, box-shadow .3s;\r\n  color: #000;\r\n  background: #fff;\r\n}\r\n#contactForm input:focus,\r\n#contactForm select:focus,\r\n#contactForm textarea:focus {\r\n  border-color: var(--atura-blue-dark);\r\n  box-shadow: 0 0 0 2px rgba(5,74,145,.12);\r\n  outline: none;\r\n}\r\n#contactForm button {\r\n  padding: 14px;\r\n  background: var(--atura-blue);\r\n  color: #fff;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  border: none;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background-color .25s ease, transform .06s ease;\r\n}\r\n#contactForm button:hover { background:#005bb5; }\r\n#contactForm button:active { transform: translateY(1px); }\r\n\r\n\/* =========================\r\n   Message states\r\n   ========================= *\/\r\n#contactMessage {\r\n  max-width: 560px;\r\n  margin: 16px auto 0;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  padding: 12px;\r\n  display: none;\r\n  border-radius: 8px;\r\n}\r\n#contactMessage.success {\r\n  display:block;\r\n  color: var(--ok-text);\r\n  background: var(--ok-bg);\r\n  border: 1px solid var(--ok-border);\r\n}\r\n#contactMessage.error {\r\n  display:block;\r\n  color: var(--err-text);\r\n  background: var(--err-bg);\r\n  border: 1px solid var(--err-border);\r\n}\r\n\r\n\/* =========================\r\n   Responsive\r\n   ========================= *\/\r\n@media (max-width:600px) {\r\n  .ar-hero { padding: 36px 16px; }\r\n  .ar-form { margin: 16px auto 40px; padding: 24px 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const form = document.getElementById('contactForm');\r\n  const msg  = document.getElementById('contactMessage');\r\n  const btn  = document.getElementById('submitButton');\r\n  const COOLDOWN_MS = 15000;\r\n  const DEFAULT_LABEL = '\ud83d\udce8 Send Message';\r\n\r\n  function showMessage(text, type){\r\n    msg.textContent = text;\r\n    msg.className = type;       \/\/ 'success' or 'error' (keeps ID selectors working)\r\n  }\r\n\r\n  form.addEventListener('submit', async function(e){\r\n    e.preventDefault();\r\n\r\n    \/\/ Honeypot: if filled, bail out\r\n    if (document.getElementById('website').value.trim() !== ''){\r\n      showMessage('\u274c Spam detected.', 'error');\r\n      return;\r\n    }\r\n\r\n    if (btn.disabled){\r\n      showMessage('\u23f3 Please wait before resubmitting.', 'error');\r\n      return;\r\n    }\r\n\r\n    const payload = {\r\n      name:   document.getElementById('name').value.trim(),\r\n      email:  document.getElementById('email').value.trim(),\r\n      type:   document.getElementById('type').value,\r\n      message:document.getElementById('message').value.trim()\r\n    };\r\n\r\n    \/\/ Basic front-end validation\r\n    if (!payload.name || !payload.email || !payload.type || !payload.message){\r\n      showMessage('\u26a0\ufe0f Please complete all fields.', 'error');\r\n      return;\r\n    }\r\n\r\n    btn.disabled = true;\r\n    btn.textContent = 'Sending\u2026';\r\n\r\n    try{\r\n      const res = await fetch('\/wp-json\/wp\/v2\/contact-submit', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(payload)\r\n      });\r\n\r\n      \/\/ Try to read JSON safely\r\n      let data = {};\r\n      try { data = await res.json(); } catch(_){}\r\n\r\n      if (!res.ok){\r\n        throw new Error(data?.message || 'Request failed');\r\n      }\r\n\r\n      showMessage(data.message || '\ud83c\udf89 Message sent successfully!', 'success');\r\n      form.reset();\r\n    } catch(err){\r\n      console.error(err);\r\n      showMessage('\u274c Error sending message. Please try again.', 'error');\r\n    } finally{\r\n      setTimeout(() => {\r\n        btn.disabled = false;\r\n        btn.textContent = DEFAULT_LABEL;   \/\/ was \"Request Full Access\" before \u2014 fixed\r\n      }, COOLDOWN_MS);\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\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>Contact Atura Research Your opinion matters to us \u2014 every message helps us improve your research experience. We usually reply within 1 business day. Tell us a little about your request and we\u2019ll get back to you quickly. \ud83d\udc64 Your Name \ud83d\udce7 Your Email \ud83d\udcc2 Inquiry Type &#8212; Select an option &#8212;\ud83d\udee0\ufe0f Support\ud83d\udcb3 Billing\ud83d\udcc4 General [&hellip;]<\/p>\n","protected":false},"author":64,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/pages\/4200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/comments?post=4200"}],"version-history":[{"count":18,"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/pages\/4200\/revisions"}],"predecessor-version":[{"id":16208,"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/pages\/4200\/revisions\/16208"}],"wp:attachment":[{"href":"https:\/\/peptidogen.mx\/en_us\/wp-json\/wp\/v2\/media?parent=4200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}