stlyes fixes
This commit is contained in:
@@ -28,19 +28,19 @@ const FeatureGrid: React.FC<FeatureGridProps> = ({ features }) => {
|
||||
return (
|
||||
<div
|
||||
key={feature.title}
|
||||
className="relative rounded-3xl border-2 border-slate-200 bg-gradient-to-br from-white to-slate-50/50 p-8 flex flex-col gap-4 group hover:border-[#0693e3]/50 transition-all shadow-sm hover:shadow-xl hover:-translate-y-1"
|
||||
className="relative rounded-3xl border-2 border-gray-200 bg-gradient-to-br from-white to-gray-50/50 p-8 flex flex-col gap-4 group hover:border-[var(--color-primary)]/50 transition-all shadow-sm hover:shadow-xl hover:-translate-y-1"
|
||||
>
|
||||
<div className={`size-12 rounded-2xl bg-gradient-to-br ${gradient} flex items-center justify-center text-white shadow-lg`}>
|
||||
{feature.icon}
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-slate-900">{feature.title}</h3>
|
||||
<p className="text-sm text-slate-600 leading-relaxed">
|
||||
<h3 className="text-xl font-semibold text-gray-900">{feature.title}</h3>
|
||||
<p className="text-sm text-gray-600 leading-relaxed">
|
||||
{feature.description}
|
||||
</p>
|
||||
{feature.link && (
|
||||
<a
|
||||
href={feature.link.href}
|
||||
className="inline-flex items-center gap-2 text-sm font-semibold text-[#0693e3] hover:text-[#0472b8] group-hover:gap-3 transition-all"
|
||||
className="inline-flex items-center gap-2 text-sm font-semibold text-[var(--color-primary)] hover:text-[var(--color-brand-700)] group-hover:gap-3 transition-all"
|
||||
>
|
||||
{feature.link.label}
|
||||
<ArrowUpRightIcon className="h-4 w-4" />
|
||||
|
||||
Reference in New Issue
Block a user