CONTACT US

<section style="max-width: 1000px; margin: auto; padding: 40px 20px; font-family: 'Poppins', sans-serif; color: #333;">
  <h1 style="text-align: center; font-size: 2em; font-weight: 700; color: #000;">Contact LuxeLane</h1>
  <p style="text-align: center; margin-bottom: 30px; color: #666;">
    We’re here to assist you with anything — from orders to returns or styling questions. 
    Our LuxeLane Support Team replies within 24–48 hours.
  </p>

  <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;">
    <!-- Contact Info -->
    <div style="flex: 1 1 45%; min-width: 280px;">
      <h3 style="font-weight: 600; margin-bottom: 15px;">📩 Email Support</h3>
      <p><strong>Email:</strong> <a href="mailto:support@myshopluxelane.com" style="color: #d4af37; text-decoration: none;">support@myshopluxelane.com</a></p>

      <h3 style="font-weight: 600; margin: 25px 0 15px;">⏰ Business Hours</h3>
      <p>Monday – Friday: 9 AM – 6 PM (EST)</p>
      <p>Saturday & Sunday: Closed</p>

      <h3 style="font-weight: 600; margin: 25px 0 15px;">📦 Order Inquiries</h3>
      <p>If you have an existing order, please include your order number for faster assistance.</p>

      <h3 style="font-weight: 600; margin: 25px 0 15px;">💬 Live Chat</h3>
      <p>Need quick help? Use the red chat bubble in the corner to message our team directly.</p>
    </div>

    <!-- Contact Form -->
    <div style="flex: 1 1 45%; min-width: 280px;">
      <h3 style="font-weight: 600; margin-bottom: 15px;">📨 Send Us a Message</h3>
      <p>Use the form below to reach out — we’ll respond within 1–2 business days.</p>
      <div>
        {% form 'contact' %}
          <label for="ContactFormName">Name</label><br>
          <input type="text" id="ContactFormName" name="contact[name]" style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 6px;" required><br>

          <label for="ContactFormEmail">Email</label><br>
          <input type="email" id="ContactFormEmail" name="contact[email]" style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 6px;" required><br>

          <label for="ContactFormMessage">Message</label><br>
          <textarea id="ContactFormMessage" name="contact[body]" rows="5" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px;" required></textarea><br>

          <button type="submit" style="background-color: #d4af37; color: white; border: none; padding: 12px 20px; border-radius: 6px; cursor: pointer; font-weight: 600; width: 100%;">
            Send Message
          </button>
        {% endform %}
      </div>
    </div>
  </div>

  <hr style="margin: 40px 0; border: none; border-top: 1px solid #eee;">

  <p style="text-align: center; color: #888;">
    📍 LuxeLane | Elevated Essentials | Serving the USA & Global Customers
  </p>
</section>