{['Company Details', 'Select Plan'].map((label, i) => {
const dotStyle = step > i + 1 ? s.stepDotDone : step === i + 1 ? s.stepDotActive : s.stepDotIdle;
return (
{i === 0 &&
);
}
// ── Global keyframes + focus styles (injected once per mount) ───────────────
const A2_KEYFRAMES = `
@keyframes a2kenburns { 0% { transform: scale(1.04) translate(0,0); } 100% { transform: scale(1.12) translate(-1.5%, -1%); } }
@keyframes a2blob1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(6vw, 4vh) scale(1.1); } }
@keyframes a2blob2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-5vw, -3vh) scale(1.15); } }
@keyframes a2blob3 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(3vw, -4vh) scale(0.9); } }
@keyframes a2pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.45; } }
@keyframes a2fadeUp { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }
.a2-fade-up { animation: a2fadeUp 640ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.a2-fade-up.d1 { animation-delay: 80ms; }
.a2-fade-up.d2 { animation-delay: 160ms; }
.a2-fade-up.d3 { animation-delay: 240ms; }
.a2-fade-up.d4 { animation-delay: 320ms; }
/* Input focus ring */
.a2-input:focus { border-color: #0A1530 !important; background: #FFFFFF !important; box-shadow: 0 0 0 4px rgba(10,21,48,0.08) !important; }
.a2-input::placeholder { color: #B6AC95; }
/* Submit button hover */
.a2-submit:hover { transform: translateY(-1px); box-shadow: 0 12px 22px rgba(10,21,48,0.28) !important; }
.a2-submit:active { transform: translateY(0); }
/* Forgot link hover */
.a2-link:hover { color: #B45309 !important; }
/* Mobile: stack the split */
@media (max-width: 980px) {
.a2-shell { grid-template-columns: 1fr !important; }
.a2-left { min-height: auto !important; padding: 40px 28px 36px !important; }
.a2-right { padding: 32px 24px !important; min-height: auto !important; }
.a2-topnav { display: none !important; }
.a2-headline { font-size: 36px !important; }
}
`;
// ── Auth Shell ──────────────────────────────────────────────────────────────
function AuthScreenOption2({ onLogin }) {
const [tab, setTab] = React.useState('login');
const modules = [
{ label: 'Equipment Calibration', color: '#5EEAD4' },
{ label: 'PPE Tracking', color: '#FBBF24' },
{ label: 'Compliance Audits', color: '#F472B6' },
{ label: 'QR Workflows', color: '#A5B4FC' },
{ label: 'PDF Reports', color: '#FB923C' },
];
return (
{step > i + 1 ? '✓' : i + 1}
{label}
1 ? '#0A1530' : '#E5E0D4' }}/>}
);
})}
{error && {error}
}
{step === 1 && (
<>
14-Day Free Pilot — Full system access, no credit card. Starts immediately on registration. Each email address can only be used once.
set('company', e.target.value)}/>
set('name', e.target.value)}/>
set('phone', e.target.value)}/>
set('email', e.target.value)}/>
set('password', e.target.value)}/>
)}
{step === 2 && (
<>
What plan would you like after the pilot?
{PLANS.map(p => (
set('plan', p.id)}>
))}
{p.name}
{p.price}
{p.desc}
You will not be charged during the 14-day pilot. After the trial, you will be contacted to arrange payment based on your selected plan.
)}
{step === 2 && (
setStep(1)}>← Back
)}
{/* ─── LEFT — Editorial brand panel ─────────────────────────────── */}
{ e.target.style.display = 'none'; }}/>
{/* ─── RIGHT — Form panel ──────────────────────────────────────── */}
: setTab('login')}/>
}
);
}
Object.assign(window, { AuthScreenOption2 });
})();
{ e.target.style.display = 'none'; }}/>
AegisComply
Industrial · Compliance · Suite
Live across 12 sites in Malaysia
Compliance,
on the ground.
on the ground.
One workspace for calibration, PPE, audits and field reports — built for Malaysian industrial safety officers. PDPA-compliant. Always inspection-ready.
{modules.map((m, i) => (
{m.label}
))}
"We cut our audit prep from three days to about forty minutes. The QR flow alone justifies the subscription."
— Pilot Customer · Chemical Plant, Pasir Gudang
ISO-Ready · DOSH-Aligned
New to AegisComply?
{tab === 'login' ? 'Welcome back.' : 'Start your 14-day pilot.'}
{tab === 'login'
? 'Sign in to your AegisComply workspace.'
: 'Full access. No credit card. Cancel anytime.'}
{tab === 'login'
?
PDPA-compliant · Singapore-hosted database
By continuing, you agree to our Terms of Service and Privacy Policy.