Alex Carpenter
ebb4d4e99f
* Updates <BrandedCta /> * Add <WhyBoundary /> section * Add <HowBoundaryWorks /> section * Updates <UseCases /> content * Adjust <HomepageHero /> content * Update <HowItWorks /> section * Content updates * Update icon directory * Update how it works title * Removes extra grid container * Adds lang attribute to document * Fix heading level usage * Content updates * Remove secure * Captialize works * Content update * Update use case links * Update background * CTA text * Convert ssh to svg * Convert to SVG * Coming soon to feature block
23 lines
679 B
React
23 lines
679 B
React
import s from './style.module.css'
|
|
|
|
export default function WhyBoundary({ heading, items }) {
|
|
return (
|
|
<div className={s.root}>
|
|
<h2 className={s.heading}>{heading}</h2>
|
|
<ul className={s.items}>
|
|
{items.map((item, index) => {
|
|
return (
|
|
// Index is stable
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
<li key={index}>
|
|
<img className={s.itemIcon} src={item.icon} alt={item.heading} />
|
|
<h3 className={s.itemHeading}>{item.heading}</h3>
|
|
<p className={s.itemDescription}>{item.description}</p>
|
|
</li>
|
|
)
|
|
})}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|