24-4: home page sections — implemented, QA Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 18:46:09 +02:00
parent d8b27a15e8
commit 10a4e1f4c0
14 changed files with 497 additions and 200 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
---
id: 24-4
title: 24-4 Home Page Sections (Hero to Latest Articles)
status: Ready for Dev
status: QA Review
date: 2026-10-31
parent: 24
---
+17
View File
@@ -0,0 +1,17 @@
# Manual tests — 24-4 Home Page Sections
Automated (passed 2026-10-31, `tests/Feature/Design/HomeRedesignTest.php`, 8 tests): sections `top`, pillars band, `founder`,
`services`, `mission`, `values`, `posts` in order in ar and en; copy from site/home keys; one h1 and non-empty alt on every
image; the four JPEGs exist (magic bytes); hero balance + static balance render; four service rows linking `#book` with chips;
text-only post cards with 3 posts and the empty message with none; no "Unsplash"; all new site.* keys in both languages;
`lang/*/home.php` unchanged versus BASE.
UI loop (libra.test `/`, 390/768/1440): no horizontal scroll at any width, h1 count 1, no missing alt. At 390 it reports 1
element past the edge (probably the hero `.tag` card, which is positioned off the frame on purpose) — please eyeball.
Fonts in use include Cairo (existing Tailwind classes elsewhere in the shell), Markazi and IBM Plex.
- [ ] `/` in Arabic and in English (`/language/en`): the seven sections read correctly and look like the approved mockup.
- [ ] Hero: balance settles level; moving the mouse across the frame tips it.
- [ ] Hover a service row: fills forest, cream text. Hover a value card: lifts, medallion rotates. Hover a post card: lifts.
- [ ] Each of the 3 latest posts opens `/posts/{post}`; with no published posts the "coming soon" text shows.
- [ ] 390px: no sideways scroll; sections stack; the tag card does not cut off the screen.
- [ ] The "Book a consultation" buttons scroll to `#book`, which only exists after 24-5.
+1 -1
View File
@@ -140,7 +140,7 @@
| 24-1 | 24-1 Public Design Foundation (Stylesheet, Script, Fonts, Layout) | QA Review |
| 24-2 | 24-2 Navigation and Footer | QA Review |
| 24-3 | 24-3 Signature Balance Component | QA Review |
| 24-4 | 24-4 Home Page Sections (Hero to Latest Articles) | Ready for Dev |
| 24-4 | 24-4 Home Page Sections (Hero to Latest Articles) | QA Review |
| 24-5 | 24-5 Home Booking Card (Compact Booking and Day Strip) | Ready for Dev |
| 24-6 | 24-6 Booking Page and Booking Success | Ready for Dev |
| 24-7 | 24-7 About Page | Ready for Dev |