@layout('emails.layouts.base')

@section('content')

<h4>
  Hi {{user.name}},
</h4>

<div style="max-width:35%; margin: 0px auto;">
  <img src="{{baseUrl}}/images/emails/welcome.png" alt="" style="object-fit: contain; display:inline-block; margin-left:auto; margin-right:auto; max-width:100%">
</div>
<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>

<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>
  We Hope you will have a great time
</p>
<br>
<p>
  Team Seepur
</p>
@endsection