Improve homepage

Signed-off-by: Matteo Collina <[email protected]>

Author: mcollina

src/components/Quotes/index.js

@@ -29,6 +29,11 @@ const quotesData = [{
   title: "Dave at Holepunch. Tech lead/primary author of OpenJS Foundation JSNAD & JSNSD Certifications. (Original) Author of Node Cookbook.",
   quote: "A platform that simplifies and streamlines developer collaboration within an organization can revolutionise the organization itself. This is digital transformation distilled to its purest and easiest form.",
   avatar: "https://avatars.githubusercontent.com/u/1190716?s=460&v=4"
+}, {
+  name: "Manuel Spigolon",
+  title: "Senior Software Engineer at NearForm. Fastify Collaborator. Author of \"Accelerating Server-Side Development with Fastify\".",
+  quote: "After building this small project, I think Platformatic DB is not just an ORM as it may seem but an enhanced version of Fastify. It implements a lot of good practices and boring stuff that enable us to spin up a Fastify instance!",
+  avatar: "https://avatars.githubusercontent.com/u/11404065?v=4"
 }]
 
 function Quotes() {

src/components/WhyPlatformatic/index.js

@@ -37,29 +37,60 @@ export default function WhyPlatformatic() {
             <img src="img/plt-logo-inverted.svg" className={styles.dark} />  
           </div>
         </div>
+        <div className="row margin-top--lg">
+          <div className="col col--4">  
+            <h1>Platformatic Service</h1>
+            <p>
+              Setting up new projects and APIs is boring. We want to make it easy for you to get started and to
+              have a production ready setup in no time.
+              Platformatic Service is your starting point for creating <a href="https://nodejs.org">Node.js</a> API on top of the
+              <a href="https://www.fastify.io">Fastify</a> framework, providing a set of batteries-included
+              defaults for all your needs.
+            </p>
+            <p>
+              Checkout Platformatic Service basic features:
+            </p>
+            <ul>
+              <li>Customizable via Node.js and <a href="https://www.fastify.io/">Fastify</a> plugins, with automatic types</li>
+              <li>Automatic TypeScript compilation</li>
+              <li><a href="https://prometheus.io">Prometheus</a> metrics</li>
+              <li>blazing fast live reloads during development</li>
+              <li>OpenAPI schema generation</li>
+              <li>GraphQL integration</li>
+              <li>3rd-party API client generation</li>
+              <li>batteries-included project generator</li>
+              <li>file-system based routing</li>
+            </ul>
+          </div>
+          <div className="col col--7">
+            <img src="/img/platformatic-service-architecture.png" alt="Platformatic Service Architecture" />
+          </div>
+        </div>
         <div className="row margin-top--lg">
           <div className="col col--5">
             <img src="/img/platformatic-db-architecture.png" alt="Platformatic DB Architecture" />
           </div>
           <div className="col col--6 col--offset-1">  
-            <h1>Our first tool: Platformatic DB</h1>
+            <h1>Platformatic DB</h1>
             <p>
-              The first friction we are solving is the tiresome mapping of databases table to APIs that
-              burden any developer. Platformatic DB is a tool that will allow you to create both OpenAPI
+              Where you ever tired of generating Create-Read-Update-Delete (CRUD) APIs?
+              Platformatic DB is a tool that will allow you to create both OpenAPI
               and GraphQL schemas from your database, without having to write a single line of code.
-              The key difference with other tools is that Platformatic DB will allow you to customize
-              it via <a href="https://nodejs.org">Node.js</a> and <a href="https://www.fastify.io">Fastify</a> plugins.
+              The key difference similar tools is that Platformatic DB will allow you to customize
+              it via <a href="https://nodejs.org">Node.js</a> and <a href="https://www.fastify.io">Fastify</a> plugins,
+              because it is based on Platformatic Service.
             </p>
             <p>
               Checkout Platformatic DB basic features:
             </p>
             <ul>
-              <li>Automatic OpenAPI/REST API generation</li>
-              <li>Automatic GraphQL API generation</li>
+              <li>Automatic OpenAPI/REST API generation from the SQL schema</li>
+              <li>Automatic GraphQL API generation from the SQL schema</li>
               <li>Multiple databases: SQLite, MySQL, MariaDB, PostgreSQL</li>
               <li>Multiple authentication methods: JWT, WebHook, HTTP Headers</li>
               <li>Authorization via role based access control</li>
-              <li>Customizable via Node.js and Fastify plugins</li>
+              <li>Type-Safe via generated types to protect against database interaction</li>
+              <li>...and all features of Platformatic Service</li>
             </ul>
           </div>
         </div>