diff --git a/templates/home.tmpl b/templates/home.tmpl
new file mode 100644
index 0000000..b020a5a
--- /dev/null
+++ b/templates/home.tmpl
@@ -0,0 +1,80 @@
+{{template "base/head" .}}
+<div class="page-content home">
+	<div class="ui container">
+		<div class="renox-hero">
+			<div class="renox-art">
+				<img src="{{AssetUrlPrefix}}/img/logo.svg" width="200" height="200" alt="Renox Logo">
+			</div>
+			<h1 class="renox-title">Planet Renox</h1>
+			<p class="renox-subtitle">A refined sanctuary for your source code.</p>
+			<div class="renox-actions">
+				{{if .IsSigned}}
+					<a class="ui primary button" href="{{AppSubUrl}}/explore/repos">{{ctx.Locale.Tr "explore"}}</a>
+				{{else}}
+					<a class="ui primary button" href="{{AppSubUrl}}/user/login">{{ctx.Locale.Tr "sign_in"}}</a>
+					<a class="ui button" href="{{AppSubUrl}}/explore/repos">{{ctx.Locale.Tr "explore"}}</a>
+				{{end}}
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.renox-hero {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 100px 0;
+		text-align: center;
+		background-color: #ffffff;
+	}
+
+	.renox-art {
+		margin-bottom: 2rem;
+		animation: float 6s ease-in-out infinite;
+	}
+
+	.renox-title {
+		font-size: 3.5rem !important;
+		font-weight: 300 !important;
+		color: #1b1c1d;
+		margin-bottom: 0.5rem !important;
+		letter-spacing: -1px;
+	}
+
+	.renox-subtitle {
+		font-size: 1.25rem;
+		color: #6a737d;
+		margin-bottom: 2.5rem;
+		font-weight: 300;
+	}
+
+	.renox-actions .ui.button {
+		padding: 12px 30px;
+		font-weight: 400;
+		border-radius: 8px;
+		transition: all 0.2s ease;
+	}
+
+	.renox-actions .ui.primary.button {
+		background-color: #45b135 !important;
+	}
+
+	.renox-actions .ui.primary.button:hover {
+		background-color: #3d9e2f !important;
+		transform: translateY(-1px);
+	}
+
+	@keyframes float {
+		0% { transform: translateY(0px); }
+		50% { transform: translateY(-15px); }
+		100% { transform: translateY(0px); }
+	}
+
+	/* Force light mode background for this section if Gitea is in dark mode */
+	body:not(.theme-arc-green) .renox-hero {
+		background-color: #ffffff;
+	}
+</style>
+{{template "base/footer" .}}