---
id: 13-2
title: 13-2 Auth Layout Split Design Update
status: Done
date: 2026-09-27
parent: 13
---

## Description

As a visitor to the authentication pages I want to see a visually appealing split-screen layout with the LIBRA branding So that the login experience feels professional and aligned with the brand identity. - resources/views/components/layouts/auth/split.blade.php. Full implementation history: docs/stories/story-13.2-auth-split-layout.md

## Acceptance Criteria

- [ ] AC1: Left Panel - Brand Side (Desktop): Given the split layout is viewed on desktop (lg+ breakpoint); When the page loads; Then the left panel displays:
- [ ] AC2: Right Panel - Form Side (Desktop): Given the split layout is viewed on desktop; When the page loads; Then the right panel displays:
- [ ] AC3: Mobile Layout: Given the split layout is viewed on mobile (below lg breakpoint); When the page loads; Then :
- [ ] AC4: RTL (Arabic) Support: Given the user's locale is Arabic; When the split layout renders; Then :
- [ ] AC5: Language Toggle Positioning: Given the language toggle component; When displayed on the split layout; Then :
- [ ] AC6: Remove Inspiring Quotes: Given the existing split layout has inspiring quotes; When the layout is updated; Then the quotes section is removed for a cleaner, branded appearance
- [ ] AC7: Responsive Breakpoints: Given various screen sizes; When the layout responds; Then :