---
id: 16-1
title: 16-1 About Page Layout & Hero Section
status: Done
date: 2026-09-27
parent: 16
---

## Description

As a website visitor I want to access a dedicated About Us page So that I can learn about Libra for Rights' identity and purpose. - resources/views/pages/about.blade.php - Main page - lang/en/about.php - English translations - lang/ar/about.php - Arabic translations. Full implementation history: docs/stories/story-16.1-about-page-layout-hero.md

## Acceptance Criteria

- [ ] AC1: Route & Navigation: Given a visitor on any page; When they look at the main navigation; Then an "About Us" / "من نحن" link is visible
- [ ] AC2: Page Structure: Given a visitor accesses `/about`; When the page loads; Then the page uses the public layout with:
- [ ] AC3: Hero Section Container: Given the About Us page loads; When displayed; Then show a hero section with:
- [ ] AC4: Page Title: Given the hero section; When viewed in English; Then display title: "About Us"
- [ ] AC5: Tagline Display: Given the hero section below the title; When displayed; Then show the tagline:
- [ ] AC6: Identity Statement: Given the hero section below the tagline; When displayed; Then show the identity statement:
- [ ] AC7: Responsive Layout: Given different screen sizes; When viewing the hero section:
- [ ] AC8: RTL Support: Given Arabic language is selected; When viewing the page; Then all text and elements align right-to-left correctly