diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx index c3f537e..98760ff 100755 --- a/src/components/Stats.tsx +++ b/src/components/Stats.tsx @@ -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 ( {count >= 1000 && value >= 1000 @@ -56,13 +53,13 @@ function AnimatedNumber({ value, suffix }: { value: number; suffix: string }) { export default function Stats() { return ( -
+
{stats.map((stat, i) => (
-
+