feat(auth): align login and register with themed intro, translated social cards

src/app/(site)/register/page.tsx

@@ -101,7 +101,10 @@ export default async function RegisterPage() {
 													"var(--color-primary-readable, var(--color-primary))",
 											}}
 										>
-											<span className="w-2 h-2 rounded-full bg-primary" />
+											<span className="relative flex h-2 w-2">
+												<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" />
+												<span className="relative inline-flex rounded-full h-2 w-2 bg-primary" />
+											</span>
 											{tpr("usersOnline", { count: online })}
 										</div>
 										<h1
@@ -111,7 +114,8 @@ export default async function RegisterPage() {
 												fontFamily: "var(--font-nunito)",
 											}}
 										>
-											{tpr("title")} — {hotelName}
+											{tpr("title")} —{" "}
+											<span className="gradient-text">{hotelName}</span>
 										</h1>
 										<p
 											className="text-xs mt-1.5 leading-relaxed"