You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
576 B
20 lines
576 B
2 years ago
|
import NextImage from "../elements/image"
|
||
|
|
||
|
const FeatureColumnsGroup = ({ data }) => {
|
||
|
return (
|
||
|
<div className="container flex flex-col lg:flex-row lg:flex-wrap gap-12 align-top py-12">
|
||
|
{data.features.map((feature) => (
|
||
|
<div className="flex-1 text-lg" key={feature.id}>
|
||
|
<div className="w-10 h-10">
|
||
|
<NextImage media={feature.icon} />
|
||
|
</div>
|
||
|
<h3 className="font-bold mt-4 mb-4">{feature.title}</h3>
|
||
|
<p>{feature.description}</p>
|
||
|
</div>
|
||
|
))}
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default FeatureColumnsGroup
|