// ============================================================================
// IMS — Auth: Sign-in page + Magic link sent page (full-screen, no modal)
// ============================================================================
function GoogleIcon() {
return (
);
}
function AppleIcon() {
return (
);
}
// ── Sign-in page ──────────────────────────────────────────────────────────────
function AuthSignInPage({ onSent, onAuth }) {
const [email, setEmail] = useState("");
const [loading, setLoading] = useState(false);
const valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim());
const handleMagicLink = () => {
if (!valid || loading) return;
setLoading(true);
setTimeout(() => { setLoading(false); onSent(email.trim()); }, 900);
};
return (
i
IMS
Influencer Management System
Sign in to your account
We'll send you a secure login link to your email address.
setEmail(e.target.value)}
onKeyDown={e => e.key === "Enter" && handleMagicLink()}
onFocus={e => e.target.style.borderColor = "var(--accent)"}
onBlur={e => e.target.style.borderColor = "var(--line-2)"}
/>
or continue with
By signing in you agree to our{" "}
Terms of Service and{" "}
Privacy Policy.
);
}
// ── Magic link sent page ──────────────────────────────────────────────────────
function AuthMagicSentPage({ email, onBack, onAuth }) {
const [resent, setResent] = useState(false);
const handleResend = () => {
if (resent) return;
setResent(true);
setTimeout(() => setResent(false), 3000);
};
return (
i
IMS
Influencer Management System
Check your inbox
We have sent a magic link to your email. Please check your inbox and spam folder.
{email}
Didn't receive it?{" "}
);
}
// ── Full-screen page wrapper ──────────────────────────────────────────────────
function AuthPage({ children }) {
return (
{/* Left panel — branding / pattern */}
"The right influencer, the right message, the right moment."
IMS · v0.9
{/* Right panel — form sits directly on surface, no card box */}
{children}
© 2026 IMS. All rights reserved.