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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1756996385541.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
attached_assets/image_1756996490719.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

4
client/src/components/CookieConsent.tsx
View File

@ -134,7 +134,7 @@ export default function CookieConsent() {
<Button <Button
onClick={() => setShowDetails(true)} onClick={() => setShowDetails(true)}
variant="ghost" variant="ghost"
className="text-[#da234d] hover:text-purple-400 hover:bg-transparent" className="text-white hover:text-purple-400 hover:bg-transparent"
> >
<span translate="no">Einstellungen verwalten</span> <span translate="no">Einstellungen verwalten</span>
</Button> </Button>
@ -158,7 +158,7 @@ export default function CookieConsent() {
<div className="bg-bunny-gray/20 p-4 rounded-lg"> <div className="bg-bunny-gray/20 p-4 rounded-lg">
<div className="flex items-center justify-between mb-2"> <div className="flex items-center justify-between mb-2">
<h4 className="text-white font-medium">Notwendige Cookies</h4> <h4 className="text-white font-medium">Notwendige Cookies</h4>
<div className="bg-[#da234d]/20 text-[#da234d] px-2 py-1 rounded text-xs"> <div className="bg-[#da234d]/20 text-white px-2 py-1 rounded text-xs">
Immer aktiv Immer aktiv
</div> </div>
</div> </div>

4
client/src/components/ad-settings.tsx
View File

@ -121,7 +121,7 @@ export default function AdSettings({ isOpen, onClose }: AdSettingsProps) {
<div className="sticky top-0 bg-white dark:bg-gray-900 p-6 border-b border-gray-200 dark:border-gray-700"> <div className="sticky top-0 bg-white dark:bg-gray-900 p-6 border-b border-gray-200 dark:border-gray-700">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<DollarSign className="w-6 h-6 text-[#da234d]" /> <DollarSign className="w-6 h-6 text-white" />
<h2 className="text-2xl font-bold text-gray-900 dark:text-white"> <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
Ad Settings Ad Settings
</h2> </h2>
@ -158,7 +158,7 @@ export default function AdSettings({ isOpen, onClose }: AdSettingsProps) {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="text-2xl font-bold text-[#da234d]"> <div className="text-2xl font-bold text-white">
{totalImpressions.toLocaleString()} {totalImpressions.toLocaleString()}
</div> </div>
<div className="text-xs text-gray-500"> <div className="text-xs text-gray-500">

2
client/src/components/loading-spinner.tsx
View File

@ -4,7 +4,7 @@ interface LoadingSpinnerProps {
className?: string; className?: string;
} }
export function LoadingSpinner({ size = 'md', text = 'Amazing Content', className = '' }: LoadingSpinnerProps) { export function LoadingSpinner({ size = 'md', text = 'Fantastischer Inhalt', className = '' }: LoadingSpinnerProps) {
const sizeClasses = { const sizeClasses = {
sm: 'w-6 h-6', sm: 'w-6 h-6',
md: 'w-10 h-10', md: 'w-10 h-10',

4
client/src/components/netflix-grid.tsx
View File

@ -150,7 +150,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
<div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
</div> </div>
<h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3> <h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
<p className="text-bunny-light">Loading videos...</p> <p className="text-bunny-light">Videos werden geladen...</p>
</div> </div>
</div> </div>
); );
@ -163,7 +163,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
<div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<div className="text-bunny-muted text-lg mb-4"> <div className="text-bunny-muted text-lg mb-4">
No videos found Keine Videos gefunden
</div> </div>
<p className="text-sm text-bunny-muted"> <p className="text-sm text-bunny-muted">
Try adjusting your search or filter criteria Try adjusting your search or filter criteria

8
client/src/components/search-header.tsx
View File

@ -66,10 +66,10 @@ export default function SearchHeader({
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6"> <nav className="flex space-x-6">
<Link href="/" className="text-bunny-light hover:text-[#da234d] transition-colors" data-testid="link-home"> <Link href="/" className="text-bunny-light hover:text-white transition-colors" data-testid="link-home">
Home Home
</Link> </Link>
<Link href="/folx-stadl" className="text-bunny-light hover:text-[#da234d] transition-colors" data-testid="link-folx-stadl"> <Link href="/folx-stadl" className="text-bunny-light hover:text-white transition-colors" data-testid="link-folx-stadl">
FOLX STADL FOLX STADL
</Link> </Link>
</nav> </nav>
@ -106,7 +106,7 @@ export default function SearchHeader({
<nav className="flex flex-col space-y-3"> <nav className="flex flex-col space-y-3">
<Link <Link
href="/" href="/"
className="text-bunny-light hover:text-[#da234d] transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" className="text-bunny-light hover:text-white transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5"
data-testid="link-mobile-home" data-testid="link-mobile-home"
onClick={() => setIsMobileMenuOpen(false)} onClick={() => setIsMobileMenuOpen(false)}
> >
@ -114,7 +114,7 @@ export default function SearchHeader({
</Link> </Link>
<Link <Link
href="/folx-stadl" href="/folx-stadl"
className="text-bunny-light hover:text-[#da234d] transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" className="text-bunny-light hover:text-white transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5"
data-testid="link-mobile-folx-stadl" data-testid="link-mobile-folx-stadl"
onClick={() => setIsMobileMenuOpen(false)} onClick={() => setIsMobileMenuOpen(false)}
> >

4
client/src/components/video-ads.tsx
View File

@ -32,7 +32,7 @@ export default function VideoAds({ videoId }: VideoAdsProps) {
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
</div> </div>
<div className="text-white text-sm font-medium mb-1">video.folx.tv</div> <div className="text-white text-sm font-medium mb-1">video.folx.tv</div>
<div className="text-gray-400 text-xs">Loading ads...</div> <div className="text-gray-400 text-xs">Werbung wird geladen...</div>
</div> </div>
</Card> </Card>
); );
@ -53,7 +53,7 @@ export default function VideoAds({ videoId }: VideoAdsProps) {
<Card className="p-4 border-gray-200 bg-gray-50"> <Card className="p-4 border-gray-200 bg-gray-50">
<p className="text-gray-600 text-sm flex items-center gap-2"> <p className="text-gray-600 text-sm flex items-center gap-2">
<PlayCircle className="w-4 h-4" /> <PlayCircle className="w-4 h-4" />
No ad spots configured for this video Keine Werbeplätze für dieses Video konfiguriert
</p> </p>
</Card> </Card>
); );

6
client/src/components/video-grid.tsx
View File

@ -40,7 +40,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
<div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
</div> </div>
<h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3> <h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
<p className="text-bunny-light">Loading videos...</p> <p className="text-bunny-light">Videos werden geladen...</p>
</div> </div>
</div> </div>
); );
@ -53,7 +53,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
<div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<div className="text-bunny-muted text-lg mb-4" data-testid="text-no-videos"> <div className="text-bunny-muted text-lg mb-4" data-testid="text-no-videos">
No videos found Keine Videos gefunden
</div> </div>
<p className="text-sm text-bunny-muted"> <p className="text-sm text-bunny-muted">
Try adjusting your search or filter criteria Try adjusting your search or filter criteria
@ -91,7 +91,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
<div className="w-4 h-4 bg-[#da234d] rounded flex items-center justify-center animate-pulse"> <div className="w-4 h-4 bg-[#da234d] rounded flex items-center justify-center animate-pulse">
<div className="w-0 h-0 border-l-[3px] border-l-white border-y-[2px] border-y-transparent"></div> <div className="w-0 h-0 border-l-[3px] border-l-white border-y-[2px] border-y-transparent"></div>
</div> </div>
<span>Loading more...</span> <span>Mehr laden...</span>
</> </>
) : ( ) : (
<> <>

10
client/src/components/video-modal.tsx
View File

@ -449,7 +449,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={onClose} onClick={onClose}
className="absolute -top-12 right-0 text-white hover:text-[#da234d] transition-colors z-60" className="absolute -top-12 right-0 text-white hover:text-white transition-colors z-60"
data-testid="button-close-modal" data-testid="button-close-modal"
> >
<X className="text-2xl" /> <X className="text-2xl" />
@ -527,7 +527,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
onClick={togglePlay} onClick={togglePlay}
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-white hover:text-[#da234d] transition-colors" className="text-white hover:text-white transition-colors"
data-testid="button-play-pause" data-testid="button-play-pause"
> >
{isPlaying ? <Pause className="w-5 h-5" /> : <Play className="w-5 h-5" />} {isPlaying ? <Pause className="w-5 h-5" /> : <Play className="w-5 h-5" />}
@ -539,7 +539,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
onClick={toggleMute} onClick={toggleMute}
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-white hover:text-[#da234d] transition-colors" className="text-white hover:text-white transition-colors"
data-testid="button-volume" data-testid="button-volume"
> >
{isMuted ? <VolumeX className="w-5 h-5" /> : <Volume2 className="w-5 h-5" />} {isMuted ? <VolumeX className="w-5 h-5" /> : <Volume2 className="w-5 h-5" />}
@ -567,7 +567,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
onClick={() => setShowShareMenu(!showShareMenu)} onClick={() => setShowShareMenu(!showShareMenu)}
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-white hover:text-[#da234d] transition-colors" className="text-white hover:text-white transition-colors"
data-testid="button-share" data-testid="button-share"
> >
<Share2 className="w-5 h-5" /> <Share2 className="w-5 h-5" />
@ -633,7 +633,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
onClick={toggleFullscreen} onClick={toggleFullscreen}
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-white hover:text-[#da234d] transition-colors ml-auto" className="text-white hover:text-white transition-colors ml-auto"
data-testid="button-fullscreen" data-testid="button-fullscreen"
> >
<Maximize className="w-5 h-5" /> <Maximize className="w-5 h-5" />

22
client/src/pages/FolxStadlPage.tsx
View File

@ -111,19 +111,19 @@ export default function FolxStadlPage() {
{/* Desktop navigation */} {/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
<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 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> <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>
<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 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> <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>
<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 GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
@ -167,28 +167,28 @@ export default function FolxStadlPage() {
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<Link <Link
href="/" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
Startseite Startseite
</Link> </Link>
<Link <Link
href="/folx-stadl" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
FOLX STADL FOLX STADL
</Link> </Link>
<Link <Link
href="/geschichte-lied" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
DIE GESCHICHTE DES LIEDES DIE GESCHICHTE DES LIEDES
</Link> </Link>
<Link <Link
href="/gipfelstammtisch" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
GIPFELSTAMMTISCH GIPFELSTAMMTISCH
@ -312,13 +312,13 @@ export default function FolxStadlPage() {
{/* Legal Links */} {/* Legal Links */}
<div className="flex items-center space-x-6 text-sm"> <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 Impressum
</Link> </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 Datenschutz
</Link> </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 Nutzungsbedingungen
</Link> </Link>
</div> </div>

22
client/src/pages/GeschichteLiedPage.tsx
View File

@ -113,19 +113,19 @@ export default function GeschichteLiedPage() {
{/* Desktop navigation */} {/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
<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 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> <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>
<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 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> <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>
<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 GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
@ -169,28 +169,28 @@ export default function GeschichteLiedPage() {
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<Link <Link
href="/" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
Startseite Startseite
</Link> </Link>
<Link <Link
href="/folx-stadl" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
FOLX STADL FOLX STADL
</Link> </Link>
<Link <Link
href="/geschichte-lied" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
DIE GESCHICHTE DES LIEDES DIE GESCHICHTE DES LIEDES
</Link> </Link>
<Link <Link
href="/gipfelstammtisch" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
GIPFELSTAMMTISCH GIPFELSTAMMTISCH
@ -313,13 +313,13 @@ export default function GeschichteLiedPage() {
{/* Legal Links */} {/* Legal Links */}
<div className="flex items-center space-x-6 text-sm"> <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 Impressum
</Link> </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 Datenschutz
</Link> </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 Nutzungsbedingungen
</Link> </Link>
</div> </div>

22
client/src/pages/GipfelstammtischPage.tsx
View File

@ -113,19 +113,19 @@ export default function GipfelstammtischPage() {
{/* Desktop navigation */} {/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
<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 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> <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>
<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 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> <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>
<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 GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
@ -169,28 +169,28 @@ export default function GipfelstammtischPage() {
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<Link <Link
href="/" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
Startseite Startseite
</Link> </Link>
<Link <Link
href="/folx-stadl" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
FOLX STADL FOLX STADL
</Link> </Link>
<Link <Link
href="/geschichte-lied" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
DIE GESCHICHTE DES LIEDES DIE GESCHICHTE DES LIEDES
</Link> </Link>
<Link <Link
href="/gipfelstammtisch" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
GIPFELSTAMMTISCH GIPFELSTAMMTISCH
@ -313,13 +313,13 @@ export default function GipfelstammtischPage() {
{/* Legal Links */} {/* Legal Links */}
<div className="flex items-center space-x-6 text-sm"> <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 Impressum
</Link> </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 Datenschutz
</Link> </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 Nutzungsbedingungen
</Link> </Link>
</div> </div>

4
client/src/pages/Impressum.tsx
View File

@ -6,7 +6,7 @@ export default function Impressum() {
<div className="container max-w-4xl mx-auto px-4 py-8"> <div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */} {/* Back to home link */}
<div className="mb-6"> <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 ← Zurück zur Startseite
</Link> </Link>
</div> </div>
@ -106,7 +106,7 @@ export default function Impressum() {
<p> <p>
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
<br /> <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/ https://ec.europa.eu/consumers/odr/
</a> </a>
</p> </p>

2
client/src/pages/PrivacyPolicy.tsx
View File

@ -6,7 +6,7 @@ export default function PrivacyPolicy() {
<div className="container max-w-4xl mx-auto px-4 py-8"> <div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */} {/* Back to home link */}
<div className="mb-6"> <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 ← Zurück zur Startseite
</Link> </Link>
</div> </div>

2
client/src/pages/TermsOfService.tsx
View File

@ -6,7 +6,7 @@ export default function TermsOfService() {
<div className="container max-w-4xl mx-auto px-4 py-8"> <div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */} {/* Back to home link */}
<div className="mb-6"> <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 ← Zurück zur Startseite
</Link> </Link>
</div> </div>

26
client/src/pages/VideoPage.tsx
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 className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
</div> </div>
<h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3> <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>
</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 className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<h3 className="text-white text-lg font-bold mb-2">video.folx.tv</h3> <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>
</div> </div>
); );
@ -351,19 +351,19 @@ export default function VideoPage() {
{/* Desktop navigation */} {/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
<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 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> <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>
<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 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> <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>
<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 GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
@ -407,28 +407,28 @@ export default function VideoPage() {
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<Link <Link
href="/" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
Startseite Startseite
</Link> </Link>
<Link <Link
href="/folx-stadl" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
FOLX STADL FOLX STADL
</Link> </Link>
<Link <Link
href="/geschichte-lied" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
DIE GESCHICHTE DES LIEDES DIE GESCHICHTE DES LIEDES
</Link> </Link>
<Link <Link
href="/gipfelstammtisch" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
GIPFELSTAMMTISCH GIPFELSTAMMTISCH
@ -812,13 +812,13 @@ export default function VideoPage() {
{/* Legal Links */} {/* Legal Links */}
<div className="flex items-center space-x-6 text-sm"> <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 Impressum
</Link> </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 Datenschutz
</Link> </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 Nutzungsbedingungen
</Link> </Link>
</div> </div>

22
client/src/pages/home.tsx
View File

@ -87,19 +87,19 @@ export default function Home() {
{/* Desktop navigation */} {/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 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> <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>
<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 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> <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>
<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 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> <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>
<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 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> <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>
@ -143,28 +143,28 @@ export default function Home() {
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<Link <Link
href="/" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
Startseite Startseite
</Link> </Link>
<Link <Link
href="/folx-stadl" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
FOLX STADL FOLX STADL
</Link> </Link>
<Link <Link
href="/geschichte-lied" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
DIE GESCHICHTE DES LIEDES DIE GESCHICHTE DES LIEDES
</Link> </Link>
<Link <Link
href="/gipfelstammtisch" 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)} onClick={() => setIsMobileMenuOpen(false)}
> >
GIPFELSTAMMTISCH GIPFELSTAMMTISCH
@ -217,13 +217,13 @@ export default function Home() {
{/* Legal Links */} {/* Legal Links */}
<div className="flex items-center space-x-6 text-sm"> <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 Impressum
</Link> </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 Datenschutz
</Link> </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 Nutzungsbedingungen
</Link> </Link>
</div> </div>

8
client/src/pages/not-found.tsx
View File

@ -29,19 +29,19 @@ export default function NotFound() {
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<nav className="flex 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 Home
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>
<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 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> <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>
<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 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> <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>
<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 GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span> <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>