website refactor

apps/website/ui/Button.tsx

@@ -4,7 +4,7 @@ import { Box, BoxProps } from './primitives/Box';
 import { Loader2 } from 'lucide-react';
 import { Icon } from './Icon';
 
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'as' | 'onMouseEnter' | 'onMouseLeave' | 'onSubmit'>, Omit<BoxProps<'button'>, 'as' | 'onClick' | 'onSubmit'> {
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'as' | 'onMouseEnter' | 'onMouseLeave' | 'onSubmit' | 'role' | 'translate' | 'onScroll' | 'draggable' | 'onChange' | 'onMouseDown' | 'onMouseUp' | 'onMouseMove' | 'value' | 'onBlur' | 'onKeyDown'>, Omit<BoxProps<'button'>, 'as' | 'onClick' | 'onSubmit'> {
   children: ReactNode;
   onClick?: MouseEventHandler<HTMLButtonElement>;
   className?: string;
@@ -19,6 +19,8 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'as'
   href?: string;
   target?: string;
   rel?: string;
+  fontSize?: string;
+  backgroundColor?: string;
 }
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({ 
@@ -36,6 +38,8 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
   href,
   target,
   rel,
+  fontSize,
+  backgroundColor,
   ...props
 }, ref) => {
   const baseClasses = 'inline-flex items-center justify-center rounded-none transition-all duration-150 ease-smooth focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 active:opacity-80 uppercase tracking-widest font-bold';
@@ -83,6 +87,8 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
         target={target}
         rel={rel}
         className={classes}
+        fontSize={fontSize}
+        backgroundColor={backgroundColor}
         {...props}
       >
         {content}
@@ -98,6 +104,8 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
       className={classes}
       onClick={onClick}
       disabled={disabled || isLoading}
+      fontSize={fontSize}
+      backgroundColor={backgroundColor}
       {...props}
     >
       {content}