Fix Astro component structure and Netlify configuration

- Remove double Layout wrapping (Welcome component no longer wraps itself in Layout)
- Fix index.astro to properly pass title to Layout
- Remove problematic admin role condition from netlify.toml redirects
- Clean up component architecture following Astro best practices

Author: BekahHW

netlify.toml

@@ -5,12 +5,11 @@
 [build.environment]
   NODE_VERSION = "20"
 
-# Redirect rules for SPA-like behavior (optional)
+# Redirect rules for SPA-like behavior
 [[redirects]]
   from = "/*"
   to = "/index.html"
   status = 200
-  conditions = {Role = ["admin"]}
 
 # Optional: Handle form submissions (if you plan to add forms later)
 # [[redirects]]

src/components/Welcome.astro

@@ -1,6 +1,4 @@
 ---
-import Layout from '../layouts/Layout.astro';
-
 // Simple data for our MVP
 const contributorTip = {
   week: 1,
@@ -138,18 +136,17 @@ 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>
+<!-- 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>
-  <!-- Hero Section -->
-  <section class="min-h-[80vh] flex flex-col justify-center items-center text-center px-4 relative overflow-hidden">
+</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>
     <!-- Simple animated element -->
     <div class="absolute inset-0 z-0">
@@ -322,5 +319,4 @@ const resources = [
         ))}
       </div>
     </div>
-  </section>
-</Layout>
+  </section>

src/pages/index.astro

@@ -1,11 +1,8 @@
 ---
 import Welcome from '../components/Welcome.astro';
 import Layout from '../layouts/Layout.astro';
-
-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
 ---
 
-<Layout>
+<Layout title="Open Source Communities">
 	<Welcome />
 </Layout>