From db9869eae1fe7687a1ab85807a9a3f6e82f5838d Mon Sep 17 00:00:00 2001
From: Max Norman <27299284+maxn990@users.noreply.github.com>
Date: Mon, 8 Sep 2025 13:36:11 -0400
Subject: [PATCH 1/2] fix spacing between page content and nav

---
 app/components/jumpstart-page/main-section.tsx | 4 ++--
 app/routes/about.tsx                           | 2 +-
 app/routes/jumpstart.tsx                       | 2 +-
 app/routes/partners.tsx                        | 2 +-
 app/routes/people.tsx                          | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/jumpstart-page/main-section.tsx b/app/components/jumpstart-page/main-section.tsx
index 23a543d..4bb120d 100644
--- a/app/components/jumpstart-page/main-section.tsx
+++ b/app/components/jumpstart-page/main-section.tsx
@@ -13,7 +13,7 @@ const JumpstartIntro = ({
 }: JumpstartIntroProps) => {
   return (
     <div className="flex flex-row items-center overflow-x-hidden">
-      <div className="flex flex-col h-[100vh] md:h-[90vh] justify-center md:mr-10 md:w-2/3 relative">
+      <div className="flex flex-col justify-center md:mr-10 md:w-2/3 relative md:py-20">
         <p className="text-2xl md:text-4xl text-[#333333] md:mb-3 font-medium">
           Jumpstart
         </p>
@@ -31,7 +31,7 @@ const JumpstartIntro = ({
         </a>
       </div>
 
-      <div className="hidden md:flex md:w-1/3 justify-center items-center h-[100vh]">
+      <div className="hidden md:flex md:w-1/3 justify-center items-center">
         <img
           src={asImageSrc(image) ?? "/app/icons/typing.svg"}
           alt="web development"
diff --git a/app/routes/about.tsx b/app/routes/about.tsx
index 511ebf8..e8c5bc7 100644
--- a/app/routes/about.tsx
+++ b/app/routes/about.tsx
@@ -47,7 +47,7 @@ export default function About() {
     <div className="relative flex justify-center">
       <div className="absolute top-0 left-0 w-[80%] md:w-[60%] aspect-square bg-purple-radial-gradient-left z-[-1] "></div>
       <div className="absolute bottom-0 right-0 w-[80%] md:w-[60%] aspect-square bg-pink-radial-gradient-right z-[-1] "></div>
-      <div className="w-[90%] md:max-w-[1100px]">
+      <div className="mt-24 md:mt-0 w-[90%] md:max-w-[1100px]">
         <MainSection
           tagline={asText(aboutData.about_pic_text)}
           culture_description={asText(aboutData.culture_description)}
diff --git a/app/routes/jumpstart.tsx b/app/routes/jumpstart.tsx
index 3e780f7..7bad32c 100644
--- a/app/routes/jumpstart.tsx
+++ b/app/routes/jumpstart.tsx
@@ -28,7 +28,7 @@ export default function Jumpstart() {
       <div className="relative flex justify-center">
         <div className="absolute top-[1%] md:top-0 left-0 w-[100%] md:w-[60%] aspect-square bg-purple-radial-gradient-left z-[-1] "></div>
         <div className="absolute top-1/3 right-0 w-[100%] md:w-[60%] aspect-square bg-pink-radial-gradient-right z-[-1] "></div>
-        <div className="w-[90%] md:max-w-[1100px]">
+        <div className="mt-24 md:mt-0 w-[90%] md:max-w-[1100px]">
           <JumpstartIntro
             description={jumpStartData.description}
             signUpLink={jumpStartData.signup}
diff --git a/app/routes/partners.tsx b/app/routes/partners.tsx
index 7b6e065..807765f 100644
--- a/app/routes/partners.tsx
+++ b/app/routes/partners.tsx
@@ -66,7 +66,7 @@ export default function Clients() {
     <div className="relative flex justify-center">
       <div className="absolute top-0 left-0 w-[120%] md:w-[60%] aspect-square bg-purple-radial-gradient-left z-[-1]"></div>
       <div className="absolute bottom-[45%] right-0 w-[120%] md:w-[60%] aspect-square bg-pink-radial-gradient-right z-[-1]"></div>
-      <div className="w-[90%] md:max-w-[1100px]">
+      <div className="mt-24 md:mt-0 w-[90%] md:max-w-[1100px]">
         <PartnerHeader {...clientQuote} />
         <h3 className="text-xl md:text-4xl mb-5 md:mb-8 font-medium">
           Current Partner Organizations
diff --git a/app/routes/people.tsx b/app/routes/people.tsx
index 3484cc7..312ac4e 100644
--- a/app/routes/people.tsx
+++ b/app/routes/people.tsx
@@ -151,7 +151,7 @@ export default function People() {
   return (
     <div className="relative flex justify-center">
       <div className="absolute left-0  w-[120%] md:w-[60%] aspect-square bg-pink-radial-gradient-left z-[-1]"></div>
-      <div className="w-[90%] md:max-w-[1100px]">
+      <div className="mt-24 md:mt-0 w-[90%] md:max-w-[1100px]">
         <h1 className="mb-9 md:mt-[120px] md:mb-[72px] text-4xl md:text-5xl font-medium shrink-0 text-left">
           Meet the <br className="block md:hidden" />
           <span className="text-indigo-600">

From e08d43cd620708b825afb24b26e52a35d48df0f5 Mon Sep 17 00:00:00 2001
From: Max Norman <27299284+maxn990@users.noreply.github.com>
Date: Mon, 8 Sep 2025 13:47:40 -0400
Subject: [PATCH 2/2] Update main-section.tsx

---
 app/components/jumpstart-page/main-section.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/jumpstart-page/main-section.tsx b/app/components/jumpstart-page/main-section.tsx
index 4bb120d..78d96fa 100644
--- a/app/components/jumpstart-page/main-section.tsx
+++ b/app/components/jumpstart-page/main-section.tsx
@@ -13,7 +13,7 @@ const JumpstartIntro = ({
 }: JumpstartIntroProps) => {
   return (
     <div className="flex flex-row items-center overflow-x-hidden">
-      <div className="flex flex-col justify-center md:mr-10 md:w-2/3 relative md:py-20">
+      <div className="flex flex-col justify-center md:mr-10 md:w-2/3 relative py-10 md:py-20">
         <p className="text-2xl md:text-4xl text-[#333333] md:mb-3 font-medium">
           Jumpstart
         </p>
@@ -31,7 +31,7 @@ const JumpstartIntro = ({
         </a>
       </div>
 
-      <div className="hidden md:flex md:w-1/3 justify-center items-center">
+      <div className="flex md:w-1/3 justify-center items-center">
         <img
           src={asImageSrc(image) ?? "/app/icons/typing.svg"}
           alt="web development"