From aa8e58a726017f5b984dc5dadd11d32d71122b75 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sat, 21 Sep 2024 03:19:37 +0200
Subject: [PATCH] update heading

---
 pages/homepage.htm         |  6 ------
 partials/shared/head.htm   |  3 ---
 partials/shared/header.htm | 35 +++++++++++++++++++++++++++++------
 3 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/pages/homepage.htm b/pages/homepage.htm
index e796d57..33d929a 100644
--- a/pages/homepage.htm
+++ b/pages/homepage.htm
@@ -6,12 +6,6 @@ is_hidden = 0
 [anfrage]
 ==
 
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none" class="w-full h-10 text-rose-100 -mt-10 relative">
-  <path fill="currentColor" class="hidden lg:block" fill-opacity="1" d="M0,128L144,96L288,320L432,0L576,64L720,160L864,32L1008,64L1152,0L1296,128L1440,32L1440,320L1296,320L1152,320L1008,320L864,320L720,320L576,320L432,320L288,320L144,320L0,320Z"></path>
-  <path fill="currentColor" class="lg:hidden" fill-opacity="1" d="M0,160L288,192L576,256L864,128L1152,192L1440,96L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path>
-</svg>
-
-
 <div class="outer-container bg-rose-100" id="ausstattung">
     <div class="container">
         {% partial 'mainheading' title="Ausstattung" %}
diff --git a/partials/shared/head.htm b/partials/shared/head.htm
index 299ba35..1e45136 100644
--- a/partials/shared/head.htm
+++ b/partials/shared/head.htm
@@ -3,9 +3,6 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Lato:wght@300;400&display=swap" rel="stylesheet">
     <title>Disco st. Katharina</title>
     {% styles %}
     {% component 'headAssets' %}
diff --git a/partials/shared/header.htm b/partials/shared/header.htm
index 7bc924e..7666cd4 100644
--- a/partials/shared/header.htm
+++ b/partials/shared/header.htm
@@ -1,12 +1,35 @@
 {# Your header goes here #}
-<div class="relative">
+<div class="relative flex items-center justify-center">
     <img src="{{'header.jpg' | media }}" class="w-full h-48 md:h-full object-cover" />
-    <div class="absolute top-0 w-full h-full left-0 flex justify-center items-center">
-        <div class="flex justify-center items-center rounded-full border-2 border-neutral-900 lg:text-xl font-bold overflow-hidden from-orange-300 to-amber-700 bg-gradient-to-tr">
-            <a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400"  href="#ausstattung">Ausstattung</a>
-            <a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#buchen">Buchungsanfrage</a>
-            <a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#faq">FAQ</a>
+    <div class="absolute top-6 w-full left-0">
+        <div class="container">
+            <div class="flex justify-center items-center rounded-xl lg:text-xl font-bold overflow-hidden from-lime-300/60 to-rose-300/60 bg-gradient-to-tr backdrop-blur">
+                <a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400"  href="/#ausstattung">Ausstattung</a>
+                <a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#buchen">Buchungsanfrage</a>
+                <a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#faq">FAQ</a>
+            </div>
+        </div>
+    </div>
 
+    <div class="hidden lg:block absolute left-0 w-full">
+        <div class="container flex justify-left">
+            <div class="bg-rose-300/80 py-4 px-6 backdrop-blur rounded-lg text-red-900">
+                <h1 class="text-red-900 text-2xl font-bold">
+                    Discothek St. Katharina
+                </h1>
+                <p class="mt-2">
+                    Veranstaltungsraum in Solingen Wald
+                </p>
+                <p>
+                    Für Geburtstage, Firmenfeiern und Partys aller Art.
+                </p>
+            </div>
         </div>
     </div>
 </div>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none" class="w-full h-10 text-rose-100 -mt-10 relative">
+  <path fill="currentColor" class="hidden lg:block" fill-opacity="1" d="M0,128L144,96L288,320L432,0L576,64L720,160L864,32L1008,64L1152,0L1296,128L1440,32L1440,320L1296,320L1152,320L1008,320L864,320L720,320L576,320L432,320L288,320L144,320L0,320Z"></path>
+  <path fill="currentColor" class="lg:hidden" fill-opacity="1" d="M0,160L288,192L576,256L864,128L1152,192L1440,96L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path>
+</svg>
+