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:
@@ -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} />
|
||||
|
||||
Reference in New Issue
Block a user