From a1b2a399efd9ff1c8b3b0dfd71b59c7de28728ea Mon Sep 17 00:00:00 2001
From: Linnea Gräf <nea@nea.moe>
Date: Sun, 17 Nov 2024 03:02:24 +0100
Subject: feat(web): Add hero image and navbar

---
 web/src/components/Hero.astro | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'web/src/components/Hero.astro')

diff --git a/web/src/components/Hero.astro b/web/src/components/Hero.astro
index e69de29..94c7e34 100644
--- a/web/src/components/Hero.astro
+++ b/web/src/components/Hero.astro
@@ -0,0 +1,19 @@
+---
+import {type ImageMetadata} from "astro";
+import {Picture} from "astro:assets";
+
+export type Props = {
+	image: ImageMetadata,
+	alt: string
+}
+---
+<div class="relative text-white overflow-hidden h-80">
+	<div class="inset-0 absolute pointer-events-none">
+		<Picture src={Astro.props.image} alt={Astro.props.alt}
+				 class="object-cover object-center w-full h-full"></Picture>
+		<div class="absolute inset-0 bg-black opacity-30"></div>
+	</div>
+	<div class="relative z-10 flex flex-col justify-center items-center h-full text-center">
+		<slot/>
+	</div>
+</div>
-- 
cgit