From cc73c982f2e082a1bf76b1fe2559840445d3e94b Mon Sep 17 00:00:00 2001
From: haidertiz <tizian.haider@brz.gv.at>
Date: Wed, 9 Jul 2025 15:48:20 +0200
Subject: [PATCH] add lauser img; add program info;

---
 docker-compose.yml                  | 10 ++--
 src/components/Lauser.tsx           | 83 +++++++++++++++++++++++++++++
 src/components/sections/Hero.tsx    | 10 ++--
 src/components/sections/Program.tsx |  8 ++-
 4 files changed, 99 insertions(+), 12 deletions(-)
 create mode 100644 src/components/Lauser.tsx

diff --git a/docker-compose.yml b/docker-compose.yml
index 8bfd2b4..decb54c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,5 +1,3 @@
-version: '3.8'
-
 services:
   web:
     build:
@@ -12,10 +10,10 @@ services:
     restart: always
     labels:
       - traefik.enable=true
-      - traefik.http.routers.qplp.entrypoints=websecure
-      - traefik.http.routers.qplp.rule=Host(`poc.haider.app`)
-      - traefik.http.routers.qplp.tls=true
-      - traefik.http.routers.qplp.tls.certresolver=production
+      - traefik.http.routers.quarryparty.rule=Host(`steinbruchfest.at`) || Host(`www.steinbruchfest.at`)
+      - traefik.http.routers.quarryparty.entrypoints=websecure
+      - traefik.http.routers.quarryparty.tls=true
+      - traefik.http.routers.quarryparty.tls.certresolver=production
       - traefik.docker.network=traefik_nw_public
     networks:
       - traefik_nw_public
diff --git a/src/components/Lauser.tsx b/src/components/Lauser.tsx
new file mode 100644
index 0000000..39720b6
--- /dev/null
+++ b/src/components/Lauser.tsx
@@ -0,0 +1,83 @@
+
+export default function Lauser() {
+    return (
+        <svg
+        className="w-full h-full object-cover"
+            version="1.1"
+            id="svg2"
+            width="1122.52"
+            height="793.70667"
+            viewBox="0 0 1122.52 793.70667"
+            xmlns="http://www.w3.org/2000/svg">
+            <defs
+                id="defs6">
+                <clipPath
+                    clipPathUnits="userSpaceOnUse"
+                    id="clipPath20">
+                    <path
+                        d="M 0,595.28 H 841.89 V 0 H 0 Z"
+                        id="path18" />
+                </clipPath>
+            </defs>
+            <g
+                id="g8"
+                transform="matrix(1.3333333,0,0,-1.3333333,0,793.70667)">
+                <g
+                    id="g10"
+                    transform="translate(116.1533,428.5979)">
+                    <path
+                        d="m 0,0 v -202.099 h 43.307 v -34.646 H -36.089 V 0 Z"
+                        style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                        id="path12" />
+                </g>
+                <g
+                    id="g14">
+                    <g
+                        id="g16"
+                        clipPath="url(#clipPath20)">
+                        <g
+                            id="g22"
+                            transform="translate(231.6387,382.404)">
+                            <path
+                                d="M 0,0 V -98.163 H 21.654 V 0 c 0,3.271 -1.108,6.013 -3.321,8.228 -2.214,2.213 -4.716,3.32 -7.506,3.32 -2.792,0 -5.294,-1.107 -7.507,-3.32 C 1.105,6.013 0,3.271 0,0 m 57.743,0 v -98.163 h 14.436 v -34.646 H 57.743 v -57.742 H 21.654 v 57.742 H 0 v -57.742 h -36.089 v 57.742 h -14.436 v 34.646 h 14.436 V 0 c 0,12.606 4.547,23.458 13.642,32.552 9.094,9.095 20.185,13.642 33.274,13.642 13.087,0 24.18,-4.547 33.275,-13.642 C 53.196,23.458 57.743,12.606 57.743,0"
+                                style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                                id="path24" />
+                        </g>
+                        <g
+                            id="g26"
+                            transform="translate(383.2144,428.5979)">
+                            <path
+                                d="m 0,0 h 36.089 v -190.551 c 0,-12.609 -4.547,-23.458 -13.642,-32.552 -9.094,-9.095 -20.187,-13.642 -33.274,-13.642 -13.089,0 -24.18,4.547 -33.274,13.642 -9.095,9.094 -13.642,19.943 -13.642,32.552 V 0 h 36.089 v -190.551 c 0,-3.273 1.106,-6.016 3.321,-8.229 2.212,-2.215 4.714,-3.319 7.506,-3.319 2.79,0 5.292,1.104 7.507,3.319 2.213,2.213 3.32,4.956 3.32,8.229 z"
+                                style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                                id="path28" />
+                        </g>
+                        <g
+                            id="g30"
+                            transform="translate(497.9775,315.5666)">
+                            <path
+                                d="m 0,0 c 14.916,-14.918 22.376,-31.133 22.376,-48.648 0,-20.596 -7.362,-38.255 -22.087,-52.979 -14.725,-14.725 -33.829,-22.086 -57.31,-22.086 v 34.645 c 13.184,0 23.697,3.92 31.542,11.765 7.843,7.843 11.765,17.395 11.765,28.655 0,10.682 -3.561,19.871 -10.682,27.572 l -10.25,10.393 c -14.917,14.916 -22.375,31.132 -22.375,48.649 0,20.593 7.363,38.254 22.086,52.979 14.725,14.724 33.828,22.086 57.311,22.086 V 78.386 c -13.187,0 -23.7,-3.923 -31.542,-11.765 -7.846,-7.845 -11.766,-17.395 -11.766,-28.655 0,-10.683 3.56,-19.874 10.683,-27.572 z"
+                                style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                                id="path32" />
+                        </g>
+                        <g
+                            id="g34"
+                            transform="translate(635.8398,428.5979)">
+                            <path
+                                d="M 0,0 V -34.646 H -43.308 V -57.743 H 14.436 V -92.388 H -43.308 V -202.099 H 0 v -34.646 h -79.396 v 144.357 h -14.436 v 34.645 h 14.436 V 0 Z"
+                                style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                                id="path36" />
+                        </g>
+                        <g
+                            id="g38"
+                            transform="translate(708.0176,387.8894)">
+                            <path
+                                d="m 0,0 v -97.585 c 4.331,1.538 9.672,4.858 16.023,9.96 13.376,10.683 20.067,23.625 20.067,38.833 0,15.204 -6.691,28.149 -20.067,38.832 C 9.672,-4.861 4.331,-1.541 0,0 m 0,-145.801 v -50.235 H -36.089 V 40.708 c 31.372,0 57.26,-8.733 77.664,-26.2 20.402,-17.467 30.604,-38.568 30.604,-63.3 0,-24.735 -10.202,-45.812 -30.604,-63.229 -7.026,-6.063 -13.522,-10.587 -19.488,-13.57 l 52.835,-70.445 H 37.678 Z"
+                                style={{ fill: "#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" }}
+                                id="path40" />
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    )
+}
\ No newline at end of file
diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index 291cb52..3e687de 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -3,11 +3,8 @@ import MobileImageLandscape from "../MobileImageLandscape";
 
 export default function Hero() {
   return (
-    <section className="relative w-full min-h-screen bg-flyer-yellow flex flex-col">
-      <div className="w-full h-[50vh]">
-        <MobileImageLandscape />
-      </div>
-      <div className="w-full h-[50vh] flex flex-col text-center text-black">
+    <section className="relative w-full bg-flyer-yellow flex flex-col">
+      <div className="w-full h-[25vh] mt-4 flex flex-col text-center text-black">
         <div className="md:hidden">
           <h1 className="text-6xl font-bold font-stick">STEIN</h1>
           <h1 className="text-6xl font-bold font-stick">BRUCH</h1>
@@ -18,6 +15,9 @@ export default function Hero() {
         </div>
         <p className="text-2xl md:text-4xl mt-4">16. + 17. Aug.</p>
       </div>
+      <div className="w-full h-[50vh]">
+        <MobileImageLandscape />
+      </div>
     </section>
   );
 }
diff --git a/src/components/sections/Program.tsx b/src/components/sections/Program.tsx
index ada92fa..cf9f5c7 100644
--- a/src/components/sections/Program.tsx
+++ b/src/components/sections/Program.tsx
@@ -1,3 +1,5 @@
+import Lauser from "../Lauser";
+
 export default function Program() {
   return (
     <section id="program" className="py-20 bg-white">
@@ -7,12 +9,16 @@ export default function Program() {
           <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>
+            <p>Ab 21 Uhr Musik</p>
+            <div className="aspect-[682/466] w-40 max-w-xs">
+              <Lauser></Lauser>
+            </div>
           </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">Festakt 150 Jahre FF Friedberg</p>
             <p className="mt-4">Frühschoppen mit der <span className="font-bold">Stadtkapelle Friedberg</span></p>
           </div>
         </div>