Banner for Enterprise (#604)

# Contributor agreement

- [x] I have read and agree to the [Contributor
Agreement](https://github.com/kuzudb/kuzu-docs/blob/main/CLA.md).

Author: s-illly

astro.config.mjs

@@ -89,6 +89,7 @@ export default defineConfig({
             ],
             components: {
                 Header: './src/components/overrides/Header.astro',
+                Banner: './src/components/overrides/Banner.astro',
             },
             sidebar: [
                 {

scripts/update-version.cjs

@@ -3,18 +3,29 @@ const fs = require('fs/promises');
 const path = require('path');
 
 (async () => {
-    console.log("Fetching latest version from GitHub...");
-    const response = await fetch(GITHUB_API_URL);
-    const data = await response.json();
-    let version = data.tag_name;
-    version = version.trim();
-    version = version.substring(1);
-    console.log(`Latest version is ${version}`);
-    console.log("Updating version.json...");
-    const pathToJson = path.resolve(path.join(__dirname, "..", "src", "version.json"));
-    console.log("Path to version.json: ", pathToJson);
-    const json = JSON.stringify({ version }, null, 2);
-    await fs.writeFile(pathToJson, json);
-    console.log("version.json updated successfully.");
-    console.log("Done.");
+    try {
+        console.log("Fetching latest version from GitHub...");
+        const response = await fetch(GITHUB_API_URL);
+        if (!response.ok) {
+            throw new Error(`GitHub API request failed: ${response.status} ${response.statusText}`);
+        }
+        const data = await response.json();
+        let version = data.tag_name;
+        if (!version || typeof version !== 'string') {
+            throw new Error('Failed to fetch version: tag_name is missing or not a string');
+        }
+        version = version.trim();
+        version = version.startsWith('v') ? version.substring(1) : version;
+        console.log(`Latest version is ${version}`);
+        console.log("Updating version.json...");
+        const pathToJson = path.resolve(path.join(__dirname, "..", "src", "version.json"));
+        console.log("Path to version.json: ", pathToJson);
+        const json = JSON.stringify({ version }, null, 2);
+        await fs.writeFile(pathToJson, json);
+        console.log("version.json updated successfully.");
+        console.log("Done.");
+    } catch (err) {
+        console.error("Error updating version:", err);
+        process.exit(1);
+    }
 })();

src/components/overrides/Banner.astro

@@ -0,0 +1,109 @@
+---
+---
+<script>
+  if (typeof window !== 'undefined' && localStorage.getItem('kuzuBannerClosed') === 'true') {
+    document.write('<style>#top-banner{display:none !important;}</style>');
+  }
+</script>
+<div class="sl-banner" id="top-banner">
+  <div class="banner-content">
+    <a href="https://kuzudb.com/product" target="_blank" rel="noopener noreferrer" class="banner-link">
+      <i class="fa fa-star" aria-hidden="true"></i>
+      <span class="enterprise-waitlist-text">
+        ⭐ Join our Enterprise Edition Waitlist →
+      </span>
+    </a>
+  </div>
+  <button id="close-banner" aria-label="Close banner">&times;</button>
+</div>
+
+<style>
+  .sl-banner {
+    background-color: rgba(249, 115, 22, 0.3);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.25rem 2.5rem;
+    position: sticky;
+    color: white;
+    font-size: 0.875rem;
+    top: 0;
+    z-index: 100;
+    gap: 1rem;
+    width: 100%;
+    min-height: 2.5rem;
+  }
+  .banner-content {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+  .banner-link {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: inherit;
+    text-decoration: none;
+    font-weight: 500;
+    min-width: 0;
+    text-align: center;
+  }
+  .banner-link:hover {
+    text-decoration: underline;
+  }
+  .enterprise-waitlist-text {
+    color: var(--sl-color-text);
+    font-size: 0.875rem;
+    animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    display: inline-block;
+    margin-left: 0.5em;
+  }
+  @media (min-width: 768px) {
+    .enterprise-waitlist-text {
+      font-size: 0.875rem;
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .enterprise-waitlist-text {
+      color: var(--sl-color-text);
+    }
+  }
+  @keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: .5; }
+  }
+  #close-banner {
+    background: none;
+    border: none;
+    color: var(--sl-color-gray-3);
+    font-size: 1rem;
+    cursor: pointer;
+    align-self: center;
+    margin-left: 0.5rem;
+  }
+  #close-banner:hover {
+    color: var(--sl-color-white);
+  }
+</style>
+
+<script>
+  window.addEventListener('load', () => {
+    const banner = document.getElementById('top-banner');
+    const closeButton = document.getElementById('close-banner');
+    if (!banner || !closeButton) return;
+    if (localStorage.getItem('kuzuBannerClosed') === 'true') {
+      banner.style.display = 'none';
+    }
+    closeButton.addEventListener('click', () => {
+      banner.style.display = 'none';
+      localStorage.setItem('kuzuBannerClosed', 'true');
+    });
+  });
+</script> 

src/components/overrides/Header.astro

@@ -5,9 +5,10 @@ import Search from "@astrojs/starlight/components/Search.astro";
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
 import { Icon } from "@astrojs/starlight/components";
+import Banner from './Banner.astro';
 ---
-
 <div class="header sl-flex">
+ 
   <div class="sl-flex">
     <SiteTitle {...Astro.props} />
   </div>