From 87dddd13b95f1f64cfe46edd98e670034b9ad880 Mon Sep 17 00:00:00 2001
From: awlfccamp <angelawlee@rocketmail.com>
Date: Sat, 14 Sep 2024 18:25:21 -0500
Subject: [PATCH 1/2] update to mui newuser

---
 client/src/pages/NewUser.jsx | 79 ++++++++++++++++++++++++++++--------
 1 file changed, 62 insertions(+), 17 deletions(-)

diff --git a/client/src/pages/NewUser.jsx b/client/src/pages/NewUser.jsx
index 0896f4c87..d75acaafe 100644
--- a/client/src/pages/NewUser.jsx
+++ b/client/src/pages/NewUser.jsx
@@ -1,25 +1,70 @@
 import React, { useState, useEffect } from 'react';
-
+import { Container, Typography, Box } from '@mui/material';
 import ReadyEvents from '../components/ReadyEvents';
 
 const NewUser = (props) => {
-    const [newUser] = useState(true);
-
-    useEffect(() => {
+  const [newUser] = useState(true);
 
-    }, []);
+  useEffect(() => {}, []);
 
-    return (
-        <div className="flex-container">
-            <div className="new">
-                <div className="new-headers">
-                    <h3>Welcome!</h3>
-                    <h4>Thanks for coming.</h4>
-                    <ReadyEvents newUser={newUser}/>
-                </div>
-            </div>
-        </div>
-    )
+  return (
+    <Container
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        width: '100%',
+      }}
+    >
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center',
+          height: '60vh',
+        }}
+      >
+        <Box
+          sx={{
+            maxWidth: '400px',
+            marginBottom: '4vh',
+            zIndex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}
+        >
+          <Typography
+            variant="h3"
+            sx={{
+              fontWeight: 900,
+              textTransform: 'uppercase',
+              fontSize: '3rem',
+              letterSpacing: '-1px',
+              lineHeight: '1',
+            }}
+          >
+            Welcome!
+          </Typography>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+              textTransform: 'uppercase',
+              fontSize: '1.5rem',
+              letterSpacing: '-1px',
+              lineHeight: '1',
+            }}
+          >
+            Thanks for coming.
+          </Typography>
+          <ReadyEvents newUser={newUser} />
+        </Box>
+      </Box>
+    </Container>
+  );
 };
 
-export default NewUser; 
\ No newline at end of file
+export default NewUser;

From 2c89874ac67246aefb914a3cce900049dfe17e37 Mon Sep 17 00:00:00 2001
From: awlfccamp <angelawlee@rocketmail.com>
Date: Sat, 14 Sep 2024 18:32:10 -0500
Subject: [PATCH 2/2] exact fontsize as previous

---
 client/src/pages/NewUser.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/NewUser.jsx b/client/src/pages/NewUser.jsx
index d75acaafe..b6c573dac 100644
--- a/client/src/pages/NewUser.jsx
+++ b/client/src/pages/NewUser.jsx
@@ -41,7 +41,7 @@ const NewUser = (props) => {
             sx={{
               fontWeight: 900,
               textTransform: 'uppercase',
-              fontSize: '3rem',
+              fontSize: '39.2px',
               letterSpacing: '-1px',
               lineHeight: '1',
             }}
@@ -53,7 +53,7 @@ const NewUser = (props) => {
             sx={{
               fontWeight: 700,
               textTransform: 'uppercase',
-              fontSize: '1.5rem',
+              fontSize: '28px',
               letterSpacing: '-1px',
               lineHeight: '1',
             }}