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

     1  import Button from '@hashicorp/react-button'
     2  
     3  export default function HomepageHero({ title, description, links }) {
     4    return (
     5      <div className="g-homepage-hero">
     6        <div className="g-grid-container">
     7          <h1 data-testid="heading" className="g-type-display-1">
     8            {title}
     9          </h1>
    10          <div className="content-and-links">
    11            <p data-testid="content" className="g-type-body-large">
    12              {description}
    13            </p>
    14            <div data-testid="links" className="links">
    15              {links.map((link, index) => {
    16                const brand = index === 0 ? 'nomad' : 'neutral'
    17                const variant = index === 0 ? 'primary' : 'secondary'
    18                return (
    19                  <Button
    20                    key={link.text}
    21                    title={link.text}
    22                    linkType={link.type}
    23                    url={link.url}
    24                    theme={{ variant, brand }}
    25                  />
    26                )
    27              })}
    28            </div>
    29          </div>
    30        </div>
    31      </div>
    32    )
    33  }