Naser Mansour
0f9d12c3cf
Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with statuses.md as the new status source of truth) and docs/ux-design.md (retrospective design-system reference), and points CLAUDE.md at them. docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as historical/traceability records, superseded but not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1.3 KiB
1.3 KiB
id, title, status, date, parent
| id | title | status | date | parent |
|---|---|---|---|---|
| 9-7 | 9-7 Navigation & Footer Styling | QA Review | 2026-09-27 | 9 |
Description
As a user, I want professional navigation and footer styling, So that I can easily navigate the site and find information. Full implementation history: docs/stories/story-9.7-navigation-footer-styling.md
Acceptance Criteria
- Fixed top position with
z-50 - Navy blue background (
bg-navy) - Logo left (desktop), centered (mobile)
- Gold text for links (
text-gold) - Active link indicator (gold underline or background)
- Language toggle styled consistently
- Responsive mobile menu
- Full-width dropdown/slide from left
- Navy background (
bg-navy) - Clear touch targets (44px+ minimum)
- Smooth animation (200-300ms)
- Close button visible
- Navy blue background (
bg-navy) - Logo and firm info (using
<x-logo variant="reversed">) - Contact details section
- Links to Terms/Privacy pages
- Copyright notice with dynamic year
- Sticky footer (always at bottom even on short pages)
- Guest navigation: Show Home, Posts, Contact, Login/Register
- Authenticated navigation: Show Home, Dashboard, Posts, user menu
- RTL layout: Logo moves to right, menu items reverse order
- Empty page content: Footer stays at viewport bottom