diff --git a/frontend/src/routes/(public)/(landing)/pricing/+page.svelte b/frontend/src/routes/(public)/(landing)/pricing/+page.svelte
new file mode 100644
index 0000000..562e8d6
--- /dev/null
+++ b/frontend/src/routes/(public)/(landing)/pricing/+page.svelte
@@ -0,0 +1,138 @@
+<script lang="ts">
+	import type { PageData } from './$types'
+
+	import {
+		Calendar,
+		TextSearch,
+		ReceiptText,
+		CodeXml,
+		Check,
+	} from 'lucide-svelte'
+
+	import { Button } from '$lib/components/ui/button/index.js'
+</script>
+
+<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">
+				Priced Fairly
+			</h1>
+			<h2 class="max-w-sm text-center text-xl font-semibold">
+				Kon.sh does not charge for the shorteners, no card needed to
+				sign up for free plan.
+			</h2>
+		</div>
+		<section id="features" class="pt-12">
+			<div
+				class="grid w-full flex-col justify-center gap-4 sm:grid-cols-2 lg:grid-cols-3">
+				<div
+					class="relative flex flex-col gap-8 overflow-hidden rounded-2xl border p-4">
+					<div class="flex flex-col items-start">
+						<h3 class="text-xl font-semibold">Free</h3>
+						<p class="text-muted-foreground text-sm">
+							Essentials only. No credit card needed.
+						</p>
+					</div>
+					<div class="flex flex-row items-end gap-2">
+						<span class="text-4xl font-bold">$0</span>
+						<span>/ month</span>
+					</div>
+					<Button
+						href="/signup"
+						class="bg-brand hover:bg-brand-hover">
+						Get Started
+					</Button>
+
+					<ul class="flex flex-col gap-4 font-normal">
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Unlimited Links</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Unlimited Projects</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Click history up to 1 month</span>
+						</li>
+					</ul>
+				</div>
+				<div
+					class="border-brand relative flex flex-col gap-8 overflow-hidden rounded-2xl border-2 p-4">
+					<div class="flex flex-col items-start">
+						<h3 class="text-xl font-semibold">Pro</h3>
+						<p class="text-muted-foreground text-sm">
+							More customizations.
+						</p>
+					</div>
+					<div class="flex flex-row items-end gap-2">
+						<span class="text-4xl font-bold">$9</span>
+						<span>/ month</span>
+					</div>
+					<Button
+						href={`/signup?redirect=${encodeURIComponent(
+							'/dashboard/billing',
+						)}`}
+						class="bg-brand hover:bg-brand-hover">
+						Get Started
+					</Button>
+
+					<ul class="flex flex-col gap-4 font-normal">
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Everything in free</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">5 custom domains</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">2 years click history</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Custom QR Code</span>
+						</li>
+					</ul>
+				</div>
+				<div
+					class="relative flex flex-col gap-8 overflow-hidden rounded-2xl border p-4">
+					<div class="flex flex-col items-start">
+						<h3 class="text-xl font-semibold">Free (Self Host)</h3>
+						<p class="text-muted-foreground text-sm">
+							You host on your server.
+						</p>
+					</div>
+					<div class="flex flex-row items-end gap-2">
+						<span class="text-4xl font-bold">$0</span>
+						<span>/ month</span>
+					</div>
+					<Button
+						href="/signup"
+						class="bg-brand hover:bg-brand-hover">
+						Get Started
+					</Button>
+
+					<ul class="flex flex-col gap-4 font-normal">
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Unlimited Links</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Unlimited Projects</span>
+						</li>
+						<li class="flex items-center gap-3">
+							<Check class="text-brand" />
+							<span class="flex">Basically No Limits</span>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</section>
+	</div>
+</main>