Adjusting homepage copy

Trying to rank a little better for search terms related to 'parse recipe ingredients'

src/app/public/about/about.component.html

@@ -1,8 +1,7 @@
-<h1>
-  Understand your ingredients</h1>
+<h1>Parse recipe ingredients easily</h1>
 <div class="flex-grid">
   <div class="col">
-    <p>Zestful's ingredient parser API turns plain recipe strings into beautiful, structured data.</p>
+    <p>Zestful's ingredient parser API turns plain recipe strings into beautiful, structured JSON data.</p>
   </div>
   <div class="col">
     <img class="flex-graphic" src="/assets/img/ingredient-translation.png" />

src/app/public/about/about.component.scss

@@ -1,6 +1,7 @@
 @import '~styles/breakpoints';
 
 h2 {
+  margin-top: 100px;
   margin-bottom: 50px;
   @include respond-to('small') {
     margin-bottom: 10px;

src/index.html

@@ -16,12 +16,12 @@
   <meta name="msapplication-TileColor" content="#1d21bf">
   <meta name="theme-color" content="#ffffff">
   <meta name="description"
-    content="A machine-learning-powered ingredient parser API. Built to power the best food apps online.">
+    content="A machine-learning-powered ingredient parser API. Parse your recipe ingredients into clean, structured JSON. Built to power the best food apps online.">
 
   <meta property="og:image:width" content="279">
   <meta property="og:image:height" content="279">
   <meta property="og:description"
-    content="A machine-learning-powered ingredient parser API. Built to power the best food apps online.">
+    content="A machine-learning-powered ingredient parser API. Parse your recipe ingredients into clean, structured JSON. Built to power the best food apps online.">
   <meta property="og:title" content="Zestful | Simple API for Parsing Recipe Ingredients">
   <meta property="og:url" content="https://zestfuldata.com">
   <meta property="og:image" content="https://zestfuldata.com/assets/img/ingredient-translation.jpg">