{% extends '/components/merlin/steps/base.twig' %}

{% block slide_body_video_section %}
	<div class="row">
		<div class="col-8">
			<p>{{ strings.opt_in_text }}</p>
		</div>
		<div class="col-4">
			<a href="{{ hrefs.facebook }}"
			   class="button d-block w-100 text-center p-3"
			   target="_blank"
			><i class="{{ imgs.svgs.facebook }}" aria-hidden="true"></i> Join FB Group!</a>
		</div>
	</div>

	<div class="row mt-4">
		<div class="col-8">
			<p>Follow us on Twitter for news, updates, and promotions.</p>
		</div>
		<div class="col-4">
			<a href="{{ hrefs.twitter }}"
			   class="button d-block w-100 text-center p-3"
			   target="_blank"
			>
				<i class="{{ imgs.svgs.twitter }}" aria-hidden="true"></i>
				Follow On Twitter!
			</a>
		</div>
	</div>

	<div class="row mt-4">
		<div class="col-8">
			<p>Join our newsletter to get alerted when we have new blog posts and announcements.</p>
		</div>
		<div class="col-4">
			<a href="{{ hrefs.email }}"
			   class="button d-block w-100 text-center p-3"
			   target="_blank"
			>
				<i class="{{ imgs.svgs.email }}" aria-hidden="true"></i>
				Join Our Newsletter!
			</a>
		</div>
	</div>
{% endblock %}