From 52a9a860778d420042feabcb82dc85271e43b0f8 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:40:12 +0000
Subject: [PATCH] Improve header navigation and branding across the platform

Updated header component in FolxStadlPage.tsx:
- Changed div className from "flex items-center gap-4" to "flex items-center space-x-4".
- Changed span to h1 for the logo text "go4.video".
- Updated link className for "Home" to change hover color from "text-white" to "text-bunny-blue".
- Added a new link for "FOLX STADL" with hover color "text-bunny-blue".
- Removed the absolute positioning and centering of the "FOLX STADL" title.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
---
 client/src/pages/FolxStadlPage.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 5e3e48c..ff00236 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -57,28 +57,26 @@ export default function FolxStadlPage() {
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Left side - Logo */}
-            <div className="flex items-center gap-4">
+            <div className="flex items-center space-x-4">
               <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
                 <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
                 </div>
-                <span className="text-2xl font-bold text-white tracking-wide">go4.video</span>
+                <h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>
               </Link>
             </div>
 
-            {/* Center - FOLX STADL title */}
-            <div className="absolute left-1/2 transform -translate-x-1/2">
-              <h1 className="text-2xl sm:text-3xl font-bold text-white uppercase tracking-wide">FOLX STADL</h1>
-            </div>
-
             {/* Right side - Navigation */}
             <div className="flex items-center gap-4">
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="text-bunny-light hover:text-white transition-colors">
+                  <Link href="/" className="text-bunny-light hover:text-bunny-blue transition-colors">
                     Home
                   </Link>
+                  <Link href="/folx-stadl" className="text-bunny-light hover:text-bunny-blue transition-colors">
+                    FOLX STADL
+                  </Link>
                 </nav>
               </div>