Stats Section with Odometer Numbers

Stats section that puts one number on stage at a time: a bold colour field, one huge condensed figure that rolls in like an odometer, the line that explains it, a short story in the corner and the key word set huge along the bottom. Step with arrows, keys, wheel or click. For about pages, agency home pages and impact reports.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Stats Section with Odometer Numbers to your project and fits it to your theme.

import OdometerStageStats from "@/components/ui/odometer-stage-stats"

export default function OdometerStageStatsDemo() {
  return (
    <div className="w-full">
      <OdometerStageStats cta={{ label: "Start a project", href: "#contact" }} />
    </div>
  )
}