website refactor

apps/website/components/profile/UserPill.tsx

@@ -147,20 +147,18 @@ export function UserPill() {
   // Handle unauthenticated users
   if (!session) {
     return (
-      <Group gap={2}>
-        <Link
-          href={routes.auth.login}
-          variant="secondary"
-        >
-          Sign In
-        </Link>
-        <Link
-          href={routes.auth.signup}
-          variant="primary"
-        >
-          Get Started
-        </Link>
-      </Group>
+      <Link
+        href={routes.auth.login}
+        variant="inherit"
+        className="group flex items-center gap-2 bg-white/5 hover:bg-white/10 border border-white/10 rounded-full pl-4 pr-2 py-1.5 transition-all duration-300 hover:border-primary-accent/50"
+      >
+        <Text size="sm" weight="medium" className="text-text-med group-hover:text-text-high">
+          Enter GridPilot
+        </Text>
+        <Box className="w-6 h-6 rounded-full bg-primary-accent flex items-center justify-center text-white shadow-lg shadow-primary-accent/20 group-hover:scale-110 transition-transform">
+          <Icon icon={ChevronDown} size={3.5} className="-rotate-90" />
+        </Box>
+      </Link>
     );
   }