website refactor

apps/website/ui/Stack.tsx

@@ -20,6 +20,7 @@ export interface StackProps<T extends ElementType> extends BoxProps<T> {
   align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | ResponsiveValue<'start' | 'center' | 'end' | 'stretch' | 'baseline'>;
   justify?: 'start' | 'center' | 'end' | 'between' | 'around' | ResponsiveValue<'start' | 'center' | 'end' | 'between' | 'around'>;
   wrap?: boolean;
+  hoverColor?: string;
 }
 
 export const Stack = forwardRef(<T extends ElementType = 'div'>(
@@ -31,6 +32,7 @@ export const Stack = forwardRef(<T extends ElementType = 'div'>(
     justify,
     wrap = false,
     as,
+    hoverColor,
     ...props
   }: StackProps<T>,
   ref: ForwardedRef<HTMLElement>
@@ -45,6 +47,7 @@ export const Stack = forwardRef(<T extends ElementType = 'div'>(
       alignItems={align}
       justifyContent={justify}
       flexWrap={wrap ? 'wrap' : 'nowrap'}
+      hoverTextColor={hoverColor}
       {...props}
     >
       {children}