From 58ed3c0306f2209c345b3b7b84de65917c7eb943 Mon Sep 17 00:00:00 2001
From: Mike Wickett <mike@wickett.ca>
Date: Wed, 10 Jun 2020 20:53:05 -0400
Subject: [PATCH] website: add cloudflare testimonial

---
 website/pages/home/index.jsx | 123 ++++++++++++++++++++---------------
 1 file changed, 71 insertions(+), 52 deletions(-)

diff --git a/website/pages/home/index.jsx b/website/pages/home/index.jsx
index d3a9a43b5..5d0aa1db3 100644
--- a/website/pages/home/index.jsx
+++ b/website/pages/home/index.jsx
@@ -17,13 +17,13 @@ export default function Homepage() {
           {
             text: 'Download',
             url: '/downloads',
-            type: 'download'
+            type: 'download',
           },
           {
             text: 'Get Started',
             url: 'https://learn.hashicorp.com/nomad',
-            type: 'outbound'
-          }
+            type: 'outbound',
+          },
         ]}
       />
 
@@ -34,44 +34,62 @@ export default function Homepage() {
             title: 'Simple and Lightweight',
             content:
               'Single 35MB binary that integrates into existing infrastructure.  Easy to operate on-prem or in the cloud with minimal overhead.',
-            icon: require('./img/why-nomad/simple-and-lightweight.svg')
+            icon: require('./img/why-nomad/simple-and-lightweight.svg'),
           },
           {
             title: 'Flexible Workload Support',
             content:
               'Orchestrate applications of any type - not just containers. First class support for Docker, Windows, Java, VMs, and more.',
-            icon: require('./img/why-nomad/flexible-workload-support.svg')
+            icon: require('./img/why-nomad/flexible-workload-support.svg'),
           },
           {
             title: 'Modernize Legacy Applications without Rewrite',
             content:
               'Bring orchestration benefits to existing services. Achieve zero downtime deployments, improved resilience, higher resource utilization, and more without containerization.',
-            icon: require('./img/why-nomad/modernize-legacy-applications.svg')
+            icon: require('./img/why-nomad/modernize-legacy-applications.svg'),
           },
           {
             title: 'Easy Federation at Scale',
             content:
               'Single command for multi-region, multi-cloud federation. Deploy applications globally to any region using Nomad as a single unified control plane.',
-            icon: require('./img/why-nomad/federation.svg')
+            icon: require('./img/why-nomad/federation.svg'),
           },
           {
             title: 'Multi-Cloud with Ease',
             content:
               'One single unified workflow for deploying to bare metal or cloud environments. Enable multi-cloud applications with ease.',
-            icon: require('./img/why-nomad/servers.svg')
+            icon: require('./img/why-nomad/servers.svg'),
           },
           {
             title: 'Native Integrations with Terraform, Consul, and Vault',
             content:
               'Nomad integrates seamlessly with Terraform, Consul and Vault for provisioning, service networking, and secrets management.',
-            icon: require('./img/why-nomad/native-integration.svg')
-          }
+            icon: require('./img/why-nomad/native-integration.svg'),
+          },
         ]}
       />
 
       <CaseStudyCarousel
         title="Trusted by startups and the world’s largest organizations"
         caseStudies={[
+          {
+            quote:
+              'We deployed a dynamic task scheduling system with Nomad. It helped us improve the availability of distributed services across more than 200 edge cities worldwide.',
+            caseStudyURL:
+              'https://blog.cloudflare.com/how-we-use-hashicorp-nomad/',
+            person: {
+              firstName: 'Thomas',
+              lastName: 'Lefebvre',
+              photo:
+                'https://www.datocms-assets.com/2885/1591836195-tlefebvrephoto.jpg',
+              title: 'Tech Lead, SRE',
+            },
+            company: {
+              name: 'Cloudflare',
+              logo:
+                'https://www.datocms-assets.com/2885/1522194205-cf-logo-h-rgb.png',
+            },
+          },
           {
             quote:
               'We’ve really streamlined our data operations with Nomad and freed up our time to work on more high-impact tasks. Once we launch new microservices, they just work.',
@@ -82,13 +100,13 @@ export default function Homepage() {
               lastName: 'Domingues',
               photo:
                 'https://www.datocms-assets.com/2885/1590508642-carlos.png',
-              title: 'IT Infrastructure Lead'
+              title: 'IT Infrastructure Lead',
             },
             company: {
               name: 'Navi Capital',
               logo:
-                'https://www.datocms-assets.com/2885/1590509560-navi-logo.png'
-            }
+                'https://www.datocms-assets.com/2885/1590509560-navi-logo.png',
+            },
           },
           {
             quote:
@@ -100,12 +118,13 @@ export default function Homepage() {
               lastName: 'Endler',
               photo:
                 'https://www.datocms-assets.com/2885/1582163422-matthias-endler.png',
-              title: 'Backend Engineer'
+              title: 'Backend Engineer',
             },
             company: {
               name: 'Trivago',
-              logo: 'https://www.datocms-assets.com/2885/1582162145-trivago.svg'
-            }
+              logo:
+                'https://www.datocms-assets.com/2885/1582162145-trivago.svg',
+            },
           },
           {
             quote:
@@ -116,13 +135,13 @@ export default function Homepage() {
               lastName: 'Cameron',
               photo:
                 'https://www.datocms-assets.com/2885/1582180216-rob-cameron.jpeg',
-              title: 'Technical Director of Infrastructure'
+              title: 'Technical Director of Infrastructure',
             },
             company: {
               name: 'Roblox',
               logo:
-                'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg'
-            }
+                'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg',
+            },
           },
           {
             quote:
@@ -134,13 +153,13 @@ export default function Homepage() {
               lastName: 'Zuber',
               photo:
                 'https://www.datocms-assets.com/2885/1582180618-rob-zuber.jpeg',
-              title: 'CTO'
+              title: 'CTO',
             },
             company: {
               name: 'CircleCI',
               logo:
-                'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg'
-            }
+                'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
+            },
           },
           {
             quote:
@@ -152,54 +171,54 @@ export default function Homepage() {
               lastName: 'Sridharan',
               photo:
                 'https://www.datocms-assets.com/2885/1582181517-cindy-sridharan.png',
-              title: 'Engineer'
+              title: 'Engineer',
             },
             company: {
               name: 'imgix',
-              logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg'
-            }
-          }
+              logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg',
+            },
+          },
         ]}
         featuredLogos={[
           {
             companyName: 'Trivago',
             url:
-              'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg'
+              'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg',
           },
           {
             companyName: 'Roblox',
             url:
-              'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg'
+              'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg',
           },
           {
             companyName: 'CircleCI',
             url:
-              'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg'
+              'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
           },
           {
             companyName: 'SAP Ariba',
             url:
-              'https://www.datocms-assets.com/2885/1580419436-logosap-ariba.svg'
+              'https://www.datocms-assets.com/2885/1580419436-logosap-ariba.svg',
           },
           {
             companyName: 'Pandora',
             url:
-              'https://www.datocms-assets.com/2885/1523044075-pandora-black.svg'
+              'https://www.datocms-assets.com/2885/1523044075-pandora-black.svg',
           },
           {
             companyName: 'Citadel',
             url:
-              'https://www.datocms-assets.com/2885/1582323352-logocitadelwhite-knockout.svg'
+              'https://www.datocms-assets.com/2885/1582323352-logocitadelwhite-knockout.svg',
           },
           {
             companyName: 'Jet',
-            url: 'https://www.datocms-assets.com/2885/1522341143-jet-black.svg'
+            url: 'https://www.datocms-assets.com/2885/1522341143-jet-black.svg',
           },
           {
             companyName: 'Deluxe',
             url:
-              'https://www.datocms-assets.com/2885/1582323254-deluxe-logo.svg'
-          }
+              'https://www.datocms-assets.com/2885/1582323254-deluxe-logo.svg',
+          },
         ]}
       />
 
@@ -208,7 +227,7 @@ export default function Homepage() {
         link={{
           text: 'Share your success story and receive special Nomad swag.',
           url: 'https://forms.gle/rdaLSuMGpvbomgYk9',
-          type: 'outbound'
+          type: 'outbound',
         }}
       />
 
@@ -224,13 +243,13 @@ export default function Homepage() {
               image: {
                 alt: null,
                 format: 'png',
-                url: require('./img/use-cases/simple-container-orchestration.svg')
+                url: require('./img/use-cases/simple-container-orchestration.svg'),
               },
               link: {
                 external: false,
                 title: 'Learn more',
-                url: '/use-cases/simple-container-orchestration'
-              }
+                url: '/use-cases/simple-container-orchestration',
+              },
             },
             {
               title: 'Non Containerized Application Orchestration',
@@ -239,13 +258,13 @@ export default function Homepage() {
               image: {
                 alt: null,
                 format: 'png',
-                url: require('./img/use-cases/non-containerized-application-orchestration.svg')
+                url: require('./img/use-cases/non-containerized-application-orchestration.svg'),
               },
               link: {
                 external: false,
                 title: 'Learn more',
-                url: '/use-cases/non-containerized-application-orchestration'
-              }
+                url: '/use-cases/non-containerized-application-orchestration',
+              },
             },
             {
               title: 'Automated Service Networking with Consul',
@@ -254,14 +273,14 @@ export default function Homepage() {
               image: {
                 alt: null,
                 format: 'png',
-                url: require('./img/use-cases/automated-service-networking-with-consul.svg')
+                url: require('./img/use-cases/automated-service-networking-with-consul.svg'),
               },
               link: {
                 external: false,
                 title: 'Learn more',
-                url: '/use-cases/automated-service-networking-with-consul'
-              }
-            }
+                url: '/use-cases/automated-service-networking-with-consul',
+              },
+            },
           ]}
         />
       </div>
@@ -274,7 +293,7 @@ export default function Homepage() {
             time: '24 mins',
             link:
               'https://learn.hashicorp.com/nomad?track=getting-started#getting-started',
-            image: require('./img/learn-nomad/cap.svg')
+            image: require('./img/learn-nomad/cap.svg'),
           },
           {
             title: 'Deploy and Manage Nomad Jobs',
@@ -282,8 +301,8 @@ export default function Homepage() {
             time: '36 mins',
             link:
               'https://learn.hashicorp.com/nomad?track=managing-jobs#getting-started',
-            image: require('./img/learn-nomad/cubes.svg')
-          }
+            image: require('./img/learn-nomad/cubes.svg'),
+          },
         ]}
       />
 
@@ -298,13 +317,13 @@ export default function Homepage() {
           {
             text: 'Explore HashiCorp Learn',
             type: 'outbound',
-            url: 'https://learn.hashicorp.com/nomad'
+            url: 'https://learn.hashicorp.com/nomad',
           },
           {
             text: 'Explore Documentation',
             type: 'inbound',
-            url: '/docs'
-          }
+            url: '/docs',
+          },
         ]}
       />
     </div>