Add a consistent footer with navigation and company information to all pages
Add a shared footer component to the FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage components. 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
parent
15c455ccd3
commit
d3e69ff709
@ -280,6 +280,66 @@ export default function FolxStadlPage() {
|
||||
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
|
||||
<div className="container">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
|
||||
{/* Company Info */}
|
||||
<div className="col-span-1">
|
||||
<div className="flex items-center space-x-2 mb-4">
|
||||
<div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center">
|
||||
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-white">go4.video</h3>
|
||||
</div>
|
||||
<p className="text-bunny-muted leading-relaxed">
|
||||
Professionelle Video-Streaming-Plattform für österreichische Volksmusik und Unterhaltung.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Navigation */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Navigation</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><Link href="/" className="text-bunny-muted hover:text-white transition-colors">Home</Link></li>
|
||||
<li><Link href="/folx-stadl" className="text-bunny-muted hover:text-white transition-colors">FOLX STADL</Link></li>
|
||||
<li><Link href="/geschichte-lied" className="text-bunny-muted hover:text-white transition-colors">DIE GESCHICHTE DES LIEDES</Link></li>
|
||||
<li><Link href="/gipfelstammtisch" className="text-bunny-muted hover:text-white transition-colors">GIPFELSTAMMTISCH</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Categories */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Kategorien</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Volksmusik</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Dokumentationen</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Interviews</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Shows</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Support */}
|
||||
<div className="col-span-1">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Copyright */}
|
||||
<div className="border-t border-white/10 mt-8 pt-6 text-center">
|
||||
<p className="text-bunny-muted text-sm">
|
||||
© 2025 go4.video. Alle Rechte vorbehalten. | Powered by Bunny.net CDN
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{/* Video Modal */}
|
||||
{selectedVideo && (
|
||||
<BunnyVideoModal
|
||||
|
||||
@ -281,6 +281,66 @@ export default function GeschichteLiedPage() {
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
|
||||
<div className="container">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
|
||||
{/* Company Info */}
|
||||
<div className="col-span-1">
|
||||
<div className="flex items-center space-x-2 mb-4">
|
||||
<div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center">
|
||||
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-white">go4.video</h3>
|
||||
</div>
|
||||
<p className="text-bunny-muted leading-relaxed">
|
||||
Professionelle Video-Streaming-Plattform für österreichische Volksmusik und Unterhaltung.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Navigation */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Navigation</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><Link href="/" className="text-bunny-muted hover:text-white transition-colors">Home</Link></li>
|
||||
<li><Link href="/folx-stadl" className="text-bunny-muted hover:text-white transition-colors">FOLX STADL</Link></li>
|
||||
<li><Link href="/geschichte-lied" className="text-bunny-muted hover:text-white transition-colors">DIE GESCHICHTE DES LIEDES</Link></li>
|
||||
<li><Link href="/gipfelstammtisch" className="text-bunny-muted hover:text-white transition-colors">GIPFELSTAMMTISCH</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Categories */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Kategorien</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Volksmusik</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Dokumentationen</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Interviews</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Shows</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Support */}
|
||||
<div className="col-span-1">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Copyright */}
|
||||
<div className="border-t border-white/10 mt-8 pt-6 text-center">
|
||||
<p className="text-bunny-muted text-sm">
|
||||
© 2025 go4.video. Alle Rechte vorbehalten. | Powered by Bunny.net CDN
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{/* Video Modal */}
|
||||
{selectedVideo && (
|
||||
<BunnyVideoModal
|
||||
|
||||
@ -281,6 +281,66 @@ export default function GipfelstammtischPage() {
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
|
||||
<div className="container">
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm">
|
||||
{/* Company Info */}
|
||||
<div className="col-span-1">
|
||||
<div className="flex items-center space-x-2 mb-4">
|
||||
<div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center">
|
||||
<div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-white">go4.video</h3>
|
||||
</div>
|
||||
<p className="text-bunny-muted leading-relaxed">
|
||||
Professionelle Video-Streaming-Plattform für österreichische Volksmusik und Unterhaltung.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Navigation */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Navigation</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><Link href="/" className="text-bunny-muted hover:text-white transition-colors">Home</Link></li>
|
||||
<li><Link href="/folx-stadl" className="text-bunny-muted hover:text-white transition-colors">FOLX STADL</Link></li>
|
||||
<li><Link href="/geschichte-lied" className="text-bunny-muted hover:text-white transition-colors">DIE GESCHICHTE DES LIEDES</Link></li>
|
||||
<li><Link href="/gipfelstammtisch" className="text-bunny-muted hover:text-white transition-colors">GIPFELSTAMMTISCH</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Categories */}
|
||||
<div className="col-span-1">
|
||||
<h4 className="text-white font-semibold mb-4">Kategorien</h4>
|
||||
<ul className="space-y-2">
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Volksmusik</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Dokumentationen</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Interviews</a></li>
|
||||
<li><a href="#" className="text-bunny-muted hover:text-white transition-colors">Shows</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Support */}
|
||||
<div className="col-span-1">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
{/* Copyright */}
|
||||
<div className="border-t border-white/10 mt-8 pt-6 text-center">
|
||||
<p className="text-bunny-muted text-sm">
|
||||
© 2025 go4.video. Alle Rechte vorbehalten. | Powered by Bunny.net CDN
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{/* Video Modal */}
|
||||
{selectedVideo && (
|
||||
<BunnyVideoModal
|
||||
|
||||
Loading…
Reference in New Issue
Block a user