website refactor

apps/website/ui/LandingHero.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Section } from './Section';
 import { Container } from './Container';
-import { Box } from './Box';
+import { Stack } from './Stack';
 import { Glow } from './Glow';
 import { Heading } from './Heading';
 import { Text } from './Text';
@@ -37,7 +37,7 @@ export function LandingHero({
       <Glow color="primary" size="xl" position="top-right" opacity={0.1} />
       
       <Container>
-        <Box display="flex" flexDirection="col" gap={8} maxWidth="3xl">
+        <Stack gap={8} maxWidth="3xl">
           <Text size="xs" weight="bold" uppercase variant="primary">
             {subtitle}
           </Text>
@@ -68,7 +68,7 @@ export function LandingHero({
               {secondaryAction.label}
             </Button>
           </ButtonGroup>
-        </Box>
+        </Stack>
       </Container>
     </Section>
   );