I can see the issue. The AnimatedNumber component is showing "NaN+" because the state is initializing with 0 before the animation runs, and there might be a timing issue. Let me fix the component to properly display the numbers:
Fixed the NaN issue in the stats section. The problem was the initial state was set to 0, which could display before the animation started. Now the state initializes with the actual target value, and includes a safety check using isNaN() to fall back to the correct value if needed. The animation properly counts from 0 to the target number when the section scrolls into view.
I see the issue. The stats are showing numbers with "+" but the user wants different formats like "156+", "15 years in the...", "7+", etc. Let me update the AnimatedNumber component to support custom suffix text:
Done. I've updated the stats section to display proper numbers with custom suffixes: 156+ for projects, 15 Years for years in business, and 7+ for team members. The AnimatedNumber component now accepts a suffix prop that defaults to "+" but can be customized per stat item, so each displays correctly without the NaN issue.
You can send messages while the preview loads