website refactor

apps/website/components/errors/NotFoundCallToAction.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { Button } from '@/ui/Button';
-import { Stack } from '@/ui/primitives/Stack';
 import { Text } from '@/ui/Text';
+import React from 'react';
 
 interface NotFoundCallToActionProps {
   label: string;
@@ -17,7 +17,7 @@ interface NotFoundCallToActionProps {
  */
 export function NotFoundCallToAction({ label, onClick }: NotFoundCallToActionProps) {
   return (
-    <Stack gap={4} align="center">
+    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '1rem' }}>
       <Button 
         variant="primary" 
         size="lg" 
@@ -25,9 +25,9 @@ export function NotFoundCallToAction({ label, onClick }: NotFoundCallToActionPro
       >
         {label}
       </Button>
-      <Text size="xs" color="text-gray-500" uppercase letterSpacing="widest">
+      <Text size="xs" variant="low" uppercase>
         Telemetry connection lost
       </Text>
-    </Stack>
+    </div>
   );
 }