sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update text colors and translations for improved user experience

Browse Source 
This commit addresses several UI and text-related changes across multiple components and pages. Key updates include:
- Modifying link hover colors from a specific red (#da234d) to white for better contrast and consistency.
- Adjusting text colors in various elements, such as buttons and labels, to white for improved readability.
- Translating loading messages and "no results found" messages into German for enhanced localization.
- Minor adjustments to the loading spinner text.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/B14VAa5
This commit is contained in:
sebastjanartic
2025-09-04 14:35:39 +00:00
parent 395dba2daa
commit bfea83b609
19 changed files with 86 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/FolxStadlPage.tsx
+11 -11
View File
@@ -111,19 +111,19 @@ export default function FolxStadlPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
@@ -167,28 +167,28 @@ export default function FolxStadlPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -312,13 +312,13 @@ export default function FolxStadlPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/GeschichteLiedPage.tsx
+11 -11
View File
@@ -113,19 +113,19 @@ export default function GeschichteLiedPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
@@ -169,28 +169,28 @@ export default function GeschichteLiedPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -313,13 +313,13 @@ export default function GeschichteLiedPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/GipfelstammtischPage.tsx
+11 -11
View File
@@ -113,19 +113,19 @@ export default function GipfelstammtischPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
@@ -169,28 +169,28 @@ export default function GipfelstammtischPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -313,13 +313,13 @@ export default function GipfelstammtischPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/Impressum.tsx
+2 -2
View File
@@ -6,7 +6,7 @@ export default function Impressum() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
<Link href="/" className="text-white hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
@@ -106,7 +106,7 @@ export default function Impressum() {
<p>
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
<br />
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-[#da234d] hover:text-purple-400 transition-colors">
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-white hover:text-purple-400 transition-colors">
https://ec.europa.eu/consumers/odr/
</a>
</p>
client/src/pages/PrivacyPolicy.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ export default function PrivacyPolicy() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
<Link href="/" className="text-white hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
client/src/pages/TermsOfService.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ export default function TermsOfService() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
<Link href="/" className="text-white hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
client/src/pages/VideoPage.tsx
+13 -13
View File
@@ -310,7 +310,7 @@ export default function VideoPage() {
<div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
</div>
<h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
<p className="text-bunny-light">Loading video...</p>
<p className="text-bunny-light">Video wird geladen...</p>
</div>
</div>
);
@@ -324,7 +324,7 @@ export default function VideoPage() {
<div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div>
<h3 className="text-white text-lg font-bold mb-2">video.folx.tv</h3>
<p className="text-bunny-light">Video not found</p>
<p className="text-bunny-light">Video nicht gefunden</p>
</div>
</div>
);
@@ -351,19 +351,19 @@ export default function VideoPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
@@ -407,28 +407,28 @@ export default function VideoPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -812,13 +812,13 @@ export default function VideoPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/home.tsx
+11 -11
View File
@@ -87,19 +87,19 @@ export default function Home() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
Startseite
<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="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<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="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<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="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
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>
@@ -143,28 +143,28 @@ export default function Home() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -217,13 +217,13 @@ export default function Home() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/not-found.tsx
+4 -4
View File
@@ -29,19 +29,19 @@ export default function NotFound() {
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<a href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group" data-testid="link-home">
<a href="/" className="relative text-bunny-light hover:text-white transition-colors group" data-testid="link-home">
Home
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<a href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<a href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
<a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</a>