Release Day Email — HTML Code

Copy this code and paste it into your Kit broadcast template.
<!-- Hero with cover image -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#1a1a1a;">
    <tr>
      <td align="center" style="padding:40px 28px 24px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0">
          <tr>
            <td width="45%" valign="middle" style="padding-right:12px;">
              <img src="https://media.base44.com/images/public/6a714fe83ea352c6cfd81c5d/52f46ca21_Detachguidefrontmatter-1.png" alt="How to Detach from What You Can't Stop Thinking About" width="260" style="display:block;width:100%;max-width:260px;height:auto;border:0;" />
            </td>
            <td width="55%" valign="middle" style="padding-left:12px;">
              <p style="margin:0 0 14px 0;font-size:10px;color:#ff8a65;text-transform:uppercase;letter-spacing:2px;">New Digital Guide · Launches Today</p>
              <p style="margin:0 0 14px 0;font-size:26px;font-weight:800;line-height:1.05;color:#f7f7f7;text-transform:uppercase;">Stop the loop.<br />Get your life back.</p>
              <p style="margin:0;font-family:'Instrument Serif',Georgia,serif;font-size:18px;line-height:1.3;color:#f7f7f7;">The practical guide for when your mind won't let something go.</p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <!-- Price -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#1a1a1a;">
    <tr>
      <td align="center" style="padding:0 28px 36px;">
        <p style="margin:0 0 4px 0;font-family:'Instrument Serif',Georgia,serif;font-size:32px;color:#ff5722;">$7.99</p>
        <p style="margin:0;font-size:10px;color:#ff8a65;text-transform:uppercase;letter-spacing:2px;">Launch week only</p>
      </td>
    </tr>
  </table>
  <!-- CTA band -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#ff5722;">
    <tr>
      <td align="center" style="padding:20px 28px 4px;">
        <a href="https://payhip.com/buy?s=1&cart_links%5B%5D=OQ97d&qty%5BOQ97d%5D=1" style="display:inline-block;padding:16px 44px;background-color:#1a1a1a;color:#ff5722;font-weight:700;text-decoration:none;font-size:15px;">Get the Guide Now</a>
      </td>
    </tr>
    <tr>
      <td align="center" style="padding:0 28px 20px;">
        <p style="margin:0;font-size:11px;color:#1a1a1a;text-transform:uppercase;letter-spacing:2px;">Instant PDF download after checkout</p>
      </td>
    </tr>
  </table>
  <!-- Body -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#262626;">
    <tr>
      <td align="center" style="padding:40px 32px 28px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0">
          <tr>
            <td style="font-family:Arial,Helvetica,sans-serif;color:#f7f7f7;font-size:15px;line-height:1.7;">
              <p style="margin:0 0 20px;font-family:Georgia,serif;font-size:24px;line-height:1.3;color:#f7f7f7;">You signed up to be the first to know. Today is that day.</p>
              <p style="margin:0 0 16px;color:#f7f7f7;">I wrote this for the version of me who couldn't stop thinking about someone. The replaying, the checking, the belief that the right words would fix it. It took me a long time to see that the peace I was chasing wasn't waiting on the other side of that person. It was here the whole time.</p>
              <p style="margin:0 0 16px;color:#f7f7f7;">This guide brings together what helped me let go, with practical steps for working with the thoughts and feelings that keep you stuck, without suppressing them or pretending you don't care.</p>
              <p style="margin:0;color:#f7f7f7;">If you've been waiting for a sign to start moving forward, this is it.</p>
              {{ message_content }}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <!-- Bottom CTA -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#1a1a1a;">
    <tr>
      <td align="center" style="padding:12px 32px 4px;">
        <a href="https://payhip.com/buy?s=1&cart_links%5B%5D=OQ97d&qty%5BOQ97d%5D=1" style="display:inline-block;padding:16px 44px;background-color:#ff5722;color:#000000;font-weight:700;text-decoration:none;font-size:15px;">Get the Guide, $7.99</a>
      </td>
    </tr>
    <tr>
      <td align="center" style="padding:0 32px 40px;">
        <p style="margin:0;font-size:11px;color:#ff8a65;text-transform:uppercase;letter-spacing:2px;">Instant PDF download after checkout</p>
      </td>
    </tr>
  </table>
  <!-- Footer -->
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#1a1a1a;">
    <tr>
      <td align="center" style="padding:20px 32px 40px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0">
          <tr>
            <td style="border-top:1px solid #333333;padding-top:20px;">
              <p style="margin:0 0 8px 0;font-size:13px;color:#f7f7f7;text-align:center;">Logan Barone</p>
              <p style="margin:0 0 6px 0;font-size:11px;color:#7c8a95;text-align:center;">You're receiving this because you joined the launch list. Reply to this email if you have a question.</p>
              <p style="margin:0 0 10px 0;font-size:11px;color:#7c8a95;text-align:center;"><a href="https://loganbarone.com" style="color:#7c8a95;text-decoration:underline;">loganbarone.com</a></p>
              <p style="margin:0 0 6px 0;font-size:11px;color:#7c8a95;text-align:center;">Logan Barone<br />106 Park Place, Suite 204 F, Covington, LA 70433</p>
              <p style="margin:0;font-size:11px;color:#7c8a95;text-align:center;"><a href="{{unsubscribe_url}}" style="color:#7c8a95;text-decoration:underline;">Unsubscribe</a></p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>