website refactor

apps/website/ui/Section.tsx

@@ -14,6 +14,10 @@ interface SectionProps {
   id?: string;
   py?: number;
   minHeight?: string;
+  borderBottom?: boolean;
+  borderColor?: string;
+  overflow?: 'hidden' | 'visible' | 'auto' | 'scroll';
+  position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
 }
 
 export function Section({ 
@@ -24,7 +28,11 @@ export function Section({
   variant = 'default',
   id,
   py = 16,
-  minHeight
+  minHeight,
+  borderBottom,
+  borderColor,
+  overflow,
+  position
 }: SectionProps) {
   const variantClasses = {
     default: '',
@@ -40,7 +48,18 @@ export function Section({
   ].filter(Boolean).join(' ');
   
   return (
-    <Box as="section" id={id} className={classes} py={py as 0} px={4} minHeight={minHeight}>
+    <Box 
+      as="section" 
+      id={id} 
+      className={classes} 
+      py={py as 0} 
+      px={4} 
+      minHeight={minHeight}
+      borderBottom={borderBottom}
+      borderColor={borderColor}
+      overflow={overflow}
+      position={position}
+    >
       <Box className="mx-auto max-w-7xl">
         {(title || description) && (
           <Box mb={8}>