libra/docs/tasks/24-10.md

id, title, status, date, parent

id	title	status	date	parent
24-10	24-10 Redesign Integration Verification	Done	2026-10-31	24

Description

Verify the finished redesign as a whole before it is offered for deployment, and fix any defect found within the files touched by tasks 24-1 to 24-9. This task adds no feature. Build the assets (npm run build) first so the pages are not rendered from stale CSS.

Check, on the local site (https://libra.test via Valet, or php artisan serve), with at least three published posts in the database and working hours configured so slots exist:

1. Pages — /, /about, /posts, one /posts/{post}, /booking, /booking/success, /page/terms, /page/privacy, /login, /forgot-password: each in Arabic (RTL) and English (LTR), each at 1440, 768 and 390px wide.
2. Booking end-to-end — one guest booking from the home card and one from /booking, each reaching /booking/success and each appearing in the admin's pending bookings (/admin/bookings/pending).
3. Unchanged areas — /admin/dashboard, /admin/bookings/pending, /admin/posts, /client/dashboard, /client/consultations/book, /forms/nablus-workshop.
4. Motion — load / with and without prefers-reduced-motion: reduce emulated.
5. Navigation — move between public pages with the navigation links (wire:navigate) and back to /.

Fix defects in the redesign's own files only: resources/css/public.css, resources/js/public.js, resources/js/site/*.js, resources/views/components/site/*.blade.php, resources/views/components/navigation.blade.php, resources/views/components/footer.blade.php, resources/views/components/layouts/public.blade.php, resources/views/components/layouts/auth/*.blade.php, resources/views/partials/site-fonts.blade.php, resources/views/livewire/pages/home.blade.php, about.blade.php, booking.blade.php, booking-success.blade.php, posts/index.blade.php, posts/show.blade.php, resources/views/livewire/availability-calendar.blade.php, resources/views/pages/legal.blade.php, terms.blade.php, privacy.blade.php, lang/ar/site.php, lang/en/site.php.

Acceptance Criteria

• Every page in item 1, in both languages and at all three widths, has no horizontal scroll (document.documentElement.scrollWidth <= innerWidth), no console error, and no missing translation key (no raw site. or home. key text visible).
• Each page in item 1 has exactly one <h1>, every <img> has a non-empty alt, and every interactive element in the navigation, footer and booking card is reachable by Tab with a visible gold focus ring.
• Both bookings in item 2 succeed and appear in /admin/bookings/pending.
• The pages in item 3 contain no public.css, public.js, class="site or site-auth, and git diff BASE -- resources/css/app.css resources/views/livewire/admin resources/views/livewire/client resources/views/components/layouts/app.blade.php resources/views/components/layouts/app resources/views/livewire/pages/forms (BASE = the commit recorded before task 24-1) is empty.
• With reduced motion emulated, all [data-reveal] content is visible on load and every balance is level; without it, the hero balance settles and the finale levels on scroll.
• After five wire:navigate hops ending on /, the hero balance and reveal still work and the finale still levels.
• Contrast: body text on cream, --gold-lt text on forest, and the gold button text meet WCAG AA (4.5:1 for body text, 3:1 for large text) — measured, values noted in the task's QA record.
• No page contains the text "Unsplash" or "mockup".

Sub-tasks

None.