import { Link } from '@inertiajs/react'; import type { ReactNode } from 'react'; import { useBranding } from '@/hooks/use-branding'; 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 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) ?? '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[]) : [ '2FA, passkeys, and recovery codes', 'SSO-ready ยท SOC 2 controls in flight', 'One workspace, every channel', ]; return (
{brandName.toUpperCase()} โ† Site
ACCOUNT ACCESS

{title}

{description ? (

{description}

) : null}
{children}
); }