website refactor

apps/website/components/auth/AuthFooterLinks.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
+
+interface AuthFooterLinksProps {
+  children: React.ReactNode;
+}
+
+/**
+ * AuthFooterLinks
+ * 
+ * Semantic container for links at the bottom of auth cards.
+ */
+export function AuthFooterLinks({ children }: AuthFooterLinksProps) {
+  return (
+    <Box as="footer" mt={8} pt={6} borderTop borderStyle="solid" borderColor="outline-steel">
+      <Stack gap={3} align="center" textAlign="center">
+        {children}
+      </Stack>
+    </Box>
+  );
+}