<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Save Over $10,000 on Groceries</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <style>
    * { box-sizing: border-box; }
    html, body { height: 100%; margin: 0; }
    body {
      background: #f6f7f4;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      color: #20241f;
      display: flex; flex-direction: column;
    }
    .container {
      flex: 1;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      padding: 48px 20px;
    }
    .wrap { width: 100%; max-width: 560px; text-align: center; }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      background: #e7f0e8; color: #2f7d4f;
      font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
      padding: 6px 14px; border-radius: 100px; margin-bottom: 16px;
    }
    h1 { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 12px; line-height: 1.2; }
    .lead { color: #5c6357; margin: 0 auto 28px; font-size: 16px; line-height: 1.55; max-width: 460px; }
    .button-grid { display: flex; flex-direction: column; gap: 14px; }
    .button {
      display: flex; align-items: center; gap: 12px; text-align: left;
      padding: 18px 22px; font-size: 16.5px; font-weight: 600;
      text-decoration: none; border-radius: 14px; color: inherit;
      background: #fff; border: 1px solid #e7e9e3; box-shadow: 0 1px 2px rgba(20,30,15,.04);
      transition: border-color .2s, transform .2s, box-shadow .2s;
    }
    .button:hover { border-color: #2f7d4f; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20,30,15,.08); }
    .button .em { font-size: 22px; }
    .button.primary {
      background: #2f7d4f; color: #fff; border-color: #2f7d4f; justify-content: center; text-align: center;
      box-shadow: 0 6px 18px rgba(47,125,79,.25);
    }
    .button.primary:hover { background: #27673f; }
    .footer {
      padding: 22px; font-size: 12.5px; line-height: 1.5; text-align: center;
      color: #7c8175; background: #eef0ea; border-top: 1px solid #e0e3db;
    }
    .footer p { margin: 6px 0; }
    .footer a { color: #2f7d4f; text-decoration: none; }
    .footer a:hover { text-decoration: underline; }
    .back-link { margin-top: 22px; }
    .back-link a { color: #2f7d4f; text-decoration: none; font-size: 14px; font-weight: 600; }
    .back-link a:hover { text-decoration: underline; }
  </style>
</head>
<body>

<div class="container">
  <div class="wrap">
    <div class="eyebrow">💰 Grocery Savings</div>
    <h1>How I Saved Over $10,000 on Groceries</h1>
    <p class="lead">Don't overspend on groceries. See how you can save thousands using smart couponing and better meal-planning strategies.</p>

    <div class="button-grid">
      <a href="https://mealplanpdf.net/cv4/b48202ff4f8c/" class="button primary">💰 See How I Saved Thousands</a>
      <a href="https://mealplanpdf.net/cv4/meat/" class="button"><span class="em">🍖</span>Organic Meat on a Budget</a>
      <a href="https://mealplanpdf.net/cv4/b48202ff4f8c/" class="button"><span class="em">🌿</span>Smart Grocery Hacks for Every Meal</a>
    </div>

    <p class="back-link"><a href="https://mealplanpdf.net/meal-prep-tips.php">← Back to Meal Prep Dashboard</a></p>
  </div>
</div>

<div class="footer">
  <p><strong>Disclaimer:</strong> The savings mentioned on this page are based on individual experiences and may vary. Your results are not guaranteed and may depend on various factors.</p>
  <p><strong>Affiliate Disclosure:</strong> This page contains affiliate links, which means we may earn a commission if you click through and make a purchase at no additional cost to you.</p>
</div>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '199667193928846');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=199667193928846&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->

<!-- Start of Tawk.to Script -->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/669adf6932dca6db2cb250e0/1i36fhd5m';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!-- End of Tawk.to Script -->
</body>
</html>
