add feature page for qr, analytics and custom domain

frontend/src/routes/(public)/(landing)/+page.svelte

@@ -24,7 +24,7 @@
 			name: 'QR Code',
 			description:
 				'Every shortener comes automatically comes with a QR Code',
-			href: '/',
+			href: '/features/qrcode',
 			class: 'col-span-3 lg:col-span-1',
 		},
 		{
@@ -32,14 +32,14 @@
 			name: 'Analytics',
 			description:
 				'Latest data about your shortener to help you analyse',
-			href: '/',
+			href: '/features/analytics',
 			class: 'col-span-3 lg:col-span-2',
 		},
 		{
 			Icon: ExternalLinkIcon,
 			name: 'Custom Domain',
 			description: 'Use your own domain for branding purposes',
-			href: '/',
+			href: '/features/custom-domain',
 			class: 'col-span-3 lg:col-span-3',
 		},
 	]

frontend/src/routes/(public)/(landing)/features/analytics/+page.svelte

@@ -0,0 +1,18 @@
+<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>

frontend/src/routes/(public)/(landing)/features/custom-domain/+page.svelte

@@ -0,0 +1,15 @@
+<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">
+				Custom Domain
+			</h1>
+			<h2 class="max-w-sm text-center text-xl font-semibold">
+				Pro users are able to set custom domain to their shorteners,
+				thus getting more brand customization and more custom
+				shortener code
+			</h2>
+		</div>
+	</div>
+</main>

frontend/src/routes/(public)/(landing)/features/qrcode/+page.svelte

@@ -0,0 +1,27 @@
+<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>

frontend/src/routes/(public)/(landing)/pricing/+page.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import type { PageData } from './$types'
-
 	import {
 		Calendar,
 		TextSearch,