WildDragonLLC/wilddragon-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Polish pass: remove testimonial, mailto CTA, refine spacing and typography: Stats.tsx

Browse source
This commit is contained in:
Zac Gaetano 2026-04-18 16:27:46 -04:00
parent f8cfc515b6
commit 6c70533a2a
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Stats.tsx
View file

@ -5,9 +5,9 @@ import ScrollReveal from "./ScrollReveal";
const stats = [
{ value: 10, suffix: "+", label: "Years in Broadcast", description: "Production & engineering" },
{ value: 8, suffix: "", label: "Major Facilities", description: "Designed & integrated" },
{ value: 8, suffix: "+", label: "Major Facilities", description: "Designed & integrated" },
{ value: 5900, suffix: "+", label: "End Users Served", description: "Global content delivery" },
{ value: 3, suffix: "", label: "Industry Verticals", description: "Sports, corporate, financial, aerospace, defense" },
{ value: 5, suffix: "", label: "Industry Verticals", description: "Sports, corporate, financial, aerospace, defense" },
];
function AnimatedNumber({ value, suffix }: { value: number; suffix: string }) {
@ -37,13 +37,10 @@ function AnimatedNumber({ value, suffix }: { value: number; suffix: string }) {
},
{ threshold: 0.3 }
);
if (ref.current) observer.observe(ref.current);
return () => observer.disconnect();
}, [value]);
const formatted = count >= 1000 ? `${(count / 1000).toFixed(count >= value ? 1 : 0).replace(/\.0$/, "")}k` : count;
return (
<span ref={ref} className="tabular-nums">
{count >= 1000 && value >= 1000
@ -56,13 +53,13 @@ function AnimatedNumber({ value, suffix }: { value: number; suffix: string }) {
export default function Stats() {
return (
<section className="py-20 md:py-24 bg-white border-t border-neutral-100">
<section className="py-16 md:py-20 bg-white border-t border-neutral-100">
<div className="max-w-6xl mx-auto px-6">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-10 md:gap-6">
{stats.map((stat, i) => (
<ScrollReveal key={stat.label} delay={i * 80}>
<div className="text-center md:text-left">
<div className="text-4xl md:text-5xl font-semibold text-primary mb-2">
<div className="text-4xl md:text-5xl font-semibold text-primary mb-1.5">
<AnimatedNumber value={stat.value} suffix={stat.suffix} />
</div>
<p className="text-sm font-medium text-primary mb-1">