Stats Section

The Stats Section component displays important metrics and achievements to build credibility and trust.

Usage

import { StatsSectionSection } from '@/components/sections';

export default function Page() {
  return <StatsSectionSection />;
}

Props

• title: string - Section headline
• description: string - Context for the statistics
• stats: array of stat objects with value, label, and optional suffix
• layout: string - Grid layout option (2-column, 3-column, 4-column)

Notes

• Numbers animate on scroll into view
• Supports custom formatting for large numbers
• Responsive grid layout adapts to screen size
• Perfect for social proof and credibility