Hero text and CTA updates

components/Header/Header.module.scss

@@ -12,4 +12,10 @@
     width: 90%;
     margin: 0 auto;
   }
+
+  @media(max-width: 800px) {
+    .hideSm {
+      display: none;
+    }
+  }
 }

components/Header/Header.tsx

@@ -23,7 +23,7 @@ export const Header = () => {
             target="_blank"
             rel="noopener noreferrer"
           >
-            Suggest a Project
+            Contribute<span className={styles.hideSm}> to a project</span>
           </Button>
         </div>
       </header>

components/HeroContainer.tsx

@@ -4,11 +4,11 @@ export const HeroContainer = () => {
   return (
     <>
       <Hero className="hero" data-color-mode="dark">
-        <Hero.Label>Happy Commits</Hero.Label>
-        <Hero.Heading size="display">Open Source Social Impact Projects</Hero.Heading>
+        <Hero.Heading size="display">For Good First Issue</Hero.Heading>
         <Hero.Description size="300">
-          Committing to a better future. Our mission is to curate a list of open source projects with missions that are driven by social impact. Helping others is the best way to feel happy so lets all work together to build a better tomorrow. One commit at a time.
+          For Good First Issue empowers developers to collaborate on open source projects with missions that are driven by social impact. It is a curated list of open source projects focused on the <a href="https://digitalpublicgoods.net/digital-public-goods/" target="_blank" rel="noopener noreferrer">Digital Public Goods (DPGs)</a> that need your help! Together, we can drive positive and lasting contributions to the world, one commit at a time.
         </Hero.Description>
+        <Hero.PrimaryAction href="https://github.com/rubyforgood/happycommits" rel="noopener noreferrer">Contribute to a project</Hero.PrimaryAction>
       </Hero>
     </>
   );

styles/globals.scss

@@ -14,6 +14,10 @@ base, html {
   > * p {
     max-width: 60ch;
   }
+
+  p > a {
+    color: #fff;
+  }
 }
 
 .search-form {