Add visual depth to inner pages

2026-09-02 01:33:38 -04:00
parent 543e695f4c
commit 49f7d8cde3
5 changed files with 21 additions and 9 deletions
@@ -0,0 +1,9 @@
+---
+const { eyebrow, title, lede, image, imageAlt } = Astro.props;
+---
+<section class="page-intro">
+  <div class="shell page-intro-grid">
+    <div><p class="eyebrow">{eyebrow}</p><h1>{title}</h1><p class="lede">{lede}</p></div>
+    {image && <img src={image} alt={imageAlt} loading="eager" />}
+  </div>
+</section>