feat: add docker-compose for deployment

src/components/layout/Header.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+import Link from 'next/link';
+import { useState } from 'react';
+import { FaBars, FaTimes } from 'react-icons/fa';
+
+export default function Header() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const toggleMenu = () => {
+    setIsOpen(!isOpen);
+  };
+
+  return (
+    <header className="fixed top-0 left-0 w-full bg-white shadow-md z-50">
+      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
+        <Link href="/" className="text-2xl font-bold">FF Friedberg</Link>
+        <div className="md:hidden">
+          <button onClick={toggleMenu} className="text-2xl">
+            {isOpen ? <FaTimes /> : <FaBars />}
+          </button>
+        </div>
+        <nav className={`md:flex ${isOpen ? 'block' : 'hidden'} absolute md:relative top-full left-0 w-full md:w-auto bg-white md:bg-transparent shadow-md md:shadow-none`}>
+          <ul className="flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0 p-4 md:p-0">
+            <li><Link href="/#program" className="hover:underline" onClick={toggleMenu}>Programm</Link></li>
+            <li><Link href="/#info" className="hover:underline" onClick={toggleMenu}>Infos</Link></li>
+            <li><Link href="/#contact" className="hover:underline" onClick={toggleMenu}>Kontakt</Link></li>
+            <li><Link href="/impressum" className="hover:underline" onClick={toggleMenu}>Impressum</Link></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+  );
+}