Embed

<link rel="stylesheet" href="/snippets/styles.css">
<section class="sr" aria-label="Shop">
  <div class="sr-hero">
    <h1>Do Your Mouth A Flavor!</h1>
    <p>Premium small-batch lemonade & tea brewed in Detroit. Choose your flavor and size below.</p>
    <div class="sr-row">
      <a class="sr-btn" href="#products">Shop Now</a>
      <a class="sr-btn is-outline" href="mailto:orders@sweetrichlemonade.com?subject=Wholesale%20Inquiry">Wholesale & Events</a>
    </div>
    <ul class="sr-list">
      <li>✨ Small-batch</li>
      <li>🍋 Real fruit</li>
      <li>🧊 Cold & crisp</li>
    </ul>
  </div>

  <div id="products" class="sr-grid sr-grid-3" style="margin-top:18px">
    
    <article class="sr-card">
      <img src="https://placehold.co/640x640/png" alt="Classic Lemonade">
      <div class="sr-card-body">
        <h3 class="sr-title">Classic Lemonade</h3>
        <p class="sr-p">Sizes: 16oz · 32oz · 64oz · 128oz</p>
        <div class="sr-row" style="margin-top:8px">
          <span class="sr-price">$5+</span>
          
          <a class="sr-btn" href="https://buy.stripe.com/test_16ozCLASSIC" target="_blank" rel="noopener">
            Buy via Stripe
          </a>
        </div>
      </div>
    </article>

    
    <article class="sr-card">
      <img src="https://placehold.co/640x640/png" alt="Strawberry Lemonade">
      <div class="sr-card-body">
        <h3 class="sr-title">Strawberry Lemonade</h3>
        <p class="sr-p">Sizes: 16oz · 32oz · 64oz · 128oz</p>
        <div class="sr-row" style="margin-top:8px">
          <span class="sr-price">$6+</span>
          
          <a class="sr-btn" href="https://buy.stripe.com/test_16ozSTRAWBERRY" target="_blank" rel="noopener">
            Buy via Stripe
          </a>
        </div>
      </div>
    </article>

    
    <article class="sr-card">
      <img src="https://placehold.co/640x640/png" alt="Peach Tea">
      <div class="sr-card-body">
        <h3 class="sr-title">Peach Tea</h3>
        <p class="sr-p">Sizes: 16oz · 32oz · 64oz · 128oz</p>
        <div class="sr-row" style="margin-top:8px">
          <span class="sr-price">$5+</span>
          
          <a class="sr-btn" href="https://buy.stripe.com/test_16ozPEACHTEA" target="_blank" rel="noopener">
            Buy via Stripe
          </a>
        </div>
      </div>
    </article>
  </div>
</section>