From fa728fdfebe48a1b0f95885bd3c30d9f43832335 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 25 Sep 2025 20:30:34 +0000
Subject: [PATCH] Add a live indicator to the website navigation for current
 streams

Adds a "LIVE" button with a pulsating red dot to the navigation bar and mobile menu, indicating active streams.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/CdguB3F
---
 client/src/pages/home.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 6b543b1..a49eccc 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -104,6 +104,11 @@ export default function Home() {
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
                   </Link>
+                  <Link href="/live" className="relative text-red-500 hover:text-red-400 transition-colors group font-bold flex items-center space-x-1">
+                    <span className="w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>
+                    <span>LIVE</span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-400 via-red-500 to-red-600 transition-all duration-300 group-hover:w-full"></span>
+                  </Link>
                 </nav>
                 
                 <div className="relative">
@@ -170,6 +175,14 @@ export default function Home() {
                   >
                     GIPFELSTAMMTISCH
                   </Link>
+                  <Link 
+                    href="/live" 
+                    className="text-red-500 hover:text-red-400 transition-colors font-bold py-1 border-l-2 border-transparent hover:border-red-500 pl-3 flex items-center space-x-2"
+                    onClick={() => setIsMobileMenuOpen(false)}
+                  >
+                    <span className="w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>
+                    <span>LIVE</span>
+                  </Link>
                 </nav>
               </div>