{% extends "emails/_base.html" %}

{% block body %}
<h2 style="margin:0 0 8px;color:#0F172A;font-size:22px;">{{ t.email_waitlist_supplier_heading }}</h2>
<hr style="border:none;border-top:1px solid #E2E8F0;margin:0 0 16px;">
<p>{{ t.email_waitlist_supplier_body | tformat(plan_name=plan_name) }}</p>
<p>{{ t.email_waitlist_supplier_perks_intro }}</p>
<ul style="font-size:14px;color:#1E293B;margin:16px 0;">
  <li>{{ t.email_waitlist_supplier_perk_1 }}</li>
  <li>{{ t.email_waitlist_supplier_perk_2 }}</li>
  <li>{{ t.email_waitlist_supplier_perk_3 }}</li>
</ul>
<p style="font-size:13px;color:#64748B;">{{ t.email_waitlist_supplier_meanwhile }}</p>
<ul style="font-size:13px;color:#64748B;">
  <li><a href="{{ base_url }}/planner" style="color:#1D4ED8;">{{ t.email_waitlist_supplier_link_planner }}</a></li>
  <li><a href="{{ base_url }}/directory" style="color:#1D4ED8;">{{ t.email_waitlist_supplier_link_directory }}</a></li>
</ul>
{% endblock %}
