website landing page

apps/website/components/ui/Heading.tsx

@@ -4,9 +4,10 @@ interface HeadingProps {
   level: 1 | 2 | 3;
   children: ReactNode;
   className?: string;
+  style?: React.CSSProperties;
 }
 
-export default function Heading({ level, children, className = '' }: HeadingProps) {
+export default function Heading({ level, children, className = '', style }: HeadingProps) {
   const baseStyles = 'font-bold tracking-tight';
   
   const levelStyles = {
@@ -18,7 +19,7 @@ export default function Heading({ level, children, className = '' }: HeadingProp
   const Tag = `h${level}` as keyof JSX.IntrinsicElements;
 
   return (
-    <Tag className={`${baseStyles} ${levelStyles[level]} ${className}`}>
+    <Tag className={`${baseStyles} ${levelStyles[level]} ${className}`} style={style}>
       {children}
     </Tag>
   );