Merge pull request #28 from pautva/banner

added banner

Author: pautva

src/components/AnnouncementBanner.astro

@@ -0,0 +1,20 @@
+<!-- Announcement Banner -->
+<div class="p-3">
+  <a
+    class="bg-white/60 backdrop-blur-lg dark:bg-neutral-900/60 group block bg-white hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 p-4 rounded-lg text-center transition duration-300 dark:bg-white/5 dark:hover:bg-white/10 dark:focus:bg-white/10"
+    href="mailto:ux@bgs.ac.uk?subject=Co-Creation Toolkit Feedback"
+  >
+    <div class="max-w-[85rem] px-4 sm:px-6 lg:px-8 mx-auto">
+      <p class="inline-block text-sm text-gray-800 dark:text-neutral-200">
+        This is a <b>beta version</b> of the toolkit. Please share your feedback
+        and suggestions:
+      </p>
+      <span
+        class="group-hover:underline group-focus:underline decoration-2 inline-flex justify-center items-center gap-x-2 font-semibold text-sm"
+      >
+        ux@bgs.ac.uk
+      </span>
+    </div>
+  </a>
+</div>
+<!-- End Announcement Banner -->

src/components/Nav.astro

@@ -2,6 +2,7 @@
 import Icon from './Icon.astro';
 import ThemeToggle from './ThemeToggle.astro';
 import type { iconPaths } from './IconPaths';
+import AnnouncementBanner from './AnnouncementBanner.astro';
 
 /** Main menu items */
 const textLinks: { label: string; href: string }[] = [
@@ -21,10 +22,12 @@ const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[]
 ];
 ---
 
+<AnnouncementBanner />
+
 <nav>
 	<div class="menu-header">
 		<a href="/co-creation-toolkit/" class="site-title">
-			<Icon icon="terminal-window" color="var(--accent-regular)" size="1.6em" gradient />
+			<Icon icon="strategy" color="var(--accent-regular)" size="1.6em" gradient />
 			Co-Creation Toolkit
 		</a>
 		<menu-button>