{"id":281,"date":"2025-09-15T08:31:34","date_gmt":"2025-09-15T08:31:34","guid":{"rendered":"https:\/\/humanivio.com\/contact-us\/"},"modified":"2025-12-04T08:52:19","modified_gmt":"2025-12-04T08:52:19","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/humanivio.com\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Contact Humanivio &#8211; AI Humanizer &#038; Text Tools Support<\/title>\n  <meta name=\"description\" content=\"Get help with Humanivio's AI humanizer, text-to-speech converter, and case conversion tools. Contact our support team for assistance.\">\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n      color: #333;\n      margin: 0;\n      padding: 0;\n      min-height: 100vh;\n    }\n    \n    .header {\n      background: linear-gradient(135deg, #1a365d 0%, #2d3748 100%);\n      color: white;\n      padding: 1.5rem 0;\n      text-align: center;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n    }\n    \n    .logo {\n      font-size: 2rem;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n      margin-bottom: 0.5rem;\n    }\n    \n    .logo i {\n      color: #4299e1;\n    }\n    \n    .tagline {\n      font-size: 1rem;\n      opacity: 0.9;\n      max-width: 500px;\n      margin: 0 auto;\n    }\n    \n    .container {\n      width: 100%;\n      max-width: 800px;\n      margin: 40px auto;\n      background: #fff;\n      padding: 40px;\n      border-radius: 16px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n      border: 1px solid #e2e8f0;\n    }\n    \n    h1 {\n      text-align: center;\n      color: #1a365d;\n      margin-bottom: 10px;\n      font-size: 2.5rem;\n    }\n    \n    .subtitle {\n      text-align: center;\n      font-size: 1.1rem;\n      color: #4a5568;\n      margin-bottom: 30px;\n      line-height: 1.5;\n    }\n    \n    .contact-methods {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n    \n    .contact-method {\n      background: #f8fafc;\n      padding: 20px;\n      border-radius: 10px;\n      text-align: center;\n      border: 1px solid #e2e8f0;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    \n    .contact-method:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n    \n    .contact-method i {\n      font-size: 2rem;\n      color: #4299e1;\n      margin-bottom: 15px;\n    }\n    \n    .contact-method h3 {\n      margin: 0 0 10px 0;\n      color: #2d3748;\n    }\n    \n    .contact-method p {\n      margin: 0;\n      color: #4a5568;\n    }\n    \n    .contact-method a {\n      color: #4299e1;\n      text-decoration: none;\n      font-weight: 500;\n      display: inline-block;\n      margin-top: 10px;\n    }\n    \n    .contact-method a:hover {\n      text-decoration: underline;\n    }\n    \n    .form-header {\n      text-align: center;\n      margin-bottom: 30px;\n      padding-bottom: 20px;\n      border-bottom: 2px solid #e2e8f0;\n    }\n    \n    .form-header h2 {\n      color: #1a365d;\n      margin-bottom: 10px;\n      font-size: 1.8rem;\n    }\n    \n    .form-header p {\n      color: #4a5568;\n      margin: 0;\n    }\n    \n    form {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .form-group {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    \n    label {\n      font-weight: 600;\n      color: #2d3748;\n      font-size: 0.95rem;\n    }\n    \n    input, textarea, select {\n      padding: 14px;\n      border: 2px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 16px;\n      width: 100%;\n      transition: border-color 0.3s ease, box-shadow 0.3s ease;\n      font-family: inherit;\n    }\n    \n    input:focus, textarea:focus, select:focus {\n      outline: none;\n      border-color: #4299e1;\n      box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n    }\n    \n    textarea {\n      min-height: 150px;\n      resize: vertical;\n    }\n    \n    button {\n      padding: 16px;\n      background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);\n      color: white;\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 18px;\n      font-weight: 600;\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 12px rgba(66, 153, 225, 0.2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n    }\n    \n    button:hover {\n      background: linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(66, 153, 225, 0.3);\n    }\n    \n    button:active {\n      transform: translateY(0);\n    }\n    \n    .button-loading {\n      background: #3182ce !important;\n    }\n    \n    .button-loading i {\n      animation: spin 1s linear infinite;\n    }\n    \n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n    \n    .message {\n      padding: 15px;\n      border-radius: 8px;\n      margin-bottom: 20px;\n      text-align: center;\n      display: none;\n    }\n    \n    .message.success {\n      background-color: #f0fff4;\n      border: 2px solid #9ae6b4;\n      color: #22543d;\n    }\n    \n    .message.error {\n      background-color: #fff5f5;\n      border: 2px solid #fc8181;\n      color: #742a2a;\n    }\n    \n    .footer {\n      text-align: center;\n      margin-top: 40px;\n      padding-top: 20px;\n      border-top: 1px solid #e2e8f0;\n      color: #718096;\n      font-size: 0.9rem;\n    }\n    \n    .footer a {\n      color: #4299e1;\n      text-decoration: none;\n    }\n    \n    @media (max-width: 768px) {\n      .container {\n        margin: 20px auto;\n        padding: 25px;\n      }\n      \n      h1 {\n        font-size: 2rem;\n      }\n      \n      .contact-methods {\n        grid-template-columns: 1fr;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .container {\n        padding: 20px;\n        border-radius: 12px;\n      }\n      \n      h1 {\n        font-size: 1.8rem;\n      }\n      \n      .header {\n        padding: 1rem 0;\n      }\n      \n      .logo {\n        font-size: 1.7rem;\n      }\n    }\n  <\/style>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body>\n  <!-- Header -->\n  <header class=\"header\">\n    <div class=\"logo\">\n      <i class=\"fas fa-robot\"><\/i>\n      <span>Humanivio<\/span>\n    <\/div>\n    <p class=\"tagline\">AI Humanizer \u2022 Text-to-Speech \u2022 Case Converter Tools<\/p>\n  <\/header>\n\n  <!-- Main Content -->\n  <div class=\"container\">\n    <h1>Contact Humanivio<\/h1>\n    <p class=\"subtitle\">Get help with our AI tools, ask questions, or share your feedback. We typically respond within 24 hours.<\/p>\n    \n    <!-- Contact Methods -->\n    <div class=\"contact-methods\">\n      <div class=\"contact-method\">\n        <i class=\"fas fa-envelope\"><\/i>\n        <h3>Email Support<\/h3>\n        <p>For technical issues and tool help<\/p>\n        <a href=\"mailto:support@humanivio.com\">support@humanivio.com<\/a>\n      <\/div>\n      \n      <div class=\"contact-method\">\n        <i class=\"fas fa-lightbulb\"><\/i>\n        <h3>Feedback &#038; Ideas<\/h3>\n        <p>Share suggestions to improve our tools<\/p>\n        \n      <\/div>\n      \n      <div class=\"contact-method\">\n        <i class=\"fas fa-handshake\"><\/i>\n        <h3>Business Inquiries<\/h3>\n        <p>For partnerships and collaborations<\/p>\n     \n      <\/div>\n    <\/div>\n    \n    <!-- Contact Form -->\n    <div class=\"form-header\">\n      <h2>Send us a Message<\/h2>\n      <p>Fill out the form below and we&#8217;ll get back to you as soon as possible<\/p>\n    <\/div>\n    \n    <!-- Messages -->\n    <div id=\"success-message\" class=\"message success\">\n      <strong><i class=\"fas fa-check-circle\"><\/i> Thank you!<\/strong> Your message has been sent successfully. We&#8217;ll respond within 24-48 hours.\n    <\/div>\n    \n    <div id=\"error-message\" class=\"message error\">\n      <strong><i class=\"fas fa-exclamation-circle\"><\/i> Error!<\/strong> <span id=\"error-text\">There was a problem sending your message.<\/span>\n    <\/div>\n    \n    <!-- Form with Formspree Integration -->\n    <form id=\"contact-form\" action=\"https:\/\/formspree.io\/f\/YOUR_FORM_ID_HERE\" method=\"POST\">\n      <!-- Hidden fields for Formspree -->\n      <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission - Humanivio\">\n      <input type=\"hidden\" name=\"_replyto\" value=\"support@humanivio.com\">\n      <input type=\"text\" name=\"_gotcha\" style=\"display:none\">\n      \n      <div class=\"form-group\">\n        <label for=\"name\">Your Name *<\/label>\n        <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Enter your full name\" required>\n      <\/div>\n      \n      <div class=\"form-group\">\n        <label for=\"email\">Your Email *<\/label>\n        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your email address\" required>\n      <\/div>\n      \n      <div class=\"form-group\">\n        <label for=\"subject\">Subject *<\/label>\n        <select id=\"subject\" name=\"subject\" required>\n          <option value=\"\" disabled selected>Select a topic<\/option>\n          <option value=\"Tool Support\">Tool Support &#038; Help<\/option>\n          <option value=\"Bug Report\">Bug Report<\/option>\n          <option value=\"Feature Request\">Feature Request<\/option>\n          <option value=\"Feedback\">General Feedback<\/option>\n          <option value=\"Partnership\">Partnership Inquiry<\/option>\n          <option value=\"Other\">Other<\/option>\n        <\/select>\n      <\/div>\n      \n      <div class=\"form-group\">\n        <label for=\"message\">Your Message *<\/label>\n        <textarea id=\"message\" name=\"message\" placeholder=\"Please describe your question or issue in detail...\" required><\/textarea>\n      <\/div>\n      \n      <button type=\"submit\" id=\"submit-btn\">\n        <i class=\"fas fa-paper-plane\"><\/i> Send Message\n      <\/button>\n    <\/form>\n    \n    <div class=\"footer\">\n      <p>Need immediate help? Check our <a href=\"https:\/\/humanivio.com\">Tools Documentation<\/a> or visit our <a href=\"https:\/\/humanivio.com\">main website<\/a>.<\/p>\n      <p>&copy; 2023 Humanivio. All rights reserved.<\/p>\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const contactForm = document.getElementById('contact-form');\n      const successMessage = document.getElementById('success-message');\n      const errorMessage = document.getElementById('error-message');\n      const errorText = document.getElementById('error-text');\n      const submitBtn = document.getElementById('submit-btn');\n      \n      \/\/ Initially hide messages\n      successMessage.style.display = 'none';\n      errorMessage.style.display = 'none';\n      \n      \/\/ Form submission handler\n      contactForm.addEventListener('submit', async function(e) {\n        e.preventDefault();\n        \n        \/\/ Validate form\n        if (!validateForm()) {\n          showError('Please fill in all required fields correctly.');\n          return;\n        }\n        \n        \/\/ Show loading state\n        submitBtn.classList.add('button-loading');\n        submitBtn.innerHTML = '<i class=\"fas fa-spinner\"><\/i> Sending...';\n        submitBtn.disabled = true;\n        \n        \/\/ For demo purposes only - REMOVE THIS IN PRODUCTION\n        \/\/ Simulate form submission (replace with actual Formspree fetch)\n        if (contactForm.action.includes('YOUR_FORM_ID_HERE')) {\n          \/\/ Demo mode - show success after delay\n          setTimeout(() => {\n            showSuccess();\n            resetButton();\n            contactForm.reset();\n          }, 1500);\n          return;\n        }\n        \n        \/\/ Real Formspree submission\n        try {\n          const formData = new FormData(contactForm);\n          \n          const response = await fetch(contactForm.action, {\n            method: 'POST',\n            body: formData,\n            headers: {\n              'Accept': 'application\/json'\n            }\n          });\n          \n          if (response.ok) {\n            showSuccess();\n            contactForm.reset();\n          } else {\n            const error = await response.json();\n            showError(error.error || 'There was a problem sending your message.');\n          }\n        } catch (error) {\n          showError('Network error. Please check your connection and try again.');\n          console.error('Form submission error:', error);\n        } finally {\n          resetButton();\n        }\n      });\n      \n      \/\/ Form validation\n      function validateForm() {\n        const name = document.getElementById('name').value.trim();\n        const email = document.getElementById('email').value.trim();\n        const subject = document.getElementById('subject').value;\n        const message = document.getElementById('message').value.trim();\n        \n        if (!name || !email || !subject || !message) {\n          return false;\n        }\n        \n        \/\/ Simple email validation\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        if (!emailRegex.test(email)) {\n          return false;\n        }\n        \n        return true;\n      }\n      \n      \/\/ Show success message\n      function showSuccess() {\n        successMessage.style.display = 'block';\n        errorMessage.style.display = 'none';\n        \n        \/\/ Scroll to success message\n        successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        \n        \/\/ Hide success message after 10 seconds\n        setTimeout(() => {\n          successMessage.style.display = 'none';\n        }, 10000);\n      }\n      \n      \/\/ Show error message\n      function showError(message) {\n        errorText.textContent = message;\n        errorMessage.style.display = 'block';\n        successMessage.style.display = 'none';\n        \n        \/\/ Scroll to error message\n        errorMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        \n        \/\/ Hide error message after 8 seconds\n        setTimeout(() => {\n          errorMessage.style.display = 'none';\n        }, 8000);\n      }\n      \n      \/\/ Reset button state\n      function resetButton() {\n        submitBtn.classList.remove('button-loading');\n        submitBtn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Send Message';\n        submitBtn.disabled = false;\n      }\n      \n      \/\/ Add real-time email validation\n      const emailInput = document.getElementById('email');\n      emailInput.addEventListener('blur', function() {\n        const email = this.value.trim();\n        if (email) {\n          const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n          if (!emailRegex.test(email)) {\n            this.style.borderColor = '#fc8181';\n          } else {\n            this.style.borderColor = '#e2e8f0';\n          }\n        }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact Humanivio &#8211; AI Humanizer &#038; Text Tools Support Humanivio AI Humanizer \u2022 Text-to-Speech \u2022 Case Converter Tools Contact Humanivio Get help with our AI tools, ask questions, or share your feedback. We typically respond within 24 hours. Email Support For technical issues and tool help support@humanivio.com Feedback &#038; Ideas Share suggestions to improve our &#8230; <a title=\"Contact Us\" class=\"read-more\" href=\"https:\/\/humanivio.com\/contact-us\/\" aria-label=\"Read more about Contact Us\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-281","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/comments?post=281"}],"version-history":[{"count":7,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/281\/revisions"}],"predecessor-version":[{"id":797,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/281\/revisions\/797"}],"wp:attachment":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/media?parent=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}