complete story 14.2

2026-01-09 16:57:12 +02:00
parent 972af7a127
commit a0965c83bc
6 changed files with 174 additions and 10 deletions
@@ -141,16 +141,16 @@

 ## Dev Checklist

- [ ] Copy and rename lawyer photo to `public/images/huda-armouche.jpg`
- [ ] Create about section HTML structure
- [ ] Add section heading with translations
- [ ] Implement photo display with proper styling
- [ ] Add name and title with correct typography
- [ ] Add bio text with translations
- [ ] Implement responsive layout (flex column on mobile, row on desktop)
- [ ] Test RTL layout mirrors correctly
- [ ] Verify image loads and displays correctly
- [ ] Ensure accessible alt text on image
+- [x] Copy and rename lawyer photo to `public/images/huda-armouche.jpg`
+- [x] Create about section HTML structure
+- [x] Add section heading with translations
+- [x] Implement photo display with proper styling
+- [x] Add name and title with correct typography
+- [x] Add bio text with translations
+- [x] Implement responsive layout (flex column on mobile, row on desktop)
+- [x] Test RTL layout mirrors correctly
+- [x] Verify image loads and displays correctly
+- [x] Ensure accessible alt text on image

 ## Estimation

@@ -161,3 +161,45 @@

 - Story 14.1 (Hero) should be completed first for page structure
 - Lawyer photo file must be placed in public/images/
+
+---
+
+## Dev Agent Record
+
+### Status
+Ready for Review
+
+### Agent Model Used
+Claude Opus 4.5
+
+### File List
+| File | Action |
+|------|--------|
+| `public/images/huda-armouche.jpg` | Created (copied from source) |
+| `lang/en/home.php` | Modified (added about_title, lawyer_name, lawyer_title, lawyer_bio) |
+| `lang/ar/home.php` | Modified (added about_title, lawyer_name, lawyer_title, lawyer_bio) |
+| `resources/views/pages/home.blade.php` | Modified (added about section) |
+| `tests/Feature/Public/HomePageTest.php` | Modified (added 12 about section tests) |
+
+### Change Log
+- Copied lawyer photo from `WhatsApp Image 2026-01-07 at 5.34.23 PM.jpeg` to `public/images/huda-armouche.jpg`
+- Added English translations for about section (about_title, lawyer_name, lawyer_title, lawyer_bio)
+- Added Arabic translations for about section
+- Created about section in home page with:
+  - White background (`bg-card`)
+  - Section ID `id="about"` for anchor linking
+  - 64px/80px vertical padding (py-16 lg:py-20)
+  - H2 heading with translations
+  - Circular photo with shadow (w-48/lg:w-64, rounded-full, object-cover, shadow-lg)
+  - Name in bold, title in warm gold color (text-cta)
+  - Bio text with readable line height (leading-relaxed)
+  - Responsive layout: stacked on mobile, two-column on desktop (flex-col lg:flex-row)
+  - RTL support via Tailwind's text-start class
+- Added 12 comprehensive tests for about section covering both locales
+
+### Completion Notes
+- All acceptance criteria met
+- All 23 HomePageTest tests pass (including 12 new about section tests)
+- All 61 public page tests pass
+- Code formatted with Pint
+- RTL layout automatically handled by Tailwind's flex-row and text-start utilities