Relay new home page ui (#2953)

Summary:
New relay home page ui
See #2696

Final result: http://luansantosti.github.io/

This is the first step to improve the relay home page.

Ps: Need to check the docs links if it's ok, there's one missing an url. The code example Orta will add the hightlights sintax to improve it.

cc orta

![Kapture 2019-11-28 at 9 11 04](https://user-images.githubusercontent.com/6179731/69805299-27a87a80-11bf-11ea-8081-bb10d3d30478.gif)
Pull Request resolved: #2953

Reviewed By: josephsavona

Differential Revision: D19025678

Pulled By: jstejada

fbshipit-source-id: 7493097b666aeda09e92bfd4a94eb9f1a06c3de2

website/i18n/en.json

@@ -3,7 +3,7 @@
   "localized-strings": {
     "next": "Next",
     "previous": "Previous",
-    "tagline": "A JavaScript framework for building data-driven React applications",
+    "tagline": "The production-ready GraphQL client for React.",
     "docs": {
       "community-learning-resources": {
         "title": "Community Learning Resources"
@@ -518,7 +518,7 @@
     },
     "links": {
       "Docs": "Docs",
-      "Support": "Support",
+      "Help": "Help",
       "GitHub": "GitHub"
     },
     "categories": {

website/siteConfig.js

@@ -10,23 +10,48 @@
 'use strict';
 
 const users = [
+  {
+    caption: '1stdibs',
+    image: '/img/logos/1stdibs.png',
+    infoLink: 'https://www.1stdibs.com/',
+    pinned: true,
+    description: 'Used on 1stdibs.com',
+  },
+  {
+    caption: 'Artsy',
+    image: '/img/logos/artsy.png',
+    infoLink: 'http://artsy.github.io/open-source/',
+    pinned: true,
+    description: 'Used on artsy.net, and the React Native iOS app, Eigen.',
+  },
+  {
+    caption: 'Entria',
+    image: '/img/logos/entria.png',
+    infoLink: 'https://github.com/entria',
+    pinned: true,
+    description: 'Powers feedback.house',
+  },
   {
     caption: 'Facebook',
     image: '/img/logos/facebook.png',
     infoLink: 'https://code.facebook.com',
     pinned: true,
+    description: 'Used on facebook.com, and in the React Native mobile app.',
   },
   {
-    caption: 'Oculus',
-    image: '/img/logos/oculus.png',
-    infoLink: 'https://www.oculus.com/',
+    caption: 'Gatsby',
+    image: '/img/logos/gatsby.png',
+    infoLink: 'https://www.gatsbyjs.org/',
     pinned: true,
+    description: 'Underpins the static site generation tool.',
   },
   {
-    caption: 'Artsy',
-    image: '/img/logos/artsy.png',
-    infoLink: 'http://artsy.github.io/open-source/',
+    caption: 'Oculus',
+    image: '/img/logos/oculus.png',
+    infoLink: 'https://www.oculus.com/',
     pinned: true,
+    description:
+      'Used on oculus.com, Oculus Home in VR, and the React Native Oculus companion app.',
   },
   {
     caption: 'Lattice',
@@ -52,24 +77,12 @@ const users = [
     infoLink: 'https://flexport.com',
     pinned: false,
   },
-  {
-    caption: '1stdibs',
-    image: '/img/logos/1stdibs.png',
-    infoLink: 'https://www.1stdibs.com/',
-    pinned: false,
-  },
   {
     caption: 'Parabol',
     image: '/img/logos/parabol.png',
     infoLink: 'https://www.parabol.co/',
     pinned: false,
   },
-  {
-    caption: 'Entria',
-    image: '/img/logos/entria.png',
-    infoLink: 'https://github.com/entria',
-    pinned: false,
-  },
   {
     caption: 'itDAGENE',
     image: '/img/logos/itdagene.png',
@@ -152,29 +165,31 @@ const users = [
 
 const siteConfig = {
   title: 'Relay',
-  tagline: 'A JavaScript framework for building data-driven React applications',
+  tagline: 'The production-ready GraphQL client for React.',
   url: 'https://relay.dev',
   baseUrl: '/',
   projectName: 'relay',
   users,
   editUrl: 'https://github.com/facebook/relay/edit/master/docs/',
   headerLinks: [
     {doc: 'introduction-to-relay', label: 'Docs'},
-    {page: 'help', label: 'Support'},
+    {page: 'help', label: 'Help'},
+    {search: true},
     {
       href: 'https://github.com/facebook/relay',
       label: 'GitHub',
     },
     {languages: false},
   ],
-  headerIcon: 'img/relay-white.svg',
   footerIcon: 'img/relay.svg',
   favicon: 'img/favicon.png',
   twitterImage: 'img/relay.png',
   colors: {
     primaryColor: '#f26b00',
     secondaryColor: '#f26b00',
     prismColor: 'rgba(242, 107, 0, 0.03)',
+    lightGrayColor: '#f7f7f7',
+    darkGrayColor: '#959595',
   },
   // See https://docusaurus.io/docs/search for more information about Aloglia
   // search