<div style="text-align: center; padding: 100px 20px; font-family: 'Times New Roman', serif;">

<h1 style="font-size: 4em; letter-spacing: 8px; text-transform: uppercase; margin-bottom: 50px;">
DEATH CARE DIRECTORY
</h1>

<div style="display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; margin: 50px 0;">
  
  <div style="background: black; border: 4px solid white; padding: 40px; min-width: 300px; text-align: center;">
    <h2 style="font-size: 2.5em; letter-spacing: 4px; margin-bottom: 20px;">I NEED SUPPORT</h2>
    <p style="font-size: 1.2em; margin-bottom: 30px;">Find death doulas and care workers available now.</p>
    <a href="/directory-listings/" style="display: inline-block; background: black; color: white; padding: 15px 40px; border: 3px solid white; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;">SEARCH HELP</a>
  </div>

  <div style="background: black; border: 4px solid white; padding: 40px; min-width: 300px; text-align: center;">
    <h2 style="font-size: 2.5em; letter-spacing: 4px; margin-bottom: 20px;">I AM SUPPORT</h2>
    <p style="font-size: 1.2em; margin-bottom: 30px;">List your services. $25/year.</p>
    <a href="/submit-listing/" style="display: inline-block; background: black; color: white; padding: 15px 40px; border: 3px solid white; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;">LIST SERVICES</a>
  </div>

</div>

</div>