Join & Save 10%

<div style="max-width: 600px; margin: 0 auto; text-align: center; padding: 20px;">
  <h1>Join Our Community &amp; Save 10%</h1>
  
  <p>Subscribe to our newsletter and receive a 10% discount on your next purchase! Stay updated with our latest arrivals, exclusive offers, and vintage finds.</p>
  
  <div style="background-color: #f8f8f8; padding: 20px; margin: 20px 0; border-radius: 5px;">
    <h2>Your Benefits:</h2>
    <ul style="text-align: left; display: inline-block;">
      <li>10% discount on your next purchase</li>
      <li>Be the first to know about new arrivals</li>
      <li>Exclusive subscriber-only offers</li>
      <li>Styling tips and inspiration</li>
    </ul>
  </div>
  
  <p>After subscribing, you'll receive your discount code in your welcome email. Use code <strong style="background-color: #f0f0f0; padding: 5px 10px; font-size: 18px;">SIGNUP5</strong> at checkout.</p>
  
  <div style="margin: 30px 0;">
    <!-- This is where your newsletter signup form will appear -->
    {% form 'customer', class: 'contact-form' %}
      {% if form.posted_successfully? %}
        <p class="form-success">Thank you for subscribing!</p>
      {% endif %}
      
      <input value="newsletter" name="contact[tags]" type="hidden">
      
      <div style="margin-bottom: 15px;">
        <label for="email">Email address</label>
        <input style="width: 100%; padding: 10px; margin-top: 5px;" required="" id="email" name="contact[email]" type="email">
      </div>
      
      <div>
        <input style="background-color: #4CAF50; color: white; padding: 12px 20px; border: none; cursor: pointer; font-size: 16px;" value="Subscribe &amp; Get 10% Off" type="submit">
      </div>
    {% endform %}
  </div>
  
  <p style="font-size: 12px; color: #777;">By subscribing, you agree to receive marketing emails from VINTAGE VIBES &amp; NEW GOODS, LLC. You can unsubscribe at any time.</p>
</div>