website refactor

apps/website/ui/Section.tsx

@@ -13,6 +13,7 @@ interface SectionProps {
   variant?: 'default' | 'card' | 'highlight' | 'dark' | 'light';
   id?: string;
   py?: number;
+  minHeight?: string;
 }
 
 export function Section({ 
@@ -22,7 +23,8 @@ export function Section({
   description,
   variant = 'default',
   id,
-  py = 16
+  py = 16,
+  minHeight
 }: SectionProps) {
   const variantClasses = {
     default: '',
@@ -38,7 +40,7 @@ export function Section({
   ].filter(Boolean).join(' ');
   
   return (
-    <Box as="section" id={id} className={classes} py={py as 0} px={4}>
+    <Box as="section" id={id} className={classes} py={py as 0} px={4} minHeight={minHeight}>
       <Box className="mx-auto max-w-7xl">
         {(title || description) && (
           <Box mb={8}>