github.com/uchennaokeke444/nomad@v0.11.8/website/components/case-study-carousel/case-study-slide.jsx (about)

     1  import InlineSvg from '@hashicorp/react-inline-svg'
     2  import Image from '@hashicorp/react-image'
     3  import Button from '@hashicorp/react-button'
     4  import QuoteMarksIcon from './img/quote.svg?include'
     5  
     6  export default function CaseStudySlide({
     7    caseStudy: { person, quote, company, caseStudyURL }
     8  }) {
     9    return (
    10      <blockquote className="g-grid-container case-slide">
    11        <InlineSvg className="quotes" src={QuoteMarksIcon} />
    12        <h4 className="case g-type-display-4">{quote}</h4>
    13        <div className="case-content">
    14          <div className="person-container">
    15            <Image
    16              className="person-photo"
    17              url={person.photo}
    18              aspectRatio={[1, 1]}
    19              alt={`${person.firstName} ${person.lastName}`}
    20            />
    21            <div className="person-name">
    22              <h5 className="g-type-display-5">
    23                {person.firstName} {person.lastName}
    24              </h5>
    25              <p>
    26                {person.title}, {company.name}
    27              </p>
    28            </div>
    29          </div>
    30          <Image className="company-logo" url={company.logo} alt={company.name} />
    31        </div>
    32        <Button
    33          title="Read more"
    34          url={caseStudyURL}
    35          theme={{
    36            variant: 'tertiary',
    37            brand: 'nomad',
    38            background: 'light'
    39          }}
    40          linkType="outbound"
    41        />
    42      </blockquote>
    43    )
    44  }