link in the index page

css/swieta.css

@@ -37,3 +37,20 @@
         }
     }
 }
+
+
+#swieta-link {
+    background-color: var(--swieta-green);
+    border-radius: var(--border-radius);
+    color: white;
+    text-decoration: none;
+    margin-bottom: 2rem;
+    padding: 0.5rem 1.5rem;
+    display:flex;
+    align-items: center;
+    gap: 1rem;
+
+    &:hover {
+        opacity: 0.9;
+    }
+}

html/index.templ

@@ -5,6 +5,23 @@ templ Index() {
 		<main id="index" tabindex="-1">
 			<header>
 				<div>
+					<a href="/swieta/" id="swieta-link">🎄 Oferta świąteczna już dostępna - zamów makosernik, torcik piernikowy i więcej
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								width="24"
+								height="24"
+								viewBox="0 0 24 24"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								class="lucide lucide-arrow-right-icon lucide-arrow-right"
+							>
+								<path d="M5 12h14"></path>
+								<path d="m12 5 7 7-7 7"></path>
+							</svg>
+					</a>
 					<h1>Słodkości tworzone z <span>pasją</span></h1>
 					<p>
 						Naturalne składniki, domowe receptury i pasja. Tworzymy torty i wypieki na Twoje najważniejsze chwile

html/layout.templ

@@ -29,7 +29,6 @@ templ layout(activePage string) {
 						@Link(activePage, "wyroby", "Wyroby")
 						@Link(activePage, "album", "Album")
 						@Link(activePage, "kawiarnia", "Kawiarnia")
-						@Link(activePage, "swieta", "Oferta świąteczna")
 					</div>
 					<a class="btn" href="#footer">Kontakt</a>
 				</div>