website refactor

apps/website/ui/PublicNavSignup.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Box } from './Box';
+import { Text } from './Text';
+import { Link } from './Link';
+import { routes } from '@/lib/routing/RouteConfig';
+
+/**
+ * PublicNavSignup is a signup button component for public pages.
+ * It displays a signup button that redirects to the auth signup page.
+ */
+export function PublicNavSignup() {
+  return (
+    <Link
+      href={routes.auth.signup}
+      variant="inherit"
+      data-testid="public-nav-signup"
+      className="group flex items-center gap-2 bg-primary-accent hover:bg-primary-accent/90 text-white rounded-full px-4 py-1.5 transition-all duration-300 hover:scale-105"
+    >
+      <Text size="sm" weight="medium" className="text-white">
+        Sign Up
+      </Text>
+    </Link>
+  );
+}