Add Preview site message

Author: BekahHW

src/components/Welcome.astro

@@ -139,6 +139,15 @@ const resources = [
 </script>
 
 <Layout title="Open Source Communities">
+    <!-- Sticky Work in Progress Banner -->
+  <div class="sticky top-0 bg-gradient-to-r from-orange-500 to-red-500 text-white py-6 px-6 text-center font-medium z-50 shadow-lg">
+    <div class="max-w-6xl mx-auto flex items-center justify-center gap-2 text-sm md:text-base">
+      <span class="text-lg">⚠️</span>
+      <span class="font-semibold text-lg">PREVIEW SITE:</span>
+      <span class="text-lg">This is a work-in-progress with placeholder data. Nothing is functional yet!</span>
+      <span class="text-lg">⚠️</span>
+    </div>
+  </div>
   <!-- Hero Section -->
   <section class="min-h-[80vh] flex flex-col justify-center items-center text-center px-4 relative overflow-hidden">
     <div class="absolute inset-0 bg-gradient-to-br from-purple-500/20 to-pink-500/20 z-0"></div>