From e48566ca9e20a29dca5ded2884e7d26e207aac2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20F=C3=B6rtsch?= <mail@felixfoertsch.de>
Date: Thu, 12 Mar 2026 15:13:29 +0100
Subject: [PATCH] hide nav bar on root loading screen, show branded splash
 instead of "Laden"

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/routes/__root.tsx | 4 +++-
 src/routes/index.tsx  | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index bd61c30..547a474 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -10,13 +10,15 @@ export const Route = createRootRoute({
 	component: () => {
 		const matchRoute = useMatchRoute();
 		const isOnboarding = matchRoute({ to: "/onboarding" });
+		const isRoot = matchRoute({ to: "/" });
+		const hideNav = isOnboarding || isRoot;
 
 		return (
 			<div className="flex min-h-screen flex-col bg-background text-foreground">
 				<main className="mx-auto w-full max-w-2xl flex-1 px-4 pb-20 pt-6">
 					<Outlet />
 				</main>
-				{!isOnboarding && (
+				{!hideNav && (
 					<nav className="fixed inset-x-0 bottom-0 border-t bg-background">
 						<div className="mx-auto flex max-w-2xl">
 							<Link
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 1fc4c4b..36c03d4 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,4 +1,5 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { Loader2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { getDb } from "@/shared/db/client";
 
@@ -32,8 +33,9 @@ function RootRedirect() {
 	if (!loading) return null;
 
 	return (
-		<div className="flex min-h-[60vh] items-center justify-center">
-			<p className="text-muted-foreground">Laden…</p>
+		<div className="flex min-h-[80vh] flex-col items-center justify-center gap-4">
+			<h1 className="text-2xl font-bold">TherapyFinder</h1>
+			<Loader2 className="size-6 animate-spin text-muted-foreground" />
 		</div>
 	);
 }