()
| 77 | ] |
| 78 | |
| 79 | const FeaturesGrid = () => { |
| 80 | return ( |
| 81 | <div className="mx-auto max-w-7xl"> |
| 82 | <div className="mx-auto grid max-w-2xl grid-cols-2 gap-x-6 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-4 lg:gap-x-8 lg:gap-y-16"> |
| 83 | {features.map((feature) => ( |
| 84 | <div key={feature.name} className="relative"> |
| 85 | <div className="flex flex-col"> |
| 86 | <feature.icon |
| 87 | className="mb-2 h-5 w-5 text-red-500" |
| 88 | aria-hidden="true" |
| 89 | /> |
| 90 | <div className="text-md inline font-semibold text-gray-800 dark:text-gray-100"> |
| 91 | {feature.name} |
| 92 | </div>{' '} |
| 93 | <div className="inline max-w-xs text-sm text-gray-700 dark:text-gray-300"> |
| 94 | {feature.description} |
| 95 | </div> |
| 96 | </div> |
| 97 | </div> |
| 98 | ))} |
| 99 | </div> |
| 100 | </div> |
| 101 | ) |
| 102 | } |
| 103 | |
| 104 | export default FeaturesGrid |
nothing calls this directly
no outgoing calls
no test coverage detected