From c22fc5ba1edeb182b85438193caf379a2385880f Mon Sep 17 00:00:00 2001
From: Thomas Joise <thomas.joise@tecnostac.com>
Date: Fri, 17 Jul 2026 03:06:59 +0530
Subject: [PATCH] feat(hq-web): split-panel login

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 apps/hq-web/src/Login.tsx | 40 ++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/apps/hq-web/src/Login.tsx b/apps/hq-web/src/Login.tsx
index 67c8155..178415c 100644
--- a/apps/hq-web/src/Login.tsx
+++ b/apps/hq-web/src/Login.tsx
@@ -26,23 +26,29 @@ export function Login() {
 
   return (
     <div className="login-wrap">
-      <div className="login-card">
-        <h2 style={{ marginTop: 0 }}>SiMS HQ</h2>
-        <Field label="Email">
-          <input
-            className="wf" type="email" value={email} autoFocus
-            onChange={(e) => setEmail(e.target.value)}
-          />
-        </Field>
-        <Field label="Password">
-          <input
-            className="wf" type="password" value={pw}
-            onChange={(e) => setPw(e.target.value)}
-            onKeyDown={(e) => e.key === 'Enter' && void submit()}
-          />
-        </Field>
-        <Button tone="primary" onClick={() => void submit()}>{busy ? 'Signing in…' : 'Sign in'}</Button>
-        {error !== undefined && <Notice tone="err">{error}</Notice>}
+      <div className="login-brand">
+        <h1>SiMS HQ</h1>
+        <p>The ops console — clients, documents, payments, AMC and reminders in one place.</p>
+      </div>
+      <div className="login-form">
+        <div className="login-card">
+          <h2 style={{ marginTop: 0 }}>Sign in</h2>
+          <Field label="Email">
+            <input
+              className="wf" type="email" value={email} autoFocus
+              onChange={(e) => setEmail(e.target.value)}
+            />
+          </Field>
+          <Field label="Password">
+            <input
+              className="wf" type="password" value={pw}
+              onChange={(e) => setPw(e.target.value)}
+              onKeyDown={(e) => e.key === 'Enter' && void submit()}
+            />
+          </Field>
+          <Button tone="primary" onClick={() => void submit()}>{busy ? 'Signing in…' : 'Sign in'}</Button>
+          {error !== undefined && <Notice tone="err">{error}</Notice>}
+        </div>
       </div>
     </div>
   )