import { Link } from '@inertiajs/react'; import type { ReactNode } from 'react'; import { useBranding } from '@/hooks/use-branding'; import { useT } from '@/lib/i18n'; import { home } from '@/routes'; import './aurora.css'; type Props = { title: string; description?: string; children: ReactNode; }; /** * Aurora-themed auth shell. Used by every auth page (login, register, * forgot/reset password, 2FA, email verification, invitation accept, * password confirmation) when `marketingTheme === 'aurora'` so the * brand identity carries from the marketing site into the sign-in * surface. Editorial paper/ink palette with the lime signal accent * Aurora uses on the marketing site. */ export default function AuroraAuthShell({ title, description, children, }: Props) { const branding = useBranding(); const { t } = useT(); const brandName = branding.site_title || 'Pitchbar'; // Admin-editable side-panel copy. Buyer-reported (2026-05-26): the // bundled "marketing site" phrasing leaked through to workspaces // whose product is not a marketing surface. Falls back to the // theme's defaults so first-install Aurora still ships pre-styled. const eyebrow = (branding.auth_aside_eyebrow as string | null | undefined) ?? t('Secure workspace'); const heading = (branding.auth_aside_heading as string | null | undefined) ?? null; const lede = (branding.auth_aside_lede as string | null | undefined) ?? null; const bullets = (branding.auth_aside_bullets as string[] | null | undefined) && (branding.auth_aside_bullets as string[]).length > 0 ? (branding.auth_aside_bullets as string[]) : [ t('2FA, passkeys, and recovery codes'), t('SSO-ready ยท SOC 2 controls in flight'), t('One workspace, every channel'), ]; return (
{brandName.toUpperCase()} โ† {t('Site')}
{t('Account access')}

{t(title)}

{description ? (

{t(description)}

) : null}
{children}
); }