Contact Us

<!-- Contact Us Form -->
<section id="contact" style="padding: 50px; background-color: #fff8f0; font-family: Arial, sans-serif;">
  <div style="max-width: 600px; margin: auto;">
    <h2 style="text-align: center; color: #e76e8f;">Contact Us</h2>
    <p style="text-align: center; color: #555;">We’d love to hear from you! Fill out the form below and we’ll get back to you soon.</p>
    
    <form action="YOUR_FORM_HANDLER_URL" method="POST" enctype="multipart/form-data" style="display: flex; flex-direction: column; gap: 15px; margin-top: 30px;">
      
      <label for="name">Full Name *</label>
      <input type="text" id="name" name="name" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">

      <label for="email">Email Address *</label>
      <input type="email" id="email" name="email" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">

      <label for="phone">Phone Number</label>
      <input type="text" id="phone" name="phone" style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">

      <label for="subject">Subject *</label>
      <select id="subject" name="subject" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
        <option value="">--Select--</option>
        <option value="order">Order Inquiry</option>
        <option value="product">Product Question</option>
        <option value="shipping">Shipping &amp; Delivery</option>
        <option value="returns">Returns &amp; Exchanges</option>
        <option value="feedback">Feedback / Suggestions</option>
      </select>

      <label for="message">Message *</label>
      <textarea id="message" name="message" rows="5" required style="padding: 10px; border-radius: 5px; border: 1px solid #ccc;"></textarea>

      <label for="attachment">Attachment (optional)</label>
      <input type="file" id="attachment" name="attachment">

      <div style="display: flex; align-items: center; gap: 10px;">
        <input type="checkbox" id="consent" name="consent" required>
        <label for="consent" style="font-size: 14px; color: #555;">I agree to the privacy policy and allow Cuddle Blooms 🌸 to contact me regarding my inquiry.</label>
      </div>

      <button type="submit" style="background-color: #e76e8f; color: #fff; padding: 12px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px;">
        Send Message
      </button>
    </form>
  </div>
</section>