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

site rebuild

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-11-13 15:33:49 +00:00
parent 5a747181c1
commit b8645c0ada
141 changed files with 458 additions and 1371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/marketing/components/MetricsBar.tsx
View File

@@ -10,17 +10,31 @@ interface MetricsBarProps {
}
const MetricsBar: React.FC<MetricsBarProps> = ({ metrics }) => {
const accentColors = [
"from-[#0693e3] to-[#0472b8]",
"from-[#0bbf87] to-[#08966b]",
"from-[#ff7a00] to-[#cc5f00]",
];
return (
<div className="max-w-5xl mx-auto -mt-12 sm:-mt-16 px-6">
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 rounded-2xl border border-slate-200 bg-white shadow-lg p-6">
{metrics.map((metric) => (
<div key={metric.label} className="text-center sm:text-left">
<div className="text-3xl font-semibold text-slate-900">{metric.value}</div>
<div className="text-sm uppercase tracking-[0.2em] text-slate-500 mt-2">
{metric.label}
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 rounded-2xl border-2 border-slate-200 bg-gradient-to-br from-white to-slate-50/50 shadow-xl p-6 backdrop-blur-sm">
{metrics.map((metric, index) => {
const gradient = accentColors[index % accentColors.length];
return (
<div key={metric.label} className="text-center sm:text-left relative">
<div className={`absolute left-0 top-0 w-1 h-full bg-gradient-to-b ${gradient} rounded-full`} />
<div className="pl-4">
<div className={`text-3xl font-semibold bg-gradient-to-r ${gradient} bg-clip-text text-transparent`}>
{metric.value}
</div>
<div className="text-sm uppercase tracking-[0.2em] text-slate-500 mt-2">
{metric.label}
</div>
</div>
</div>
</div>
))}
);
})}
</div>
</div>
);