website refactor

apps/website/components/home/HomeFeatureDescription.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';
 
@@ -41,20 +40,20 @@ export function HomeFeatureDescription({
       <Text size="lg" color="text-gray-400" weight="medium" leading="relaxed">
         {lead}
       </Text>
-      <Box as="ul" display="flex" flexDirection="col" gap={2}>
+      <Stack as="ul" gap={2}>
         {items.map((item, index) => (
-          <Box as="li" key={index} display="flex" alignItems="start" gap={2}>
+          <Stack as="li" key={index} direction="row" align="start" gap={2}>
             <Text color="text-primary-accent">•</Text>
             <Text size="sm" color="text-gray-500">{item}</Text>
-          </Box>
+          </Stack>
         ))}
-      </Box>
+      </Stack>
       {quote && (
-        <Box borderLeft borderStyle="solid" borderWidth="2px" borderColor={borderColor} pl={4} py={1} bg={bgColor}>
+        <Stack borderLeft borderStyle="solid" borderWidth="2px" borderColor={borderColor} pl={4} py={1} bg={bgColor}>
           <Text color="text-gray-600" font="mono" size="xs" uppercase letterSpacing="widest" leading="relaxed">
             {quote}
           </Text>
-        </Box>
+        </Stack>
       )}
     </Stack>
   );