feat: add docker-compose for deployment

src/components/sections/Contact.tsx

@@ -0,0 +1,29 @@
+export default function Contact() {
+  return (
+    <section id="contact" className="py-20 bg-white">
+      <div className="container mx-auto px-4">
+        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Kontakt & Anfahrt</h2>
+        <div className="flex flex-col md:flex-row md:space-x-8">
+          <div className="flex-1 mb-8 md:mb-0">
+            <h3 className="text-xl md:text-2xl font-bold mb-4">Adresse</h3>
+            <p>Steinbruch Friedberg</p>
+            <p className="mt-4">Steinerstraße 253, 8240 Friedberg</p>
+            <p>Bei Schlechtwetter im Sportzentrum Friedberg</p>
+          </div>
+          <div className="flex-1">
+            <div className="aspect-w-16 aspect-h-9">
+              <iframe
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3228.641194756047!2d16.055658899999997!3d47.448087799999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476e7d7cb5936f95%3A0xab5b000c861e595b!2sSteinbruch%20Friedberg!5e1!3m2!1sde!2sat!4v1751542474148!5m2!1sde!2sat"
+                width="100%"
+                height="100%"
+                style={{ border: 0 }}
+                allowFullScreen={true}
+                loading="lazy"
+              ></iframe>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

src/components/sections/Hero.tsx

@@ -0,0 +1,11 @@
+export default function Hero() {
+  return (
+    <section className="relative w-full min-h-screen bg-flyer-yellow flex items-center justify-center">
+      <img src="/images/150_image.png" alt="150 Jahre Feuerwehr Friedberg" className="absolute inset-0 w-full h-full object-cover opacity-20" />
+      <div className="relative z-10 text-center text-black">
+        <h1 className="text-6xl md:text-9xl font-bold">STEINBRUCHFEST</h1>
+        <p className="text-2xl md:text-4xl mt-4">16. + 17. Aug.</p>
+      </div>
+    </section>
+  );
+}

src/components/sections/Info.tsx

@@ -0,0 +1,20 @@
+export default function Info() {
+  return (
+    <section id="info" className="py-20 bg-gray-100">
+      <div className="container mx-auto px-4">
+        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Infos</h2>
+        <div className="max-w-3xl mx-auto">
+          <div className="mb-8">
+            <h3 className="text-xl md:text-2xl font-bold mb-4">Karten</h3>
+            <p>VVK € 10,- / AK € 12,-</p>
+            <p>Karten: Trafik Gressenbauer, Der Salon - Monika Krammer, Tapeziermeister Michäler, FF-Mitglieder</p>
+          </div>
+          <div>
+            <h3 className="text-xl md:text-2xl font-bold mb-4">Reinerlös</h3>
+            <p>Der Reinerlös dient der Finanzierung von Fahrzeugen und Geräten der Feuerwehr.</p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}

src/components/sections/Program.tsx

@@ -0,0 +1,22 @@
+export default function Program() {
+  return (
+    <section id="program" className="py-20 bg-white">
+      <div className="container mx-auto px-4">
+        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Programm</h2>
+        <div className="flex flex-col md:flex-row md:space-x-8">
+          <div className="flex-1 mb-8 md:mb-0">
+            <h3 className="text-xl md:text-2xl font-bold mb-4">Samstag</h3>
+            <p>Beginn: 19 Uhr</p>
+            <p>Ab 21 Uhr Musik: <span className="font-bold">LAUSER</span></p>
+          </div>
+          <div className="flex-1">
+            <h3 className="text-xl md:text-2xl font-bold mb-4">Sonntag</h3>
+            <p>Ab 8.45 Uhr Hl. Messe</p>
+            <p>Musik: <span className="font-bold">MGV Wechselklang</span></p>
+            <p className="mt-4">Frühschoppen mit der <span className="font-bold">Stadtkapelle Friedberg</span></p>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}