@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>

  <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>
  <br>
  <p>
    Team Seepur
  </p>
</div>
@endsection