Inboxes List

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <title>
   AAA exclusive: free car safety kit + upgrade
  </title>
  <style>
   /* modern reset + fonts */
    @import url('https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss2%253Ffamily%253DInter%253Awght%2540400%253B600%253B700%253B800%2526display%253Dswap/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3NzIwNDI4MzkuNjQ2NDIwMn0:1vvJI7:Qr5upBuC9RV_7hGTRorQbHteE7HxFv11in-eukq21UI');
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      background-color: #eef2f5;
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      line-height: 1.5;
    }
    /* animated CTA pulse (stronger) */
    .pulse-strong {
      animation: pulse-super 1.8s infinite;
      box-shadow: 0 8px 20px rgba(0,84,180,0.3);
      transition: 0.25s ease;
    }
    @keyframes pulse-super {
      0% { transform: scale(1); box-shadow: 0 8px 20px rgba(0,84,180,0.3); }
      50% { transform: scale(1.03); box-shadow: 0 12px 28px rgba(0,84,180,0.5); }
      100% { transform: scale(1); box-shadow: 0 8px 20px rgba(0,84,180,0.3); }
    }
    /* floating badge — premium look */
    .badge-premium {
      background: linear-gradient(135deg, #D4AF37, #AA8C30);
      color: #000;
      font-weight: 800;
      padding: 6px 20px;
      border-radius: 40px;
      font-size: 0.9rem;
      letter-spacing: 0.4px;
      display: inline-block;
      box-shadow: 0 6px 14px rgba(0,0,0,0.15);
      border: 1px solid #f5e7b0;
      text-transform: uppercase;
    }
    .rotate-neg {
      transform: rotate(-2deg);
    }
    /* kit item cards – cleaner */
    .feature-card {
      background: white;
      border-radius: 14px;
      padding: 14px 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
      border: 1px solid #f0f0f0;
      transition: all 0.2s;
      height: 100%;
    }
    .feature-card strong {
      color: #0054b4;
      font-size: 1rem;
      display: block;
      margin-bottom: 5px;
    }
    .feature-card span {
      font-size: 0.85rem;
      color: #3e4a5e;
    }
    .step-circle {
      background: #e6f0ff;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 12px auto;
      font-weight: 800;
      font-size: 1.6rem;
      color: #0054b4;
      border: 2px solid white;
      box-shadow: 0 6px 0 #cdddec;
    }
    /* rating stars */
    .stars {
      color: #f8b84a;
      font-size: 1.2rem;
      letter-spacing: 3px;
    }
    /* responsive tweaks */
    @media only screen and (max-width: 480px) {
      .container { width: 100% !important; }
      .stack-sm { display: block !important; width: 100% !important; }
      .plr-md { padding-left: 20px !important; padding-right: 20px !important; }
    }
  </style>
 </head>
 <body style="background-color:#eef2f5; font-family:'Inter',sans-serif; padding:20px 10px;">
  <table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color:#eef2f5;" width="100%">
   <tr>
    <td align="center" style="padding:20px 0 40px 0;">
     <!-- MAIN CARD (660px for better presence) -->
     <table border="0" cellpadding="0" cellspacing="0" class="container" style="background:#ffffff; border-radius:24px; box-shadow:0 20px 35px -8px rgba(0,40,80,0.15); border:1px solid #e9edf2;" width="660">
      <!-- HEADER with authentic AAA badge -->
      <tr>
       <td align="left" style="background: #ffffff; padding: 24px 40px 0 40px;">
        <table cellpadding="0" cellspacing="0" width="100%">
         <tr>
          <td align="left" style="font-size: 26px; font-weight: 800; color: #0054b4; letter-spacing: -0.5px;">
           <span style="background: #0054b4; color: white; padding: 4px 14px 4px 14px; border-radius: 50px; font-size: 1.1rem; margin-right: 12px; vertical-align: middle;">
            AAA
           </span>
           <span style="vertical-align: middle;">
            member exclusive
           </span>
          </td>
          <td align="right">
           <div class="badge-premium rotate-neg">
            🌟 limited: 500 kits
           </div>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- URGENT BANNER (more alert) -->
      <tr>
       <td style="padding: 20px 40px 0 40px;">
        <table cellpadding="0" cellspacing="0" style="background: linear-gradient(95deg, #002f6c, #0054b4); border-radius: 60px;" width="100%">
         <tr>
          <td align="center" style="padding: 14px 20px; color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.3px;">
           ⚡ FINAL HOURS: FREE SHIPPING + $0 SURPRISE UPGRADE ⚡
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- HERO: bigger bolder headline -->
      <tr>
       <td align="center" style="padding: 30px 40px 10px 40px;">
        <h1 style="font-size: 40px; font-weight: 800; line-height: 1.2; color: #0B1C2F; margin:0;">
         CLAIM YOUR
         <span style="color: #0054b4;">
          FREE DELUXE
         </span>
         <br/>
         CAR SAFETY KIT
        </h1>
        <p style="font-size: 22px; font-weight: 600; color: #2c3e50; margin:15px 0 0; background: #f2f6fc; padding: 10px 22px; border-radius: 60px; display:inline-block;">
         <span style="text-decoration: line-through; opacity: 0.4; margin-right:12px;">
          $99.95
         </span>
         <span style="color:#0054b4;">
          YOURS FREE
         </span>
         + mystery gift
        </p>
       </td>
      </tr>
      <!-- KIT IMAGE / BADGE + PRODUCT VISUAL (inspired by high-conversion) -->
      <tr>
       <td style="padding: 10px 40px 10px 40px;">
        <div style="background: #f4f8fe; border-radius: 28px; padding: 28px 25px; position: relative; border: 1px solid #dce5f0;">
         <div style="position: absolute; top: -12px; right: 20px; background: #d32f2f; color: white; font-weight: 800; padding: 6px 18px; border-radius: 40px; font-size: 0.9rem; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
          🎁 includes upgraded multi-tool
         </div>
         <table width="100%">
          <tr>
           <td valign="middle" width="45%">
            <img alt="car safety kit visual" src="https://inboxflows.com/_/image/https%253A%252F%252Fplacehold.co%252F400x300%252F0054b4%252Fwhite%253Ftext%253D%25E2%259B%2591%25EF%25B8%258F%252BFREE%252BKIT/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZwbGFjZWhvbGQuYyIsInRpbWUiOjE3NzIwNDI4MzkuNjUzMDMwNn0:1vvJI7:f6DhJ6UKPe6rvNaWTR-d3KuZzxhb3j4b5dTyfZ1lBMs" style="max-width:200px; border-radius: 16px; display: block; box-shadow: 8px 8px 0 #cbd6e4;" width="100%"/>
           </td>
           <td valign="middle" width="55%">
            <h3 style="font-size: 1.5rem; margin:0 0 12px;">
             what’s inside
            </h3>
            <div style="display:flex; flex-wrap:wrap; gap:6px;">
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ jumper cables
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ 300 LED light
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ first aid
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ triangles (3)
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ pressure gauge
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ 12-in-1 tool
             </span>
             <span style="background:white; border-radius:30px; padding:5px 15px; font-weight:600;">
              ✔️ emergency blanket
             </span>
            </div>
            <p style="margin-top:15px; color:#0054b4; font-weight:700;">
             ⭐ plus “survival guide” &amp; carabiner
            </p>
           </td>
          </tr>
         </table>
        </div>
       </td>
      </tr>
      <!-- DETAILED FEATURE GRID (2x3) better readability + visual hierarchy -->
      <tr>
       <td style="padding: 25px 40px 15px 40px;">
        <h3 style="font-size: 20px; margin-bottom: 18px; font-weight:700;">
         everything you need in a roadside emergency
        </h3>
        <table cellpadding="0" cellspacing="0" width="100%">
         <tr>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             ⚡ heavy‑duty cables
            </strong>
            <span>
             18ft, 8-gauge copper
            </span>
           </div>
          </td>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             🔦 rechargeable light
            </strong>
            <span>
             magnetic + SOS mode
            </span>
           </div>
          </td>
         </tr>
         <tr>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             🩸 first aid kit
            </strong>
            <span>
             85-piece, waterproof
            </span>
           </div>
          </td>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             ⚠️ reflective triangles
            </strong>
            <span>
             collapsible, high‑grade
            </span>
           </div>
          </td>
         </tr>
         <tr>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             ⚙️ digital gauge
            </strong>
            <span>
             accurate to 0.1 PSI
            </span>
           </div>
          </td>
          <td style="padding:5px;" valign="top" width="50%">
           <div class="feature-card">
            <strong>
             🔧 multi-tool pro
            </strong>
            <span>
             pliers, bit set, knife
            </span>
           </div>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- HOW IT WORKS (larger numbers, plus micro copy) -->
      <tr>
       <td style="padding: 10px 40px 20px 40px;">
        <h3 style="font-weight:700; margin-bottom:20px; text-align:center; font-size:22px;">
         ✅ secure yours in 3 steps
        </h3>
        <table cellpadding="0" cellspacing="0" width="100%">
         <tr align="center">
          <td style="padding:0 5px;" width="33%">
           <div class="step-circle">
            1
           </div>
           <div style="font-weight:700;">
            quick survey
           </div>
           <div style="font-size:13px; color:#4b5f77;">
            under 90 seconds
           </div>
          </td>
          <td style="padding:0 5px;" width="33%">
           <div class="step-circle">
            2
           </div>
           <div style="font-weight:700;">
            confirm address
           </div>
           <div style="font-size:13px; color:#4b5f77;">
            free shipping included
           </div>
          </td>
          <td style="padding:0 5px;" width="33%">
           <div class="step-circle">
            3
           </div>
           <div style="font-weight:700;">
            get kit 3–5 days
           </div>
           <div style="font-size:13px; color:#4b5f77;">
            track via email
           </div>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- TESTIMONIAL + social proof (2 reviews) -->
      <tr>
       <td style="padding: 0 40px 20px 40px;">
        <table cellpadding="0" cellspacing="0" style="background: #fafcff; border-radius: 24px; padding: 20px 20px; border: 1px solid #e9edf6;" width="100%">
         <tr>
          <td style="padding-right:15px;" valign="top" width="50%">
           <div class="stars">
            ★★★★★
           </div>
           <p style="font-style: italic; color:#1d2b3f; font-size:15px;">
            “My battery died at 10pm. The cables and flashlight saved me. Feels like AAA really cares.”
           </p>
           <div style="font-weight:700;">
            – Patricia W.
           </div>
           <div style="color:#0054b4; font-size:13px;">
            verified member
           </div>
          </td>
          <td style="border-left:2px solid #dbe1ed; padding-left:15px;" valign="top" width="50%">
           <div class="stars">
            ★★★★★
           </div>
           <p style="font-style: italic; color:#1d2b3f; font-size:15px;">
            “Gave one to my daughter. The multi‑tool is no joke—high quality. thanks AAA”
           </p>
           <div style="font-weight:700;">
            – Robert K.
           </div>
           <div style="color:#0054b4; font-size:13px;">
            member since 2005
           </div>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- CTA BUTTON + urgency badge (super attractive) -->
      <tr>
       <td align="center" style="padding: 15px 40px 20px 40px;">
        <a class="pulse-strong" style="background: linear-gradient(145deg, #0054b4, #003d8a); color: white; text-decoration: none; padding: 22px 60px; font-size: 24px; font-weight: 800; border-radius: 60px; display: inline-block; border: 2px solid #ffd966; letter-spacing: 0.8px; box-shadow: 0 12px 15px -5px #002856;">
         ⚡ CLAIM FREE KIT NOW ⚡
        </a>
        <div style="margin-top: 18px; background: #fce6b4; border-radius: 60px; padding: 10px 25px; display: inline-block; font-weight:700; color:#2f2a1b;">
         ⏳ only 182 kits left — 2 per member
        </div>
       </td>
      </tr>
      <!-- WHY FREE + AAA credibility -->
      <tr>
       <td style="padding: 10px 40px 25px 40px;">
        <div style="background: linear-gradient(to right, #f0f5fe, #ffffff); border-radius: 40px; padding: 22px 20px; text-align:center; border:1px solid #b7d0f0;">
         <span style="font-size: 1.3rem; margin-right: 5px;">
          🛡️
         </span>
         <strong style="font-size: 1.1rem;">
          why free?
         </strong>
         AAA covers the cost to build safer drivers.
         <u>
          no catch, no credit card
         </u>
         — just pay it forward.
        </div>
       </td>
      </tr>
      <!-- FOOTER with unsubscribe & info -->
      <tr>
       <td style="background: #0f1f33; color: #b0c6dd; padding: 30px 40px 25px 40px; border-radius: 0 0 24px 24px;">
        <table width="100%">
         <tr>
          <td align="left" style="font-size: 13px;">
           <span style="font-weight:600; color:white;">
            AAA
           </span>
           · 1000 safe drive, Heathrow, FL
           <br/>
           <span style="color:#7795c3;">
            © 2025 AAA member benefits. one per household, while supplies last.
           </span>
           <br/>
           <a style="color:#99b8e9; text-decoration:underline; margin-right:15px;">
            privacy
           </a>
           <a style="color:#99b8e9; text-decoration:underline; margin-right:15px;">
            terms
           </a>
           <a style="color:#ffbe5e; text-decoration:none;">
            unsubscribe
           </a>
          </td>
          <td align="right" style="font-size:13px;">
           📦 free shipping to USA &amp; Canada
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
     <!-- tiny extra note -->
     <div style="max-width:660px; margin-top:15px; color:#6a7d99; font-size:12px; text-align:center;">
      By claiming, you agree to receive occasional safety emails — no spam, only tips.
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>