github.com/uchennaokeke444/nomad@v0.11.8/website/components/enterprise-info/index.jsx (about)

     1  import Image from '@hashicorp/react-image'
     2  import Button from '@hashicorp/react-button'
     3  import InlineSvg from '@hashicorp/react-inline-svg'
     4  import ArrowIcon from './img/arrow.svg?include'
     5  
     6  export default function EnterpriseInfo({ title, itemOne, itemTwo }) {
     7    return (
     8      <div className="g-enterprise-info">
     9        <div className=" g-grid-container">
    10          <h2 className="g-type-display-2">{title}</h2>
    11  
    12          <div className="complexity-container">
    13            <div className="item">
    14              <Image url={itemOne.imageUrl} />
    15              <div className="g-type-label-strong">{itemOne.label}</div>
    16              <h4 className="g-type-display-4">{itemOne.title}</h4>
    17  
    18              <p className="g-type-body">{itemOne.description}</p>
    19              <Button
    20                url={itemOne.link.url}
    21                title={itemOne.link.text}
    22                linkType={itemOne.link.type}
    23                theme={{ variant: 'tertiary', brand: 'nomad' }}
    24              />
    25            </div>
    26            <div className="spacer">
    27              <div className="vertical-spacer"></div>
    28              <InlineSvg className="arrow" src={ArrowIcon} />
    29            </div>
    30            <div className="item">
    31              <Image url={itemTwo.imageUrl} />
    32              <div className="g-type-label-strong">{itemTwo.label}</div>
    33              <h4 className="g-type-display-4">{itemTwo.title}</h4>
    34  
    35              <p className="g-type-body">{itemTwo.description}</p>
    36              <Button
    37                url={itemTwo.link.url}
    38                title={itemTwo.link.text}
    39                linkType={itemTwo.link.type}
    40                theme={{ variant: 'tertiary', brand: 'nomad' }}
    41              />
    42            </div>
    43          </div>
    44        </div>
    45      </div>
    46    )
    47  }