feat: initial banner

src/components/Banner.astro

@@ -0,0 +1,11 @@
+---
+interface Props {
+  text: string;
+}
+
+const { text } = Astro.props as Props;
+---
+
+<div class="text-center p-3 bg-[#ffc82c] text-black text-base mb-4 dark:text-white dark:bg-[#856200]">
+  <p class="font-normal" set:html={text} />
+</div>

src/layouts/Layout.astro

@@ -1,6 +1,7 @@
 ---
 import "../../assets/css/tailwind.pcss";
 
+import Banner from "../components/Banner.astro";
 import Navbar from "../components/Navbar.astro";
 
 export interface Props {
@@ -60,6 +61,10 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site).toString().replace(
     <div
       class="min-h-screen font-sans text-base font-light md:text-xl dark:text-white text-grey-900 dark:bg-grey-900"
     >
+      {false && (
+        <Banner text={"<a href='/drupal-testing'>Register now for my Drupal automated testing workshop &rarr;</a>"} />
+      )}
+
       <Navbar />
 
       <div class="py-10 px-4 mx-auto max-w-xl md:py-10">