<div class="flex flex-col justify-between wrapper">
	<div class="p-12">
		<span class="badge">
			{{ d__('theme', 'Speech to Text') }}
		</span>

		<h3 class="mt-8">
			{{ dp__('theme', 'heading', 'Transforming Spoken <br> Words into Text.')|raw }}
		</h3>

		<p class="mt-3 font-medium md:mt-6 md:text-xl">
			{{ d__('theme', 'Instantly Transcribe Spoken Words into Text for Enhanced Productivity and Accessibility.')  }}
		</p>

		<div class="mt-8 md:mt-10">
			<a href="/signup" class="gap-4 button button-primary">
				{{ dp__('theme', 'button', 'Convert now')   }}

				<i class="text-2xl ti ti-arrow-right"></i>
			</a>
		</div>
	</div>

	<div class="mx-0.5">
		<img src="{{ '/assets/speech-to-text.webp' | asset_url }}" alt="AI speech to text transformer" class="dark:hidden" width="1138" height="1046">
		<img src="{{ '/assets/speech-to-text-dark.webp' | asset_url }}" alt="AI speech to text transformer" class="hidden dark:block" width="1138" height="1046">
	</div>
</div>
