Add banner

packages/docs/src/.vitepress/config.ts

@@ -234,6 +234,7 @@ export default withMermaid({
 
     socialLinks: [
       // { icon: 'github', link: 'https://gitlab.com/GeneralProtocols/xo/stack' },
+      { icon: 'x', link: 'https://x.com/xo_bitcoincash' },
     ],
 
     // This is the outline on the right-hand side of the page.

packages/docs/src/index.md

@@ -22,6 +22,11 @@ TODO: When we have docs public, move this back into the top config section above
       link: /quick-start
 -->
 
+<!-- Alert Banner for "In Development" -->
+<div class="alert-banner VPButton brand">
+  The XO Stack is in active development. Any available code is for learning and exploration only — expect frequent changes and significant instability until production release of the stack.
+</div>
+
 <!-- Promo section on front page with animated X and O behind the image -->
 <div class="promo">
   <div class="promo-text">
@@ -95,6 +100,22 @@ TODO: When we have docs public, move this back into the top config section above
 </div>
 
 <style scoped>
+
+/* Alert Banner */
+.alert-banner {
+
+  padding: 12px 20px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 500;
+  margin: 20px auto;
+  border-radius: 8px;
+  max-width: 900px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  color: white;
+  font-weight: bold;
+}
+
 .items {
   display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;
 }