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
29 lines
818 B
React
29 lines
818 B
React
import s from './style.module.css'
|
|
|
|
export default function HowBoundaryWorks({ heading, description, items, img }) {
|
|
return (
|
|
<div className={s.root}>
|
|
<div className={s.inner}>
|
|
<div className="content">
|
|
<h2 className={s.heading}>{heading}</h2>
|
|
<p className={s.description}>{description}</p>
|
|
<ul className={s.items}>
|
|
{items.map((item, index) => {
|
|
// Index is stable
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
return (
|
|
<li key={index} className={s.item}>
|
|
{item}
|
|
</li>
|
|
)
|
|
})}
|
|
</ul>
|
|
</div>
|
|
<div className={s.media}>
|
|
<img src={img.src} alt={img.alt} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|