Pak Palestine Forum

Non-profit solidarity & advocacy, React, Tailwind, Figma

Full-site for Pak-Palestine Forum: mission pillars (Solidarity, Relief & Aid, Advocacy), impact stats, volunteer and donate flows, interactive "Where We Exist" map, FAQ accordion, contact form, and an in-app assistant for common questions.

Live site

What I built

Bilingual experience: English + Urdu with full RTL support and persisted language preference.

Mission & impact: Vision cards, impact statistics, and clear CTAs for volunteer and donate.

Interactive map: "Where We Exist" (Leaflet) for geographic presence and regional hubs.

Conversion-focused UX: FAQ accordion, contact form, dark/light theme with strong visual hierarchy.

In-app assistant: Chat-style helper for PPF, volunteering, and donations.

Tech & stack

ReactTailwind CSSRadix UIReact Leaflet (maps)Component-driven UIFigma

Screenshots

PPF For Humanity, full page (Stand in Solidarity, mission, impact, get involved) — English, dark theme, hero, mission, impact & get involved

PPF For Humanity, light mode, Urdu version with RTL (mission, map, impact, FAQ, contact) — Urdu, light theme, RTL layout with mission, map & contact