Merge branch 'main' of https://github.com/stevensblueprint/blueprint_…

…website into feat/npo-project-criteria

src/_components/Footer.jsx

@@ -21,13 +21,10 @@ export default function Footer() {
             <div className="mb-6 md:mb-0">
               <a href={blueprint_url} className="flex items-center">
                 <img
-                  src="/assets/logos/logo_negative.png"
+                  src="/assets/logos/logo_banner_negative.png"
                   className="h-8 mr-2"
                   alt="blueprint Logo"
                 />
-                <span className="self-center text-3xl font-semibold font-poppins whitespace-nowrap text-white">
-                  blueprint
-                </span>
               </a>
               <h3 className="my-5 text-white font-medium font-poppins">
                 Technology for Social Good

src/_components/ForNPOs/ProjectTimeline.jsx

@@ -0,0 +1,55 @@
+import React from "https://esm.sh/react";
+
+export default function ProjectTimeline() {
+  return (
+    <section className="grow min-h-[550px] bg-neg text-black lg:px-20 py-16">
+      <div className="">
+        <h1 className=" font-bold text-3xl pl-12 pb-8">Our Project Timeline</h1>
+      </div>
+      <div className="grid lg:grid-cols-3">
+        <div className="px-12 py-8">
+          <h2 className="pb-4 text-xl text-primary font-bold">
+            Phase 1: Introductions
+          </h2>
+          <p>
+            In the initial stages of our project timeline, we'd like to meet and
+            discuss your organization's mission, the project idea, and what we
+            can do to help. We ask that organizations provide a proposal that
+            details the requested project. Not everything has to be fleshed out,
+            since we are open to collaborative scoping, but we would like as
+            much detail as possible so we can decide whether or not this project
+            is feasible for our team.
+          </p>
+        </div>
+        <div className="px-12 py-8 lg:border-x-[1px] border-black">
+          <h2 className="pb-4 text-xl text-primary font-bold">
+            Phase 2: Development
+          </h2>
+          <p>
+            To start the development process, we pair our organizations with the
+            teams that will deliver the project by the end of the timeline.
+            There is one project team per organization, composed of technical
+            leads, project managers, software developers, and user experience
+            designers. Organization representatives can expect to receive status
+            updates and feedback every 2 weeks during scheduled meetings
+            throughout the year.
+          </p>
+        </div>
+        <div className="px-12 py-8">
+          <h2 className="pb-4 text-xl text-primary font-bold">
+            Phase 3: Handoff
+          </h2>
+          <p>
+            Once we reach the end of the timeline, our project teams would have
+            created a minimum viable product (MVP) through a constant feedback
+            loop between our team members and organization. The objective of the
+            final phase is to provide instructions on how to deploy the provided
+            software and conduct basic maintenance going forward. Blueprint is
+            not responsible for maintaining the project after the collaboration
+            period ends.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}

src/_components/Navbar.jsx

@@ -9,18 +9,11 @@ const navigationLinks = [
 ];
 
 export default function NavigationBar() {
-  const logo = "/assets/logos/logo_negative.png";
+  const logo = "/assets/logos/logo_banner_negative.png";
   return (
     <nav className="relative flex items-center justify-between lg:p-6 p-10 bg-primary z-50">
-      <a href="/" className="flex items-center text-white">
-        <img
-          src={logo}
-          alt="Blueprint Logo"
-          className="mr-2 lg:w-10 lg:h-10 w-16 h-16"
-        />
-        <span className="lg:text-3xl text-5xl font-poppins font-semibold hover:font-bold">
-          blueprint
-        </span>
+      <a href="/" className="flex items-center">
+        <img src={logo} alt="Blueprint Logo" className="mr-2 lg:h-10 h-16" />
       </a>
       {/* Desktop Navigation Menu - Visible only on large screens */}
       <div className="hidden lg:flex space-x-6">

src/_includes/_layouts/ForNPOs.jsx

@@ -9,6 +9,7 @@ export default ({ comp }) => (
         <comp.Navbar />
         <comp.ForNPOs.Hero />
         <comp.ForNPOs.ProjectCriteria />
+        <comp.ForNPOs.ProjectTimeline />
       </>
     </body>
   </html>