10 KiB

Raw Blame History

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):

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.
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.
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):

Supporting Palestinian legal professionals and developing their professional and research capabilities
Documenting and analyzing community cases to produce legal knowledge grounded in reality
Preparing and writing research papers that address contemporary legal issues in depth
Launching legal awareness programs that raise community awareness of rights and obligations
Strengthening the connection between society and its legal history through knowledge-based and cultural initiatives
Developing innovative legal solutions based on field research reflecting the Palestinian social context
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:

Hero Section
- Page title: "About Us" / "من نحن"
- Subtitle with tagline
- Brief identity statement
Vision Section
- Vision statement with decorative background
- Full-width elegant presentation
Mission Section
- Three mission cards (For Itself, For Society, For Diaspora)
- Clear visual distinction between each
- Icons for each category
Values Section
- 6 values displayed as cards with icons
- Both Arabic and English labels
Goals Section
- 7 goals presented as numbered list or cards
- Visually organized for easy scanning
Legal Services Section
- Service categories with descriptions
- Clear presentation of practice areas
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

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

Technical Considerations

Route Addition

// 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

/* 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

10 KiB Raw Blame History