Theme & Stub quotes section

website/components/case-study-carousel/case-study-slide.jsx

@@ -4,7 +4,7 @@ import Button from '@hashicorp/react-button'
 import QuoteMarksIcon from './img/quote.svg?include'
 
 export default function CaseStudySlide({
-  caseStudy: { person, quote, company, caseStudyURL }
+  caseStudy: { person, quote, company, caseStudyURL },
 }) {
   return (
     <blockquote className="g-grid-container case-slide">
@@ -34,8 +34,8 @@ export default function CaseStudySlide({
         url={caseStudyURL}
         theme={{
           variant: 'tertiary',
-          brand: 'nomad',
-          background: 'light'
+          brand: 'consul',
+          background: 'light',
         }}
         linkType="outbound"
       />

website/components/case-study-carousel/img/quote.svg

@@ -1,3 +1,3 @@
 <svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.15 0.5H3.95L0 14.35H6.95L9.15 0.5ZM18.7 0.5H13.45L9.55 14.35H16.5L18.7 0.5Z" fill="#00BC7F"/>
-</svg>
+<path d="M9.15 0.5H3.95L0 14.35H6.95L9.15 0.5ZM18.7 0.5H13.45L9.55 14.35H16.5L18.7 0.5Z" fill="#CA2171"></path>
+</svg>

website/pages/home/index.jsx

@@ -27,6 +27,7 @@ export default function HomePage() {
         ]}
         backgroundImage
       />
+
       <ProductFeaturesList
         heading="Why Consul?"
         features={[
@@ -68,101 +69,36 @@ export default function HomePage() {
           },
         ]}
       />
+
       <CaseStudyCarousel
         title="Trusted by startups and the world’s largest organizations"
-        caseStudies={[
-          {
-            quote:
-              'Kubernetes is the 800-pound gorilla of container orchestration, coming with a price tag. So we looked into alternatives - and fell in love with Nomad.',
-            caseStudyURL:
-              'https://endler.dev/2019/maybe-you-dont-need-kubernetes/',
-            person: {
-              firstName: 'Matthias',
-              lastName: 'Endler',
-              photo:
-                'https://www.datocms-assets.com/2885/1582163422-matthias-endler.png',
-              title: 'Backend Engineer',
-            },
-            company: {
-              name: 'Trivago',
-              logo:
-                'https://www.datocms-assets.com/2885/1582162145-trivago.svg',
-            },
-          },
-          {
-            quote:
-              'We have people who are first-time system administrators deploying applications. There is a guy on our team who worked in IT help desk for 8 years - just today he upgraded an entire cluster himself.',
-            caseStudyURL: 'https://www.hashicorp.com/case-studies/roblox/',
-            person: {
-              firstName: 'Rob',
-              lastName: 'Cameron',
-              photo:
-                'https://www.datocms-assets.com/2885/1582180216-rob-cameron.jpeg',
-              title: 'Technical Director of Infrastructure',
-            },
-            company: {
-              name: 'Roblox',
-              logo:
-                'https://www.datocms-assets.com/2885/1582180369-roblox-color.svg',
-            },
-          },
-          {
-            quote:
-              'Our customers’ jobs are changing constantly. It’s challenging to dynamically predict demand, what types of jobs, and the resource requirements. We found that Nomad excelled in this area.',
-            caseStudyURL:
-              'https://www.hashicorp.com/resources/nomad-vault-circleci-security-scheduling',
-            person: {
-              firstName: 'Rob',
-              lastName: 'Zuber',
-              photo:
-                'https://www.datocms-assets.com/2885/1582180618-rob-zuber.jpeg',
-              title: 'CTO',
-            },
-            company: {
-              name: 'CircleCI',
-              logo:
-                'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
-            },
-          },
-          {
-            quote:
-              'Adopting Nomad did not require us to change our packaging format — we could continue to package Python in Docker and build binaries for the rest of our applications.',
-            caseStudyURL:
-              'https://medium.com/@copyconstruct/schedulers-kubernetes-and-nomad-b0f2e14a896',
-            person: {
-              firstName: 'Cindy',
-              lastName: 'Sridharan',
-              photo:
-                'https://www.datocms-assets.com/2885/1582181517-cindy-sridharan.png',
-              title: 'Engineer',
-            },
-            company: {
-              name: 'imgix',
-              logo: 'https://www.datocms-assets.com/2885/1582181250-imgix.svg',
-            },
-          },
-        ]}
+        caseStudies={Array(5).fill({
+          quote:
+            "Here's a quote about Consul, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.",
+          caseStudyURL: 'https://www.hashicorp.com',
+          person: {
+            firstName: 'Brandon',
+            lastName: 'Romano',
+            photo:
+              'https://avatars1.githubusercontent.com/u/2105067?s=460&u=d20ade7241340fb1a277b55816f0a5336a26d95c&v=4',
+            title: 'A Real Person',
+          },
+          company: {
+            name: 'HashiCorp',
+            logo:
+              'https://www.datocms-assets.com/2885/1503088697-blog-hashicorp.svg',
+          },
+        })}
         logoSection={{
           grayBackground: true,
-          featuredLogos: [
-            {
-              companyName: 'Trivago',
-              url:
-                'https://www.datocms-assets.com/2885/1582162317-trivago-monochromatic.svg',
-            },
-            {
-              companyName: 'Roblox',
-              url:
-                'https://www.datocms-assets.com/2885/1582180373-roblox-monochrome.svg',
-            },
-            {
-              companyName: 'CircleCI',
-              url:
-                'https://www.datocms-assets.com/2885/1582180745-circleci-logo.svg',
-            },
-          ],
+          featuredLogos: Array(6).fill({
+            companyName: 'HashiCorp',
+            url:
+              'https://www.datocms-assets.com/2885/1503088697-blog-hashicorp.svg',
+          }),
         }}
       />
+
       <div className="use-cases g-grid-container">
         <h2 className="g-type-display-2">Use Cases</h2>
         <UseCases