Adding comparison to other ingredient parsing services (#42)

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

@@ -54,6 +54,38 @@ <h2>Use cases</h2>
   </div>
 </div>
 
+<h2>Keep the data you purchase</h2>
+
+<p>Zestful licenses its data with <a [routerLink]="['/terms-of-service']">developer-friendly terms</a>:</p>
+
+<ul>
+  <li>Unlimited data retention</li>
+  <li>No restrictions on resale</li>
+  <li>Zero attribution requirement</li>
+</ul>
+
+<p>Solutions like Spoonacular and Edamam prohibit developers from storing the ingredients they parse:</p>
+
+<div class="quote">
+  <blockquote>You may not scrape the spoonacular API or in any way attempt to copy or store the information it
+    provides, including any derived, hashed, or transformed data... If you stop using the spoonacular API or if your
+    access to the
+    API is suspended for any reason, then you must delete all data you ever obtained from the spoonacular API.
+  </blockquote>
+  <p class="quote-source">-Spoonacular's <a href="https://spoonacular.com/food-api/terms" rel="nofollow">Terms of
+      Service</a></p>
+</div>
+
+<div class="quote">
+  <blockquote>You are prohibited from copying or archiving any of Edamam Content and/or collecting any data from
+    Edamam Content, without Edamam’s prior written consent... In the event this agreement between you and Edamam under
+    these Terms is terminated for any reason... you shall forthwith and permanently delete all Edamam Content which
+    you used and/or stored/archived in connection with your use of the Edamam API.</blockquote>
+  <p class="quote-source">-Edamam's <a href="https://developer.edamam.com/about/terms" rel="nofollow">Terms of
+      Service</a>
+  </p>
+</div>
+
 <h2>Contact</h2>
 <p class="full-width-content">
   Questions? Please reach out to

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

@@ -36,4 +36,30 @@ h2 {
 
 .full-width-content {
   margin: 30px 0px;
+}
+
+.quote {
+  width: 70%;
+  margin: 60px 0px 60px 40px;
+  @include respond-to('small') {
+    width: 80%;
+  }
+}
+
+blockquote {
+  font-style: italic;
+  margin-bottom: 15px;
+}
+
+ul {
+  margin: 50px;
+  font-size: 16pt;
+}
+
+.quote-source {
+  text-align: right;
+}
+
+.quote-source a {
+  font-weight: 400;
 }