Improve landing subhead

Author: RoyalIcing

apps/components_guide_web/lib/components_guide_web/templates/landing/index.html.eex

@@ -5,7 +5,7 @@ heading = "Want to learn more of the why than the how?"
 heading = raw("Improve the user experience <em>and</em> developer experience of your components")
 heading = raw("Want to improve both the user experience <em>and</em> developer experience of your components?")
 
-subhead = "Learn via guides to accessibility, TDD, BDD, naming, performance, and the latest browser features."
+subhead = "Learn about accessibility, TDD, BDD, naming, performance, and the latest browser features — all for free."
 
 %>
 
@@ -14,7 +14,7 @@ subhead = "Learn via guides to accessibility, TDD, BDD, naming, performance, and
     <h1 class="mx-auto max-w-4xl px-2 text-3xl sm:text-4xl md:text-5xl text-center leading-tight font-bold text-shadow">
       <%= heading %>
     </h1>
-    <p class="mt-6 mb-8 mx-auto max-w-3xl text-2xl sm:text-3xl md:text-3xl text-center leading-snug italic text-gray-100 text-shadow">
+    <p class="mt-6 mb-8 mx-auto max-w-4xl text-2xl sm:text-3xl md:text-3xl text-center leading-snug italic text-gray-100 text-shadow">
       <%= subhead %>
     </p>
     <p hidden class="mx-auto py-2 max-w-4xl text-base md:text-xl text-center">