<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">
				QR Code
			</h1>
			<h2 class="max-w-sm text-center text-xl font-semibold">
				Kon.sh provides QR Code for every shortener made for free
			</h2>
		</div>

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

		<div class="flex flex-col items-center gap-10 text-center">
			<h2 class="max-w-sm text-center text-xl font-semibold">
				Kon.sh also provides customizable QR Code for pro users
			</h2>
		</div>

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