website refactor

apps/website/ui/Container.tsx

@@ -4,11 +4,17 @@ import { Box } from './Box';
 export interface ContainerProps {
   children: ReactNode;
   size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  py?: number;
+  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+  zIndex?: number;
 }
 
 export const Container = ({ 
   children, 
-  size = 'lg' 
+  size = 'lg',
+  py,
+  position,
+  zIndex
 }: ContainerProps) => {
   const sizeMap = {
     sm: '40rem',
@@ -19,7 +25,7 @@ export const Container = ({
   };
 
   return (
-    <Box marginX="auto" maxWidth={sizeMap[size]} paddingX={4} fullWidth>
+    <Box marginX="auto" maxWidth={sizeMap[size]} paddingX={4} py={py as any} fullWidth position={position} zIndex={zIndex}>
       {children}
     </Box>
   );