{% extends "emails/_base.html" %}
{% from "emails/_macros.html" import email_button %}

{% block body %}
<h2 style="margin:0 0 8px;color:#0F172A;font-size:22px;">{{ t.email_welcome_heading | tformat(app_name=app_name) }}</h2>
<hr style="border:none;border-top:1px solid #E2E8F0;margin:0 0 16px;">
<p>{{ t.email_welcome_greeting | tformat(first_name=first_name) }}</p>
<p>{{ t.email_welcome_body }}</p>
<p style="font-size:14px;font-weight:600;color:#0F172A;margin:20px 0 8px;">{{ t.email_welcome_quickstart_heading }}</p>
<table cellpadding="0" cellspacing="0" style="margin:0 0 20px;font-size:14px;">
  <tr>
    <td style="padding:4px 10px 4px 0;color:#1D4ED8;">&#9679;</td>
    <td style="padding:4px 0;"><a href="{{ base_url }}/planner" style="color:#1D4ED8;text-decoration:none;font-weight:500;">{{ t.email_welcome_link_planner }}</a></td>
  </tr>
  <tr>
    <td style="padding:4px 10px 4px 0;color:#1D4ED8;">&#9679;</td>
    <td style="padding:4px 0;"><a href="{{ base_url }}/{{ lang }}/markets" style="color:#1D4ED8;text-decoration:none;font-weight:500;">{{ t.email_welcome_link_markets }}</a></td>
  </tr>
  <tr>
    <td style="padding:4px 10px 4px 0;color:#1D4ED8;">&#9679;</td>
    <td style="padding:4px 0;"><a href="{{ base_url }}/{{ lang }}/leads/quote" style="color:#1D4ED8;text-decoration:none;font-weight:500;">{{ t.email_welcome_link_quotes }}</a></td>
  </tr>
</table>
{{ email_button(base_url ~ "/planner", t.email_welcome_btn) }}
{% endblock %}
