website refactor

apps/website/ui/Text.tsx

@@ -36,7 +36,8 @@ interface TextProps<T extends ElementType = 'span'> extends Omit<BoxProps<T>, 'c
   align?: TextAlign | ResponsiveTextAlign;
   truncate?: boolean;
   uppercase?: boolean;
-  letterSpacing?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | '0.05em';
+  capitalize?: boolean;
+  letterSpacing?: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | '0.05em' | string;
   leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
   fontSize?: string;
   style?: React.CSSProperties;
@@ -68,6 +69,7 @@ export function Text<T extends ElementType = 'span'>({
   align = 'left',
   truncate = false,
   uppercase = false,
+  capitalize = false,
   letterSpacing,
   leading,
   fontSize,
@@ -180,6 +182,7 @@ export function Text<T extends ElementType = 'span'>({
     color,
     truncate ? 'truncate' : '',
     uppercase ? 'uppercase' : '',
+    capitalize ? 'capitalize' : '',
     italic ? 'italic' : '',
     letterSpacing === '0.05em' ? 'tracking-wider' : letterSpacing ? `tracking-${letterSpacing}` : '',
     getSpacingClass('ml', ml),