// Bellia — Login (variante A : split panneau gauche / formulaire droit) const LoginScreen = ({ onLogin }) => { const [email, setEmail] = React.useState('yannis@cantine-corner.fr'); const [pwd, setPwd] = React.useState('••••••••••••'); const [showPwd, setShowPwd] = React.useState(false); const [remember, setRemember] = React.useState(true); const submit = (e) => { e.preventDefault(); onLogin(); }; return (
{/* ============ PANNEAU GAUCHE ============ */}
{/* décor doux */}
Pour les restaurateurs exigeants

Vos restaurants,
en clair.
Sans quitter la cuisine.

Bellia centralise vos chiffres, vos équipes et vos automatisations IA — pour les indépendants et les groupes jusqu'à 30 restaurants.

{/* Aperçu produit subtil — carte flottante */}
Bellia IA · ce matin
Votre clôture est prête
Validé
{eur(MONTH_TOTAL)}
}>+8,1 %
CA TTC · mai 2026
FONT CONFIANCE
{['Cantine Corner', 'Maison Loup', 'Petite Table', 'Brasserie Sud'].map(n => ( {n} ))}
{/* ============ PANNEAU DROIT — FORMULAIRE ============ */}
Pas encore de compte ? Commencer l'essai gratuit

Bon retour

Connectez-vous à votre espace Bellia.

}> setEmail(e.target.value)} style={inputStyle} autoComplete="email" /> } action={ Oublié ? }>
setPwd(e.target.value)} style={{ ...inputStyle, paddingRight: 42 }} autoComplete="current-password" />
}>Se connecter
OU
} onClick={onLogin}>Continuer avec Google
Connexion sécurisée · données hébergées en France · conforme RGPD.
); }; const inputStyle = { width: '100%', height: 48, borderRadius: 14, border: `1px solid ${C.line}`, background: C.card, padding: '0 14px 0 38px', fontSize: 14, color: C.ink, fontFamily: 'inherit', outline: 'none', transition: 'border-color .15s ease, box-shadow .15s ease', }; const Field = ({ label, icon, children, action }) => (
{action}
{icon}
{children}
); const GoogleG = () => ( ); window.LoginScreen = LoginScreen;