{% extends 'layouts/base' %}

{% block content %}
		
	{% include "eager/contentBlocks" %}

	{% import "macros" as macros %}

	{{ macros.eager(
		entry,
		[
			'featureImage',
		]
	) }}

	{% embed 'skeletons/internalPage' %}
	{% endembed %}
	
	<section class="grid grid-cols-1 bg-white lg:grid-cols-8 outer-container">
		<article class="flex flex-col items-center justify-center py-16 lg:col-span-5 xl:py-24">
			<h1 class="container w-full font-light type-8xl font-heading">
				Smile with us today.
			</h1>
			<div class="mt-8 w-full !pl-0 container xl:mt-12">
				<div class="flex items-center w-full gap-8">
					<div class="flex-1 w-full h-px shrink-0 bg-imperial"></div>
					<a href="tel:{{globalBusinessDetails.phoneNumber}}" class="pBtn">
						{{globalBusinessDetails.phoneNumber}}
					</a>
				</div>
			</div>
		</article>
		<article class="overflow-hidden lg:col-span-3 lg:py-12">
			<img class="object-contain w-full origin-left lg:scale-125" src="{{ siteUrl }}/dist/images/teethBanner.svg" alt=""/>
		</article>
	</section>

{% endblock content %}