The issue is a dependency conflict: date-fns@4.1.0 is installed but react-day-picker@8.10.1 requires date-fns@^2.28.0 || ^3.0.0. I need to downgrade date-fns to a compatible version.

The build was failing because react-day-picker@8.10.1 requires date-fns@^2.28.0 || ^3.0.0 as a peer dependency, but the project had date-fns@4.1.0 installed which is outside that range. Downgrading date-fns to 3.6.0 resolves the peer dependency conflict and allows npm install to succeed during deployment.

The issue is that the AnimatedNumber component uses text-foreground (dark color) for the numbers, but the Stats section has a bg-primary (dark) background. The numbers need to use text-primary-foreground instead to be visible.

The animated counter numbers were using text-foreground (a dark color) while sitting on a bg-primary (also dark) background, making them invisible. Changed them to text-primary-foreground so the numbers render in a light color that contrasts properly against the dark stats section.