website refactor

apps/website/ui/StatGrid.tsx

@@ -7,12 +7,16 @@ export interface StatGridProps {
   stats: (StatBoxProps | StatCardProps)[];
   columns?: number | { base?: number; sm?: number; md?: number; lg?: number; xl?: number };
   variant?: 'box' | 'card';
+  cardVariant?: 'default' | 'dark' | 'muted' | 'glass' | 'outline';
+  font?: 'sans' | 'mono';
 }
 
 export const StatGrid = ({ 
   stats, 
   columns = 3,
-  variant = 'box'
+  variant = 'box',
+  cardVariant,
+  font
 }: StatGridProps) => {
   return (
     <Grid cols={columns} gap={4}>
@@ -20,7 +24,12 @@ export const StatGrid = ({
         variant === 'box' ? (
           <StatBox key={index} {...(stat as StatBoxProps)} />
         ) : (
-          <StatCard key={index} {...(stat as StatCardProps)} />
+          <StatCard 
+            key={index} 
+            variant={cardVariant} 
+            font={font} 
+            {...(stat as StatCardProps)} 
+          />
         )
       ))}
     </Grid>