From 2febfa6b501902330c023dd48f593d5d34aa1067 Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Mon, 7 Jul 2025 15:50:25 +0200
Subject: [PATCH] Fix landing page and add home button

---
 page/src/landing-page.tsx |  2 +-
 page/src/playground.tsx   | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/page/src/landing-page.tsx b/page/src/landing-page.tsx
index c3a2f117..94a75e39 100644
--- a/page/src/landing-page.tsx
+++ b/page/src/landing-page.tsx
@@ -109,7 +109,7 @@ export function LandingPage() {
             <div className="absolute bottom-20 left-1/3 w-80 h-80 bg-cyan-500/10 rounded-full blur-3xl animate-pulse delay-2000"></div>
           </div>
 
-          <div className="relative container mx-auto px-6 py-24 md:py-32">
+          <div className="relative container mx-auto min-h-[100dvh] p-4 flex items-center">
             <div className="text-center space-y-8 max-w-4xl mx-auto">
               {/* Main Headline */}
               <h1 className="text-5xl md:text-7xl font-bold bg-gradient-to-r from-white via-blue-100 to-cyan-200 bg-clip-text text-transparent leading-tight">
diff --git a/page/src/playground.tsx b/page/src/playground.tsx
index 052ea58b..d318f6a3 100644
--- a/page/src/playground.tsx
+++ b/page/src/playground.tsx
@@ -15,7 +15,13 @@ import {
 import { Settings, loadSettings, saveSettings } from "./settings";
 import { SettingsMenu } from "@/components/settings-menu";
 
-import { PlayFill, StopFill, GearFill, PauseFill } from "react-bootstrap-icons";
+import {
+  PlayFill,
+  StopFill,
+  GearFill,
+  PauseFill,
+  HouseFill,
+} from "react-bootstrap-icons";
 import { StatusIndicator } from "@/components/status-indicator";
 import { Header } from "./Header";
 
@@ -214,6 +220,11 @@ export class Playground extends React.Component<
         />
         <div className="h-[100dvh] flex flex-col">
           <header className="flex shrink-0 items-center gap-2 border-b p-2 overflow-y-auto">
+            <a href="#/">
+              <Button size="sm" variant="secondary" className="fancy">
+                <HouseFill />
+              </Button>
+            </a>
             <Button size="sm" className="fancy" onClick={this.start}>
               <PlayFill /> <span>Start</span>
             </Button>