{% set theme = theme|default("black") %}

{% set squareWaveImage = craft.assets()
    .volume('icons')
    .title('Square Waves')
    .one()
%}

<section class="{{ theme == "black" ? "bg-raisen-black" : "bg-phillipine-grey" }} inner-container-l flex gap-12 overflow-x-hidden py-20 text-white md:py-28">
	<div class="w-[39rem]">
		<h1 class="heading-0 mb-7 sm:w-96 md:w-[40rem]">
			Contact us for your
			<em>tiny</em>
			home today.
		</h1>
		<a class="{{ theme == "black" ? "bg-phillipine-grey hover:bg-[#70736b]" : "bg-raisen-black hover:bg-raisen-black-tint" }} font-acumin px-5 py-2 text-lg transition-all" href="{{ url('contact-us') }}">Contact Us</a>
	</div>
	<div role="presentation" class="bg-square-wave bg-cover bg-no-repeat hidden shrink-0 w-full md:block xxl:bg-contain" aria-label="{{ squareWaveImage.altText }}"/>
</section>