kaboom

src/components/Hero.astro

@@ -0,0 +1,26 @@
+---
+import { SITE } from "../site-config";
+
+export interface Props {
+  image: string;
+  title: string;
+  subtitle: string;
+}
+
+const { image, title, subtitle } = Astro.props;
+---
+
+<section class="hero">
+  <div class="container hero-grid">
+    <div class="hero-image">
+      <img src={image} alt={title} width="600" height="800" loading="eager" />
+    </div>
+    <div class="hero-content">
+      <h1>{title}</h1>
+      <p class="subtitle">{subtitle}</p>
+      <p>
+        {SITE.tagline} Based in {SITE.location}.
+      </p>
+    </div>
+  </div>
+</section>