Make «الوقف» (Endowment) and «براعم إحسان» (EHSAN Buds) into real pages

Task #16: The last two top-nav items were static, non-clickable text.
Turned both into real bilingual (AR/EN) routed pages, completing the
main navigation of the EHSAN POC.

Changes:
- translations.ts: added parallel `waqf` and `baraem` sections to both
  `en` and `ar` (intro, contribution ways, endowment fields/features for
  waqf; goals, features, audience for baraem). Content mirrors ehsan.sa
  section structure; no emojis.
- New pages src/pages/waqf.tsx and src/pages/baraem.tsx, built on the
  about.tsx pattern: green intro panel, Reveal scroll-in, Card grids,
  RTL-correct using logical classes and the t.* system.
- App.tsx: registered /waqf and /baraem routes.
- Header.tsx: replaced the two static <span> items with active-aware
  <Link>s in desktop nav, and added matching entries to the mobile nav.

Verified: tsc --noEmit passes; both pages render correctly in Arabic
RTL with active nav highlighting (screenshots checked).

Replit-Task-Id: 40da5508-41c9-4ccd-aba4-2ea80183a97b
This commit is contained in:
riyadhafraa
2026-06-05 19:57:31 +00:00
parent d0d504bc74
commit d66ebddd00
6 changed files with 389 additions and 4 deletions
+4
View File
@@ -12,6 +12,8 @@ import { ComponentType } from "react";
// Page imports
import Home from "./pages/home";
import About from "./pages/about";
import Waqf from "./pages/waqf";
import Baraem from "./pages/baraem";
import RequestSupport from "./pages/request";
import Opportunities from "./pages/opportunities";
import Donate from "./pages/donate";
@@ -38,6 +40,8 @@ function Router() {
<Switch>
<Route path="/" component={Home} />
<Route path="/about/:section?" component={About} />
<Route path="/waqf" component={Waqf} />
<Route path="/baraem" component={Baraem} />
<Route path="/request" component={RequestSupport} />
<Route path="/opportunities" component={Opportunities} />
<Route path="/donate/:id" component={Donate} />