diff --git a/frontend/src/routes/(public)/(landing)/+page.svelte b/frontend/src/routes/(public)/(landing)/+page.svelte
index 40ab835..cf2e395 100644
--- a/frontend/src/routes/(public)/(landing)/+page.svelte
+++ b/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',
 		},
 	]
diff --git a/frontend/src/routes/(public)/(landing)/features/analytics/+page.svelte b/frontend/src/routes/(public)/(landing)/features/analytics/+page.svelte
new file mode 100644
index 0000000..4f4619e
--- /dev/null
+++ b/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>
diff --git a/frontend/src/routes/(public)/(landing)/features/custom-domain/+page.svelte b/frontend/src/routes/(public)/(landing)/features/custom-domain/+page.svelte
new file mode 100644
index 0000000..6a0c10e
--- /dev/null
+++ b/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>
diff --git a/frontend/src/routes/(public)/(landing)/features/qrcode/+page.svelte b/frontend/src/routes/(public)/(landing)/features/qrcode/+page.svelte
new file mode 100644
index 0000000..7a0e665
--- /dev/null
+++ b/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>
diff --git a/frontend/src/routes/(public)/(landing)/pricing/+page.svelte b/frontend/src/routes/(public)/(landing)/pricing/+page.svelte
index 562e8d6..b607c13 100644
--- a/frontend/src/routes/(public)/(landing)/pricing/+page.svelte
+++ b/frontend/src/routes/(public)/(landing)/pricing/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-	import type { PageData } from './$types'
-
 	import {
 		Calendar,
 		TextSearch,
diff --git a/frontend/static/features/analytics.png b/frontend/static/features/analytics.png
new file mode 100644
index 0000000..568b3c0
Binary files /dev/null and b/frontend/static/features/analytics.png differ
diff --git a/frontend/static/features/pro-qrcode.png b/frontend/static/features/pro-qrcode.png
new file mode 100644
index 0000000..ac3289b
Binary files /dev/null and b/frontend/static/features/pro-qrcode.png differ
diff --git a/frontend/static/features/qrcode.png b/frontend/static/features/qrcode.png
new file mode 100644
index 0000000..4bd18c2
Binary files /dev/null and b/frontend/static/features/qrcode.png differ