Contact Us

<style>
  .contact-form-container {
    max-width: 600px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    padding: 20px;
  }

  .contact-form-container h2 {
    text-align: center;
    margin-bottom: 20px;
  }

  .contact-form input,
  .contact-form textarea {
    width: 100%;
    padding: 12px;
    margin-top: 8px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  .contact-form label {
    font-weight: bold;
  }

  .contact-form button {
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
  }

  .contact-form button:hover {
    background-color: #333;
  }
</style>

<div class="contact-form-container">
  <h2>Contact Us</h2>
  <!-- Shopify will send this to the email set in store settings -->
  <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form">
    <input type="hidden" name="form_type" value="contact">
    <input type="hidden" name="utf8" value="✓">

    <label for="ContactFormName">Name</label>
    <input type="text" id="ContactFormName" name="contact[name]" required>

    <label for="ContactFormEmail">Email</label>
    <input type="email" id="ContactFormEmail" name="contact[email]" required>

    <label for="ContactFormPhone">Phone</label>
    <input type="tel" id="ContactFormPhone" name="contact[phone]">

    <label for="ContactFormMessage">Message</label>
    <textarea id="ContactFormMessage" name="contact[body]" rows="5" required></textarea>

    <button type="submit">Send Message</button>
  </form>
</div>