Update support links to display horizontally with separators

Refactors the display of support links across multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, home) from a vertical list to a horizontal, wrapped layout with bullet point separators.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
This commit is contained in:
sebastjanartic 2025-09-01 21:32:13 +00:00
parent 0b21eaff4c
commit 8c563735eb
4 changed files with 40 additions and 36 deletions

View File

@ -316,16 +316,17 @@ export default function FolxStadlPage() {
</div>
{/* Support */}
{/* Support Links */}
<div className="col-span-1">
<div className="pt-2"></div>
<h4 className="text-white font-semibold mb-4">Support</h4>
<ul className="space-y-2">
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Hilfe & FAQ</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Kontakt</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Impressum</a></li>
</ul>
<div className="flex flex-wrap gap-2 pt-2">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div>
</div>

View File

@ -317,16 +317,17 @@ export default function GeschichteLiedPage() {
</div>
{/* Support */}
{/* Support Links */}
<div className="col-span-1">
<div className="pt-2"></div>
<h4 className="text-white font-semibold mb-4">Support</h4>
<ul className="space-y-2">
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Hilfe & FAQ</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Kontakt</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Impressum</a></li>
</ul>
<div className="flex flex-wrap gap-2 pt-2">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div>
</div>

View File

@ -317,16 +317,17 @@ export default function GipfelstammtischPage() {
</div>
{/* Support */}
{/* Support Links */}
<div className="col-span-1">
<div className="pt-2"></div>
<h4 className="text-white font-semibold mb-4">Support</h4>
<ul className="space-y-2">
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Hilfe & FAQ</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Kontakt</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Impressum</a></li>
</ul>
<div className="flex flex-wrap gap-2 pt-2">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div>
</div>

View File

@ -233,16 +233,17 @@ export default function Home() {
</div>
{/* Support */}
{/* Support Links */}
<div className="col-span-1">
<div className="pt-2"></div>
<h4 className="text-white font-semibold mb-4">Support</h4>
<ul className="space-y-2">
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Hilfe & FAQ</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Kontakt</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Datenschutz</a></li>
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Impressum</a></li>
</ul>
<div className="flex flex-wrap gap-2 pt-2">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted"></span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div>
</div>