make adjustments to page and sections to accomodate aditions and removals

Author: earth-walker

website/src/assets/backgrounds/bubbles.svg

@@ -2,8 +2,12 @@
 import { Content } from "../assets/copy/Overview.md";
 ---
 
-<section id="overview" class="bg-bdt-green">
-  <div class="max-w-[85ch] mx-auto py-12 px-3 prose">
-    <Content />
-  </div>
-</section>
+<div
+  class="md:bg-[url(../assets/backgrounds/bubbles.svg)] bg-center md:mg-size-[150vh] lg:bg-cover bg-no-repeat"
+>
+  <section id="overview">
+    <div class="max-w-[85ch] mx-auto py-12 px-3 prose">
+      <Content />
+    </div>
+  </section>
+</div>

website/src/components/Overview.astro

@@ -3,7 +3,7 @@ import { Content } from "../assets/copy/Process.md";
 const steps = ["Create a Screener", "Add Logic", "Deploy Your Tool"];
 ---
 
-<section id="process" class="border-b-2 border-bdt-blue">
+<section id="process">
   <div class="max-w-[85ch] mx-auto py-12 px-3 flex flex-col gap-8 relative">
     <div class="prose max-w-[85ch]">
       <Content />

website/src/components/Process.astro

@@ -7,10 +7,6 @@ export default [
     title: "What We Do",
     path: "/#overview",
   },
-  {
-    title: "Values",
-    path: "/#values",
-  },
   {
     title: "Projects",
     path: "/#projects",

website/src/data/navLinks.js

@@ -4,19 +4,13 @@ import Hero from "../components/Hero.astro";
 import Overview from "../components/Overview.astro";
 import Projects from "../components/Projects.astro";
 import Contact from "../components/Contact.astro";
-import Process from "../components/Process.astro";
-import Values from "../components/Values.astro";
+import Volunteer from "../components/Volunteer.astro";
 ---
 
 <Layout>
   <Hero />
-  <div
-    class="md:bg-[url(../assets/backgrounds/bubbles.svg)] bg-center md:mg-size-[150vh] lg:bg-cover bg-no-repeat"
-  >
-    <Overview />
-    <Process />
-    <Values />
-  </div>
+  <Overview />
   <Projects />
+  <Volunteer />
   <Contact />
 </Layout>