From a43a443f02d0a4381b59cc7fd4f0eb75b491677f Mon Sep 17 00:00:00 2001
From: Kobe <kobezhe@gmail.com>
Date: Sun, 3 Nov 2024 16:46:01 -0500
Subject: [PATCH] update pages to align with design

---
 .../Fall2024ReleaseModalContent.tsx           | 33 ++++++++-----------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/packages/frontend/components/WhatsNewModal/Fall2024ReleaseModalContent.tsx b/packages/frontend/components/WhatsNewModal/Fall2024ReleaseModalContent.tsx
index dc6e2f5e..eeada18c 100644
--- a/packages/frontend/components/WhatsNewModal/Fall2024ReleaseModalContent.tsx
+++ b/packages/frontend/components/WhatsNewModal/Fall2024ReleaseModalContent.tsx
@@ -21,7 +21,6 @@ export const Fall2024ReleaseModalContent: React.FC<ModalContentProps> = ({
   onClose,
 }) => {
   const featurePages: React.ReactNode[] = [
-    <WhatsNewModalFeaturePage />,
     <InProgressIndicatorFeaturePage />,
     <SearchNEUIntegrationFeaturePage />,
   ];
@@ -51,27 +50,23 @@ export const Fall2024ReleaseModalContent: React.FC<ModalContentProps> = ({
   );
 };
 
-const WhatsNewModalFeaturePage: React.FC = () => {
-  return (
-    <NewFeaturePage
-      title="What's New Modal"
-      descriptionSection={
-        <Text>Stay up to date with the latest changes on GraduateNU!</Text>
-      }
-      image="https://placehold.co/600x400"
-    />
-  );
-};
-
 const InProgressIndicatorFeaturePage: React.FC = () => {
   return (
     <NewFeaturePage
       title="In-progress Indicator"
       descriptionSection={
-        <Text>
-          Have your degree audit move with you and see what requirement sections
-          are currently in progress!
-        </Text>
+        <Stack>
+          <Text>
+            Want to know which major requirements are still in progress?
+          </Text>
+          <Text>
+            Look for the new
+            <span>
+              <InfoOutlineIcon />
+            </span>
+            icon to know which requirements are currently in-progress.
+          </Text>
+        </Stack>
       }
       image={InProgressIndicatorImage.src}
     />
@@ -85,14 +80,14 @@ const SearchNEUIntegrationFeaturePage: React.FC = () => {
       descriptionSection={
         <Stack>
           <Text>
-            Want to know more about a class before adding it to the plan?{" "}
+            Want to know more about a class before adding it to the plan?
           </Text>
           <Text>
             Click on the new{" "}
             <span>
               <InfoOutlineIcon />
             </span>{" "}
-            button to read more about a class on SearchNEU
+            button to read more about a class on SearchNEU.
           </Text>
         </Stack>
       }