bender/d5ea6279-b8fb-4dd2-82ea-21a7bc024950
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1777457281167 into main #1

Merged
bender merged 1 commits from version_2_1777457281167 into main 2026-04-29 10:08:41 +00:00
Conversation 0 Commits 1 Files Changed 1 +11 -8
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/sections/metrics/MetricsSimpleCards.tsx
View File

@@ -47,23 +47,26 @@ const MetricsSimpleCards = ({
{(primaryButton || secondaryButton) && (
<div className="flex flex-wrap justify-center gap-3 mt-3">
{primaryButton && <ButtonExpand text={primaryButton.text} href={primaryButton.href} variant="primary"/>}
{secondaryButton && <ButtonExpand text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />}
{secondaryButton && <ButtonExpand text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />}
</div>
)}
</div>
<ScrollReveal variant="slide-up">
<GridOrCarousel carouselThreshold={3}>
{metrics.map((metric) => (
<div key={metric.value} className="flex flex-col justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 min-h-70 h-full card rounded">
<span className="text-7xl md:text-8xl font-medium leading-none truncate">{metric.value}</span>
<p className="text-base leading-tight text-balance">{metric.description}</p>
</div>
))}
{metrics.map((metric) => {
const isTarget = (metric.value + " " + metric.description).includes("200+ Events Styled") || metric.value.includes("200+");
return (
<div key={metric.value} className={`flex flex-col justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 min-h-70 h-full rounded ${isTarget ? 'bg-green-600 text-white' : 'card'}`}>
<span className="text-7xl md:text-8xl font-medium leading-none truncate">{metric.value}</span>
<p className="text-base leading-tight text-balance">{metric.description}</p>
</div>
);
})}
</GridOrCarousel>
</ScrollReveal>
</div>
</section>
);
export default MetricsSimpleCards;
export default MetricsSimpleCards;