website refactor

apps/website/components/drivers/DriverStatsHeader.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import { StatGrid } from '@/ui/StatGrid';
+import { Users, Trophy, Activity } from 'lucide-react';
+
+interface DriverStatsHeaderProps {
+  totalDrivers: string;
+  activeDrivers: string;
+  totalRaces: string;
+}
+
+export function DriverStatsHeader({ totalDrivers, activeDrivers, totalRaces }: DriverStatsHeaderProps) {
+  return (
+    <StatGrid
+      columns={{ base: 1, md: 3 }}
+      variant="card"
+      cardVariant="muted"
+      stats={[
+        { label: 'Total Drivers', value: totalDrivers, icon: Users, intent: 'primary' },
+        { label: 'Active Drivers', value: activeDrivers, icon: Activity, intent: 'success' },
+        { label: 'Total Races', value: totalRaces, icon: Trophy, intent: 'warning' },
+      ]}
+    />
+  );
+}