website refactor

apps/website/ui/Layout.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Box } from './primitives/Box';
 import { Grid } from './primitives/Grid';
 import { Stack } from './primitives/Stack';
@@ -14,7 +14,6 @@ import { Stack } from './primitives/Stack';
 
 interface LayoutProps {
   children: ReactNode;
-  className?: string;
   padding?: string;
   gap?: string;
   grid?: boolean;
@@ -27,7 +26,6 @@ interface LayoutProps {
 
 export function Layout({ 
   children, 
-  className = '',
   padding = 'p-6',
   gap = 'gap-4',
   grid = false,
@@ -41,7 +39,7 @@ export function Layout({
     return (
       <Grid 
         cols={gridCols as any} 
-        className={`${padding} ${gap} ${className}`}
+        className={`${padding} ${gap}`}
       >
         {children}
       </Grid>
@@ -54,7 +52,7 @@ export function Layout({
         direction={flexCol ? 'col' : 'row'} 
         align={items} 
         justify={justify} 
-        className={`${padding} ${gap} ${className}`}
+        className={`${padding} ${gap}`}
       >
         {children}
       </Stack>
@@ -62,7 +60,7 @@ export function Layout({
   }
   
   return (
-    <Box className={`${padding} ${gap} ${className}`}>
+    <Box className={`${padding} ${gap}`}>
       {children}
     </Box>
   );