diff --git a/src/routes/signup/[role].tsx b/src/routes/signup/[role].tsx
new file mode 100644
index 0000000..9c5181b
--- /dev/null
+++ b/src/routes/signup/[role].tsx
@@ -0,0 +1,55 @@
+import { useNavigate, useParams } from "@solidjs/router";
+import { createEffect } from "solid-js";
+
+/**
+ * Catch-all signup route for role-specific URLs.
+ *
+ * Routes like /signup/developer, /signup/photographer, /signup/tutor, etc.
+ * all map to the professional signup form with the role pre-selected.
+ *
+ * The professional route reads `role` from the query string (?role=DEVELOPER).
+ */
+const ROLE_ALIASES: Record<string, string> = {
+  developer: "DEVELOPER",
+  photographer: "PHOTOGRAPHER",
+  "makeup-artist": "MAKEUP_ARTIST",
+  makeup: "MAKEUP_ARTIST",
+  tutor: "TUTOR",
+  "video-editor": "VIDEO_EDITOR",
+  video: "VIDEO_EDITOR",
+  "graphic-designer": "GRAPHIC_DESIGNER",
+  graphic: "GRAPHIC_DESIGNER",
+  "social-media-manager": "SOCIAL_MEDIA_MANAGER",
+  social: "SOCIAL_MEDIA_MANAGER",
+  "fitness-trainer": "FITNESS_TRAINER",
+  fitness: "FITNESS_TRAINER",
+  "catering-services": "CATERING_SERVICES",
+  catering: "CATERING_SERVICES",
+  "ugc-content-creator": "UGC_CONTENT_CREATOR",
+  ugc: "UGC_CONTENT_CREATOR",
+};
+
+export default function SignupRoleRoute() {
+  const navigate = useNavigate();
+  const params = useParams();
+
+  createEffect(() => {
+    const slug = (params.role || "").toLowerCase();
+    const role = ROLE_ALIASES[slug] || slug.toUpperCase();
+    navigate(`/signup/professional?role=${role}`, { replace: true });
+  });
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        "justify-content": "center",
+        "align-items": "center",
+        "min-height": "100vh",
+        background: "#07051a",
+      }}
+    >
+      <p style={{ color: "#fff" }}>Redirecting...</p>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes/signup/company.tsx b/src/routes/signup/company.tsx
index 8b75ac7..b6a144c 100644
--- a/src/routes/signup/company.tsx
+++ b/src/routes/signup/company.tsx
@@ -548,7 +548,7 @@ export default function CompanySignupRoute() {
                 Already have an account? <A href="/login">Sign In</A>
               </p>
               <p class="note" style={{ "margin-top": "8px" }}>
-                <A href="/signup/job-seeker">Register as Job Seeker instead</A>
+                <A href="/signup/jobseeker">Register as Job Seeker instead</A>
               </p>
             </div>
           </Show>
diff --git a/src/routes/signup/index.tsx b/src/routes/signup/index.tsx
index 7605a3f..7ca7467 100644
--- a/src/routes/signup/index.tsx
+++ b/src/routes/signup/index.tsx
@@ -24,11 +24,11 @@ export default function SignupIndexRoute() {
       navigate("/signup/professional", { replace: true });
     } else if (intent.includes("customer")) {
       navigate("/signup/customer", { replace: true });
-    } else if (intent.includes("job_seeker") || intent.includes("jobseeker")) {
-      navigate("/signup/job-seeker", { replace: true });
+    } else if (intent.includes("job_seeker") || intent.includes("jobseeker") || intent.includes("job-seeker")) {
+      navigate("/signup/jobseeker", { replace: true });
     } else {
       // Default to job seeker if no intent specified
-      navigate("/signup/job-seeker", { replace: true });
+      navigate("/signup/jobseeker", { replace: true });
     }
   });