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

     1  import Button from '@hashicorp/react-button'
     2  
     3  export default function BasicHero({ heading, content, links }) {
     4    return (
     5      <div className="g-basic-hero">
     6        <div className="g-grid-container">
     7          <h1 className="g-type-display-1">{heading}</h1>
     8          <p className="g-type-body-large">{content}</p>
     9          {links && (
    10            <div className="links">
    11              {links.map((link, stableIdx) => {
    12                const buttonVariant = stableIdx === 0 ? 'primary' : 'secondary'
    13                const linkType = link.type || 'inbound'
    14                return (
    15                  <Button
    16                    // eslint-disable-next-line react/no-array-index-key
    17                    key={stableIdx}
    18                    linkType={linkType}
    19                    theme={{
    20                      variant: buttonVariant,
    21                      brand: 'nomad',
    22                      background: 'light'
    23                    }}
    24                    title={link.text}
    25                    url={link.url}
    26                  />
    27                )
    28              })}
    29            </div>
    30          )}
    31        </div>
    32      </div>
    33    )
    34  }