From 2f0afd433e8f94a41e451b8970fd00767f26825e Mon Sep 17 00:00:00 2001
From: Felix Sargent <felix.sargent@gmail.com>
Date: Sun, 22 Dec 2024 11:23:08 -0800
Subject: [PATCH] Increase gap. Revert font changes.

---
 packages/frontend/index.html                         |  2 +-
 packages/frontend/src/components/LandingPage.tsx     |  2 +-
 .../components/LandingPage/LandingPagePricing.tsx    |  1 -
 .../src/components/LandingPage/LandingPageStats.tsx  |  2 +-
 .../LandingPage/LandingPageTestimonials.tsx          |  4 ++--
 packages/frontend/src/theme.tsx                      | 12 ++++++------
 6 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/index.html b/packages/frontend/index.html
index cb273f8f..fab9bea0 100644
--- a/packages/frontend/index.html
+++ b/packages/frontend/index.html
@@ -22,7 +22,7 @@
     <link rel="manifest" href="/manifest.json" />
     <!-- Importing for ballot bubble font-->
     <link href='https://fonts.googleapis.com/css?family=Archivo Black' rel='stylesheet'>
-    <link href="https://fonts.googleapis.com/css2?family=Nunito Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
     <!--
       Notice the use of  in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/packages/frontend/src/components/LandingPage.tsx b/packages/frontend/src/components/LandingPage.tsx
index ee7b7cbd..400c192e 100644
--- a/packages/frontend/src/components/LandingPage.tsx
+++ b/packages/frontend/src/components/LandingPage.tsx
@@ -49,7 +49,7 @@ const LandingPage = () => {
             width: '100%',
             display: 'flex',
             flexDirection: 'column',
-            gap: '1rem',
+            gap: '2rem',
             margin: 'auto',
         }}>
             <Box sx={{position:'absolute', top: '95vh', width: '100%', textAlign: 'center'}}>
diff --git a/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx b/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx
index f78355db..f12cfacd 100644
--- a/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx
+++ b/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx
@@ -39,7 +39,6 @@ export default () => {
                     <FadeUp key={i} delay={`${200+i*300}ms`}>
                         <Paper key={i} className='pricingOption' elevation={8} sx={{
                             width: '100%',
-                            maxWidth: '25rem',
                             display: 'flex',
                             flexDirection: 'column',
                             flexShrink: '0',
diff --git a/packages/frontend/src/components/LandingPage/LandingPageStats.tsx b/packages/frontend/src/components/LandingPage/LandingPageStats.tsx
index 638ae813..381be9cf 100644
--- a/packages/frontend/src/components/LandingPage/LandingPageStats.tsx
+++ b/packages/frontend/src/components/LandingPage/LandingPageStats.tsx
@@ -49,7 +49,7 @@ export default () => {
             margin: 'auto',
             width: '100%',
             maxWidth: '1300px',
-            gap: '10rem',
+            gap: '2rem',
             justifyContent: 'center',
         }}
         ref={containerRef}
diff --git a/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx b/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx
index 7eff152a..edb8ff4b 100644
--- a/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx
+++ b/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx
@@ -36,8 +36,8 @@ export default () => {
                     backgroundImage: `url(${testimonial.image_url})`,
                     backgroundSize: 'cover',
                     borderRadius: '100%',
-                    width: '10rem',
-                    height: '10rem',
+                    width: '2rem',
+                    height: '2rem',
                     margin: 'auto',
                 }}/>
                 <Typography variant='h5' color={'darkShade.contrastText'} sx={{textAlign: 'center'}}>
diff --git a/packages/frontend/src/theme.tsx b/packages/frontend/src/theme.tsx
index aa31f388..9c7640f4 100644
--- a/packages/frontend/src/theme.tsx
+++ b/packages/frontend/src/theme.tsx
@@ -157,15 +157,15 @@ const brandPalette: PaletteOptions = {
 }
 
 const brandTypography: TypographyOptions = {
-  fontFamily: '"Nunito Sans", sans-serif',
-  button: {
-    fontFamily: '"Nunito Sans", sans-serif',
-    textTransform: 'none'
-  },
+   // fontFamily: 'Montserrat',
+   fontFamily: 'Montserrat, Verdana, sans-serif',
+   button:{
+     fontFamily: 'Montserrat, Verdana, sans-serif',
+   },
   ...Object.fromEntries(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(level => [
     level,
     {
-      fontFamily: '"Nunito Sans", sans-serif',
+      fontFamily: 'Montserrat, Verdana, sans-serif',
       marginTop: '1rem',
       marginBottom: '1rem',
     }