website refactor

apps/website/ui/HorizontalStatItem.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box } from './Box';
+import { Text } from './Text';
+
+interface HorizontalStatItemProps {
+  label: string;
+  value: string | number;
+  color?: string;
+}
+
+export function HorizontalStatItem({ label, value, color = 'text-white' }: HorizontalStatItemProps) {
+  return (
+    <Box display="flex" alignItems="center" justifyContent="between" fullWidth>
+      <Text size="sm" color="text-gray-400">{label}</Text>
+      <Text weight="semibold" color={color}>{value}</Text>
+    </Box>
+  );
+}