From d3e69ff7099310186dc7f8ab90a11dec73918aef Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:22:19 +0000
Subject: [PATCH] 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
---
 client/src/pages/FolxStadlPage.tsx        | 60 +++++++++++++++++++++++
 client/src/pages/GeschichteLiedPage.tsx   | 60 +++++++++++++++++++++++
 client/src/pages/GipfelstammtischPage.tsx | 60 +++++++++++++++++++++++
 3 files changed, 180 insertions(+)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index d8e9830..e9e3a64 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -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
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index e797c3b..93970bd 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -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
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 823908b..7ffdb62 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -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