salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new theme for site

Browse Source
This commit is contained in:
Desktop
2025-11-13 19:55:27 +05:00
parent 3c100be1cf
commit 7ff05f616f
21 changed files with 225 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/marketing/components/FeatureGrid.tsx
View File

@@ -19,25 +19,24 @@ const FeatureGrid: React.FC<FeatureGridProps> = ({ features }) => {
{features.map((feature) => (
<div
key={feature.title}
className="relative rounded-3xl border border-white/10 bg-gradient-to-br from-white/8 via-transparent to-white/0 p-8 flex flex-col gap-4 group hover:border-brand-400/40 transition"
className="relative rounded-3xl border border-slate-200 bg-white p-8 flex flex-col gap-4 group hover:border-brand-400 transition shadow-sm hover:shadow-md"
>
<div className="size-12 rounded-2xl bg-brand-500/10 border border-brand-500/30 flex items-center justify-center text-brand-200">
<div className="size-12 rounded-2xl bg-brand-100 border border-brand-300 flex items-center justify-center text-brand-600">
{feature.icon}
</div>
<h3 className="text-xl font-semibold text-white">{feature.title}</h3>
<p className="text-sm text-white/60 leading-relaxed">
<h3 className="text-xl font-semibold text-slate-900">{feature.title}</h3>
<p className="text-sm text-slate-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-brand-200 hover:text-brand-100"
className="inline-flex items-center gap-2 text-sm font-semibold text-brand-600 hover:text-brand-700"
>
{feature.link.label}
<ArrowUpRightIcon className="h-4 w-4" />
</a>
)}
<div className="absolute inset-0 rounded-3xl border border-white/0 group-hover:border-brand-500/30 transition" />
</div>
))}
</div>