Update h3 header and copies (#75)

* feat: update home, work, contact copy

* feat: update h3 heading style

* feat: revert home copy

* feat: revert contact heading styles. stray from h3

* feat: update h3 fontSize 24.5rem to 25

* feat: contact remove "now" copy

Author: digiwand

src/components/sections/contact/ContactLeftSide.js

@@ -18,17 +18,30 @@ function ContactLeftSide() {
     }}
     >
       <div>
-        <h3 sx={{ color: (t) => getColor(t, 'contactSubHeader'), pb: 3 }}>
+        <div sx={{ 
+          variant: 'text.heading',
+          color: (t) => getColor(t, 'contactSubHeader'), 
+          pb: 3,
+          fontSize: [3, 4, 4],
+          letterSpacing: '5rem',
+
+          /** @hack: fix uneven alignment */
+          marginBottom: '6px',
+        }}>
           <Fade delay={200}>
             Let&apos;s Connect!
           </Fade>
-        </h3>
+        </div>
 
         <br />
 
         <Fade>
           <h6 sx={{ color: (t) => getColor(t, 'contactText') }}>
-            Working remotely since 2018
+            After working remotely since 2018,
+            <br />
+            I&apos;m open to opportunities, location-based
+            <br />
+            (SF, bay area, NY, other) or remote
           </h6>
         </Fade>
 

src/components/sections/contact/ContactRightSide.js

@@ -18,11 +18,17 @@ function ContactRightSide() {
         textAlign: ['center', 'center', 'left'],
       }}
       >
-        <h3 sx={{ color: (t) => getColor(t, 'contactSubHeader'), pb: 3 }}>
+        <div sx={{ 
+          variant: 'text.heading',
+          color: (t) => getColor(t, 'contactSubHeader'), 
+          pb: 3,
+          fontSize: [3, 4, 4],
+          letterSpacing: '5rem',
+        }}>
           <Fade delay={200}>
             Send me a message
           </Fade>
-        </h3>
+        </div>
 
         <br />
 

src/components/sections/home/Home.js

@@ -91,7 +91,7 @@ function HomeSection(props, ref) {
                 pb: ['52rem', '52rem', '54rem'],
               }}
             >
-              I'm a software engineer passionate about solving complex problems through clean, secure, scalable code and crafting delightful experiences.
+               I'm a software engineer building secure, maintainable systems and elegant solutions to complex problems.
             </p>
           </Fade>
           <Pulse delay={5200} duration={620}>

src/components/sections/work/job-section/MetaMask.js

@@ -24,7 +24,7 @@ function JobSectionMetaMask() {
       date="Jan 2022 - Sept 2025"
       techKeys={TECH_KEYS}
     >
-      As a core developer on MetaMask's extension and mobile applications, I tackled a wide range of complex projects, 
+      As a core developer on MetaMask's extension and mobile applications, I tackled a wide range of complex projects, 
       from restructuring Node.js multiplex streams for the Chromium Manifest V3 migration, to leading the 
       Sign-in with Ethereum (EIP-4361) integration and dissecting the nuances of EIP signatures and transactions. 
       I also deployed safeguards that protected 30+ million user accounts from phishing attacks and pioneered fixes 

src/styles/theme/styles.ts

@@ -24,9 +24,10 @@ const styles: Theme['styles'] = {
     },
     h3: {
       variant: 'text.heading',
-      fontSize: [3, 4, 4],
+      fontSize: [3, '25rem', '25rem'],
+      fontFamily: 'barlow',
       fontWeight: 'body',
-      letterSpacing: '5rem',
+      letterSpacing: '2rem',
       lineHeight: 1.225,
     },
     h4: {