<!-- wp:html -->

<!DOCTYPE html>
<html>
<head>
  <title>Fluent Living Email Lifecycle</title>
  <style>
    body {
      font-family: sans-serif;
      background: #0f4560;
      padding: 2rem;
      color: #f9fafb;
    }
    .logo {
      display: flex;
      justify-content: center;
      margin-bottom: 2rem;
    }
    .logo img {
      max-width: 300px;
      height: auto;
    }
    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2rem;
      position: relative;
    }
    .column {
      background: white;
      color: #1f2937;
      padding: 1.5rem;
      border-radius: 1rem;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
      flex: 1 1 300px;
      min-width: 300px;
      max-width: 350px;
      position: relative;
      transition: transform 0.3s;
    }
    .column:hover {
      transform: translateY(-5px);
    }
    .column h2 {
      font-size: 1.25rem;
      margin-bottom: 1rem;
    }
    .flow-step {
      margin-bottom: 1rem;
      padding: 0.75rem 1rem;
      background-color: #f3f4f6;
      border-left: 4px solid #6b7280;
      border-radius: 0.375rem;
    }
    .mailer-count {
      margin-top: 1rem;
      padding: 0.5rem;
      font-weight: bold;
      text-align: center;
      background-color: #e5e7eb;
      border-radius: 0.5rem;
    }
    .sub {
      font-weight: bold;
      display: block;
      margin-bottom: 0.25rem;
    }
    .merge {
      margin-top: 4rem;
      background: white;
      color: #1f2937;
      padding: 1.5rem;
      border-radius: 1rem;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      position: relative;
    }
    .merge h2 {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
    .arrow-down {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #6b7280;
      margin: 1rem auto;
    }
    .merge::before {
      content: "";
      position: absolute;
      top: -40px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 20px solid #fff;
    }
    h1 {
      text-align: center;
      margin-bottom: 2rem;
    }
  </style>
</head>
<body>
  <div class="logo">
    <img src="https://fluentliving.com/wp-content/uploads/2024/11/Untitled-design-18-768x432.png" alt="Fluent Living Logo">
  </div>
  <h1>Fluent Living Lifecycle by Segment</h1>

  <div class="container">
    <div class="column">
      <h2>Segment: Booked Guests</h2>
      <div class="flow-step"><span class="sub">Trigger:</span> Check-in confirmed via Google Form</div>
      <div class="flow-step">Day 0: Welcome email</div>
      <div class="flow-step">Day 0 Evening: Local essentials guide</div>
      <div class="flow-step">Mid-Stay: Comfort check-in</div>
      <div class="flow-step">1 Day Before Checkout: Pre-checkout info</div>
      <div class="flow-step">1 Day After Checkout: Thank you + review</div>
      <div class="flow-step">2–3 Weeks Later: Re-engagement email</div>
      <div class="flow-step">1–2 Months Later: Rebooking offer</div>
      <div class="flow-step"><span class="sub">Then:</span> Enters Ongoing Campaign Stream</div>
      <div class="mailer-count">Total Emails: 8</div>
      <div class="arrow-down"></div>
    </div>

    <div class="column">
      <h2>Segment: Inquired but Not Booked</h2>
      <div class="flow-step"><span class="sub">Trigger:</span> Inquiry submitted without booking</div>
      <div class="flow-step">Within 24–48h: Follow-up email with featured stays</div>
      <div class="flow-step">Optional: Incentive to complete booking (BookDirect 10%)</div>
      <div class="flow-step">Optional: Local inspiration or seasonal pitch</div>
      <div class="flow-step"><span class="sub">If booking occurs:</span> shift to Booked segment</div>
      <div class="flow-step"><span class="sub">If not:</span> enters Ongoing Campaign Stream after 2–3 touches</div>
      <div class="mailer-count">Total Emails: 3–4</div>
      <div class="arrow-down"></div>
    </div>

    <div class="column">
      <h2>Segment: Subscribed to Newsletter Only</h2>
      <div class="flow-step"><span class="sub">Trigger:</span> Signup via website or manual opt-in</div>
      <div class="flow-step">Day 1: Welcome to Fluent Living email (brand intro)</div>
      <div class="flow-step">Week 1: Top 3 reasons to stay with us (cross-property teaser)</div>
      <div class="flow-step">Week 3: Local insider guide</div>
      <div class="flow-step">Then: Enters Ongoing Campaign Stream</div>
      <div class="flow-step">If inquiry or booking occurs: move to respective segment first</div>
      <div class="mailer-count">Total Emails: 3</div>
      <div class="arrow-down"></div>
    </div>
  </div>

  <div class="merge">
    <h2>Ongoing Campaign Stream</h2>
    <div class="flow-step"><span class="sub">Cross-Sell:</span> Highlight other Fluent buildings (4x/year)</div>
    <div class="flow-step"><span class="sub">Local Events:</span> Monthly spotlight (12x/year)</div>
    <div class="flow-step"><span class="sub">Local Partners:</span> Feature partners quarterly (4x/year)</div>
    <div class="flow-step"><span class="sub">Seasonal:</span> One per season — Summer, Autumn, Winter, Spring (4x/year)</div>
    <div class="flow-step"><span class="sub">Massive Discounts:</span> Based on demand dips — estimate 4x/year</div>
    <div class="mailer-count">Estimated Annual Emails: 28</div>
  </div>
</body>
</html>

<!-- /wp:html -->

<!-- wp:spacer {"height":"365px"} -->
<div style="height:365px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->