@layout('emails.layouts.base')

@section('content')
<div style="background-image: url('{{baseUrl}}/images/emails/welcome.png');
background-repeat: no-repeat;
background-size: contain;
background-position: right center;">

  <h4>
    Hi {{user.name}},
  </h4>
  <p>
    Welcome to your very own Seepur!
    <p>
      <p>
        Thank you for choosing us to help you connect with your far away loved ones!
      </p>

      <h4>Fun Stats on Bedtime Stories</h4>
      <ul>
        <li>76% of dads read to their kids compared to 72% of mums</li>
        <li>1 In 10 parents read their kids a bedtime story every night</li>
        <li>6% of parents NEVER read a bedtime story to their child</li>
      </ul>
      <br><br>

      <div style="width: 100%; display:flex;justify-content: center;">
        <a style="margin-right:auto; margin-left:auto;background-color: white;
    border:solid 1px #dbdbdb;
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.5em - 1px);
    text-align: center;
    white-space: nowrap;
    border-radius: 290486px;
    padding-left: calc(1em + 0.25em);
    padding-right: calc(1em + 0.25em);
    display: inline-block;
    text-decoration: none;
    " href="{{baseUrl}}" target="_blank">Take me to Seepur</a>
      </div>

      <p>
        Have a great time,
      </p>
      <p>
        Team Seepur
      </p>
</div>
@endsection