15 lines
718 B
JavaScript
15 lines
718 B
JavaScript
import React from 'react'
|
|
|
|
export default function HelpSupportCta({ items }) {
|
|
return (
|
|
<div className="grid gap-4 md:grid-cols-3">
|
|
{items.map((item) => (
|
|
<a key={item.title} href={item.href} className="rounded-[30px] border border-white/10 bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.03))] p-5 transition hover:-translate-y-0.5 hover:border-white/20">
|
|
<p className="text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500">{item.eyebrow}</p>
|
|
<h3 className="mt-2 text-lg font-semibold text-white">{item.title}</h3>
|
|
<p className="mt-3 text-sm leading-6 text-slate-300">{item.description}</p>
|
|
</a>
|
|
))}
|
|
</div>
|
|
)
|
|
} |