# Epic 16: About Us Page

## Epic Goal

Create a comprehensive "About Us" page that presents Libra for Rights' identity, vision, mission, values, goals, legal services, strategy, and scholarship aspiration, providing visitors with a complete understanding of the organization's purpose and offerings.

## Epic Description

### Existing System Context

- **Current state:** No dedicated About Us page exists; some content shown on home page
- **Technology stack:** Laravel 12, Livewire 3/Volt, Flux UI, Tailwind CSS 4
- **Route to add:** `/about` (public)
- **Public layout:** `resources/views/components/layouts/public.blade.php`
- **Brand colors:** Dark Forest Green (#2D3624), Warm Gold (#A68966), Warm Cream (#F4F1EA)

### Content Source

All content derived from "LIBRA For Rights - Vision, Mission, Values and Goals" document:

**Identity:**
- A for-profit, "socialism" legal institution that uses research as a tool of power
- Not an NGO - seeks to establish a trusted institution as an alternative to civil society organizations
- Develops the concept of "al-Awnah" (Palestinian cooperative) within legal/human rights framework

**Vision:**
- Libra is woven from the fabric of society, investigating problems, documenting them, uncovering their roots, and offering solutions to mend social pains through collaboration and field research rooted in real engagement with the market.

**Mission (Three-fold):**
1. **For Itself:** Works at the heart of society capturing its pulse, investigating challenges, documenting them, transforming them into knowledge and innovative legal solutions. Accompanies individuals and institutions with honesty and professionalism, striving to advance justice, empower women, and foster a healthy business environment.
2. **For Society:** Aspires to establish the "Libra Scholarship for Law and Palestinian Arts", reconnect society with its history and legal heritage, and serve as a trusted partner to the judiciary.
3. **For Palestinians in Diaspora:** Platform for listening to Palestinians abroad, strengthening their connection to Palestinian land by helping research families, history, and lands.

**Values:**
- Integrity (النزاهة)
- Justice (العدالة)
- Knowledge (المعرفة)
- Women's Empowerment (تمكين المرأة)
- Professionalism (الاحترافية)
- Social Innovation (الابتكار الاجتماعي)

**Goals (7):**
1. Supporting Palestinian legal professionals and developing their professional and research capabilities
2. Documenting and analyzing community cases to produce legal knowledge grounded in reality
3. Preparing and writing research papers that address contemporary legal issues in depth
4. Launching legal awareness programs that raise community awareness of rights and obligations
5. Strengthening the connection between society and its legal history through knowledge-based and cultural initiatives
6. Developing innovative legal solutions based on field research reflecting the Palestinian social context
7. Promoting justice and empowering women through specialized and accessible legal services

**Legal Services:**
- Legal advice
- Court representation and litigation management
- Pleadings, memoranda, and legal appeals
- Women's and family law (divorce, alimony, custody, protection from violence)
- Civil and commercial disputes, partnership cases, financial claims
- Business sector services (contract drafting/review, governance, compliance, arbitration, ADR)

**Strategy:**
- Integrating legal practice with research-driven insight
- Engaging directly with community realities
- Financial sustainability while investing in knowledge production, women's empowerment, capacity-building
- Strategic partnerships and professional development
- Working toward research center accreditation

**Scholarship Aspiration:**
- Libra Scholarship for Law and Palestinian Arts
- Empowering students to present Palestinian messages globally
- Opening discussions about Palestinian situation
- Protecting intellectual property rights
- Enabling participation in local and international exhibitions

### Enhancement Details

**Page Sections:**

1. **Hero Section**
   - Page title: "About Us" / "من نحن"
   - Subtitle with tagline
   - Brief identity statement

2. **Vision Section**
   - Vision statement with decorative background
   - Full-width elegant presentation

3. **Mission Section**
   - Three mission cards (For Itself, For Society, For Diaspora)
   - Clear visual distinction between each
   - Icons for each category

4. **Values Section**
   - 6 values displayed as cards with icons
   - Both Arabic and English labels

5. **Goals Section**
   - 7 goals presented as numbered list or cards
   - Visually organized for easy scanning

6. **Legal Services Section**
   - Service categories with descriptions
   - Clear presentation of practice areas

7. **Scholarship Aspiration Section**
   - Vision for the scholarship program
   - Art and culture focus highlighted

**Success criteria:**
- About Us page accessible at `/about`
- All 7 sections display correctly
- Professional appearance consistent with brand guidelines
- Responsive design (mobile, tablet, desktop)
- Bilingual support (Arabic RTL / English LTR)
- Navigation includes About Us link
- All text in translation files

---

## Stories

### Story 16.1: About Page Layout & Hero
**File:** `story-16.1-about-page-layout-hero.md`

Create the About Us page route, layout structure, and hero section with page title and identity statement.

### Story 16.2: Vision & Mission Section
**File:** `story-16.2-vision-mission-section.md`

Implement the vision statement section and the three-fold mission (For Itself, For Society, For Diaspora) with card-based layout.

### Story 16.3: Values Section
**File:** `story-16.3-values-section.md`

Display the 6 core values (Integrity, Justice, Knowledge, Women's Empowerment, Professionalism, Social Innovation) as visually appealing cards with icons.

### Story 16.4: Goals Section
**File:** `story-16.4-goals-section.md`

Present the 7 organizational goals in a scannable, numbered format.

### Story 16.5: Legal Services Section
**File:** `story-16.5-legal-services-section.md`

Display all legal service offerings organized by category (consultations, litigation, family law, business services).

### Story 16.6: Scholarship Aspiration Section
**File:** `story-16.6-scholarship-section.md`

Present the Libra Scholarship for Law and Palestinian Arts aspiration, highlighting the art/culture mission.

---

## Compatibility Requirements

- [x] Existing navigation structure - add About Us link
- [x] RTL (Arabic) and LTR (English) support required
- [x] Mobile responsiveness required
- [x] Brand color scheme (Dark Forest Green, Warm Gold, Warm Cream)
- [x] Public layout used
- [x] No authentication required

## Technical Considerations

### Route Addition

```php
// routes/web.php
Route::get('/about', function () {
    return view('pages.about');
})->name('about');
```

### Layout Structure

```
+------------------------------------------+
|              NAVIGATION                   |
+------------------------------------------+
|                                          |
|              HERO SECTION                |
|    Title: About Us / من نحن              |
|    Subtitle + Identity Statement          |
|                                          |
+------------------------------------------+
|                                          |
|            VISION SECTION                |
|    "Libra is woven from..."              |
|                                          |
+------------------------------------------+
|                                          |
|            MISSION SECTION               |
|    [For Itself] [For Society] [Diaspora] |
|                                          |
+------------------------------------------+
|                                          |
|            VALUES SECTION                |
|    [Icon] [Icon] [Icon]                  |
|    [Icon] [Icon] [Icon]                  |
|                                          |
+------------------------------------------+
|                                          |
|             GOALS SECTION                |
|    1. Goal one                           |
|    2. Goal two...                        |
|                                          |
+------------------------------------------+
|                                          |
|        LEGAL SERVICES SECTION            |
|    [Category] [Category] [Category]      |
|                                          |
+------------------------------------------+
|                                          |
|        SCHOLARSHIP SECTION               |
|    Vision for Libra Scholarship          |
|                                          |
+------------------------------------------+
|              FOOTER                       |
+------------------------------------------+
```

### Color Usage

```css
/* Hero background */
--color-background: #F4F1EA;      /* Warm Cream */

/* Section alternating */
--color-card: #FFFFFF;            /* White */
--color-background: #F4F1EA;      /* Warm Cream */

/* Accent elements */
--color-accent: #A68966;          /* Warm Gold */

/* Text */
--color-text: #2D322A;            /* Forest Green */
```

### Translation Files

New files to create:
- `lang/en/about.php`
- `lang/ar/about.php`

---

## Risk Mitigation

- **Primary Risk:** Large amount of content may overwhelm visitors
- **Mitigation:** Use collapsible sections, clear visual hierarchy, and scannable formatting
- **Rollback Plan:** Page can be hidden from navigation if needed

## Definition of Done

- [ ] All 6 stories completed with acceptance criteria met
- [ ] About Us page accessible at `/about`
- [ ] Navigation updated with About Us link
- [ ] Hero section displays title and identity statement
- [ ] Vision section displays full vision statement
- [ ] Mission section displays all three mission categories
- [ ] Values section displays 6 values with icons
- [ ] Goals section displays 7 goals
- [ ] Legal services section displays all service categories
- [ ] Scholarship section displays aspiration content
- [ ] Responsive design works on mobile, tablet, desktop
- [ ] RTL (Arabic) layout displays correctly
- [ ] LTR (English) layout displays correctly
- [ ] All text in translation files (ar/en)
- [ ] Visual consistency with brand guidelines

## Dependencies

- Epic 12 (Branding Refresh) completed - for consistent colors
- Epic 14 (Home Page) completed - for consistent styling patterns
- Public layout available
