Tweak landing page text

src/locales/en.json

@@ -42,7 +42,8 @@
   "login-sub:main-action": "Forgot your password?",
   "page-footer:main-action": "Help Eterna invent medicine.",
   "page-footer:main-action-stress": "Make a donation today.",
-  "hero-section:heading": "Learn to design RNA molecules for research by solving puzzles.",
+  "hero-section:heading": "Solve puzzles to advance research using RNAs",
+  "hero-section:sub-heading": "Eterna invites everyone to design the tiny molecules found in the heart of every cell.",
   "hero-section:main-action": "Play Now",
   "hero-section:secondary-action": "About Eterna",
   "side-bar:tips": "Tips & Resources",
@@ -478,7 +479,6 @@
   "challenge-support:button": "Donate",
   "collection-info-sidebar:title": "Collection Info",
   "collection-info-sidebar:created": "Created By:",
-
   "chat:title": "Chat",
   "filters:challenge": "Challenge",
   "filters:player": "Player",

src/views/home/LandingPage/components/HeroSection.vue

@@ -44,9 +44,12 @@
           <b-col lg="3" md="2" sm="1" />
           <b-col lg="6" md="8" sm="10" >
             <div style="text-align: center;">
-              <h2 class="content-heading">
+              <h2 class="content-heading mb-3">
                 {{ $t('hero-section:heading') }}
               </h2>
+              <h4 class="content-subheading">
+                {{ $t('hero-section:sub-heading') }}
+              </h4>
               <b-button
                 variant="primary"
                 size="lg"