<main class="flex w-full flex-col items-center pt-24">
	<div class="flex w-full max-w-6xl flex-col gap-12 p-4">
		<div class="flex flex-col items-center gap-10 text-center">
			<h1
				class="from-brand-hover to-brand bg-gradient-to-r bg-clip-text text-6xl font-bold leading-normal text-transparent">
				Analytics
			</h1>
			<h2 class="max-w-sm text-center text-xl font-semibold">
				Every shortener tracks clicks from all over the world and keep
				a record of their general location and device info
			</h2>
		</div>

		<section id="free-qrcode" class="pt-12">
			<img src="/features/analytics.png" alt="analytics-feature" />
		</section>
	</div>
</main>
