Add About EHSAN dropdown nav + About page
Task #15: Make «عن إحسان» top-nav a real dropdown and build the About page. - Header.tsx: converted static «عن إحسان» span into a dropdown trigger replicating the existing services dropdown pattern (aboutOpen state, trigger/panel refs, outside-click + Escape handling). Desktop panel and mobile nav both list «من نحن» (/about) and «اللجان» (/about/committees). - New pages/about.tsx: green intro panel («نبذة عن إحسان») + tab strip (الرؤية والرسالة / الأهداف والركائز / المزايا والمجالات) for the Who-we-are view, and a committee card grid for the Committees view. Section chosen via /about/:section? route param; in-page toggle between the two. Reuses Reveal for scroll-in. - App.tsx: registered <Route path="/about/:section?" component={About} />. - translations.ts: added full bilingual `about` section (AR + EN). Fully bilingual via existing t.* system, RTL verified, no emojis. tsc passes; screenshots confirm both views render correctly.
This commit is contained in:
@@ -43,6 +43,73 @@ export const en = {
|
||||
whatsappLog: "WhatsApp Log",
|
||||
quickDonate: "Quick Donate",
|
||||
},
|
||||
about: {
|
||||
pageTitle: "About EHSAN",
|
||||
whoWeAre: "Who We Are",
|
||||
committees: "Committees",
|
||||
introTitle: "About EHSAN",
|
||||
intro:
|
||||
"EHSAN was established by Royal Order No. (48019) dated 13/08/1441 AH to harness data and artificial intelligence to maximize the impact and sustainability of developmental projects and services, by delivering advanced technical solutions and building an effective ecosystem through partnerships with the governmental, private, and non-profit sectors, with the aim of strengthening the Kingdom of Saudi Arabia's leading role in developmental and charitable work, and raising the contribution of the non-profit sector to the gross domestic product.",
|
||||
tabVisionMission: "Vision & Mission",
|
||||
tabGoalsPillars: "Goals & Pillars",
|
||||
tabAdvantagesDomains: "Advantages & Domains",
|
||||
visionTitle: "Our Vision",
|
||||
visionText:
|
||||
"To be the trusted national platform that empowers charitable and developmental work and enhances its sustainability, contributing to a higher quality of life.",
|
||||
missionTitle: "Our Mission",
|
||||
missionText:
|
||||
"To provide a trusted national platform that facilitates giving and connects donors with those in need transparently and efficiently through advanced technical solutions.",
|
||||
goalsTitle: "Goals",
|
||||
goals: [
|
||||
"Strengthen trust in charitable work through transparency and governance.",
|
||||
"Facilitate the efficient delivery of donations to their beneficiaries.",
|
||||
"Raise the contribution of the non-profit sector to the gross domestic product.",
|
||||
"Empower charitable entities with advanced technical solutions.",
|
||||
],
|
||||
pillarsTitle: "Pillars",
|
||||
pillars: [
|
||||
"Transparency and reliability.",
|
||||
"Technical innovation and artificial intelligence.",
|
||||
"Effective partnerships.",
|
||||
"Sustainability.",
|
||||
],
|
||||
advantagesTitle: "Advantages",
|
||||
advantages: [
|
||||
"A unified, accredited national donation platform.",
|
||||
"Safe and trusted donations.",
|
||||
"A wide variety of giving options.",
|
||||
"Tracking the impact of your donation.",
|
||||
],
|
||||
domainsTitle: "Domains",
|
||||
domains: [
|
||||
"Humanitarian and social aid.",
|
||||
"Health.",
|
||||
"Education.",
|
||||
"Housing.",
|
||||
"Endowments.",
|
||||
],
|
||||
committeesTitle: "Committees",
|
||||
committeesIntro:
|
||||
"EHSAN's work is overseen by a set of specialized committees that ensure governance, transparency, and Sharia compliance.",
|
||||
committeeItems: [
|
||||
{
|
||||
name: "Supervisory Committee",
|
||||
desc: "Oversees the platform's operations and strategic direction.",
|
||||
},
|
||||
{
|
||||
name: "Executive Committee",
|
||||
desc: "Follows up on the execution of operational plans and initiatives.",
|
||||
},
|
||||
{
|
||||
name: "Audit & Governance Committee",
|
||||
desc: "Ensures commitment to governance and transparency.",
|
||||
},
|
||||
{
|
||||
name: "Sharia Committee",
|
||||
desc: "Verifies that operations comply with Islamic rulings.",
|
||||
},
|
||||
],
|
||||
},
|
||||
serviceItems: {
|
||||
ghiras: "Ghiras",
|
||||
zakat: "Zakat",
|
||||
@@ -265,6 +332,73 @@ export const ar = {
|
||||
whatsappLog: "سجل واتساب",
|
||||
quickDonate: "تبرع سريع",
|
||||
},
|
||||
about: {
|
||||
pageTitle: "عن إحسان",
|
||||
whoWeAre: "من نحن",
|
||||
committees: "اللجان",
|
||||
introTitle: "نبذة عن إحسان",
|
||||
intro:
|
||||
"جاءت منصة إحسان الصادرة بالأمر السامي رقم (48019) وتاريخه (1441/08/13هـ) لتعمل على استثمار البيانات والذكاء الاصطناعي لتعظيم أثر المشاريع والخدمات التنموية واستدامتها، من خلال تقديم الحلول التقنية المتقدمة وبناء منظومة فاعلة عبر الشراكات مع القطاعات الحكومية والخاصة وغير الربحية، بهدف تعزيز دور المملكة العربية السعودية الريادي في الأعمال التنموية والخيرية، ورفع مساهمة القطاع غير الربحي في إجمالي الناتج المحلي.",
|
||||
tabVisionMission: "الرؤية والرسالة",
|
||||
tabGoalsPillars: "الأهداف والركائز",
|
||||
tabAdvantagesDomains: "المزايا والمجالات",
|
||||
visionTitle: "رؤيتنا",
|
||||
visionText:
|
||||
"أن تكون إحسان المنصة الوطنية الموثوقة التي تمكّن العمل الخيري والتنموي وتعزز استدامته بما يسهم في رفع جودة الحياة.",
|
||||
missionTitle: "رسالتنا",
|
||||
missionText:
|
||||
"توفير منصة وطنية موثوقة تسهّل التبرع وتربط المتبرعين بالمحتاجين بشفافية وكفاءة عبر حلول تقنية متقدمة.",
|
||||
goalsTitle: "الأهداف",
|
||||
goals: [
|
||||
"تعزيز الثقة في العمل الخيري عبر الشفافية والحوكمة.",
|
||||
"تسهيل وصول التبرعات إلى مستحقيها بكفاءة.",
|
||||
"رفع مساهمة القطاع غير الربحي في إجمالي الناتج المحلي.",
|
||||
"تمكين الجهات الخيرية بالحلول التقنية المتقدمة.",
|
||||
],
|
||||
pillarsTitle: "الركائز",
|
||||
pillars: [
|
||||
"الشفافية والموثوقية.",
|
||||
"الابتكار التقني والذكاء الاصطناعي.",
|
||||
"الشراكات الفاعلة.",
|
||||
"الاستدامة.",
|
||||
],
|
||||
advantagesTitle: "المزايا",
|
||||
advantages: [
|
||||
"منصة وطنية موحدة ومعتمدة للتبرع.",
|
||||
"تبرع آمن وموثوق.",
|
||||
"تنوع في أوجه التبرع.",
|
||||
"متابعة أثر التبرع.",
|
||||
],
|
||||
domainsTitle: "المجالات",
|
||||
domains: [
|
||||
"المساعدات الإنسانية والاجتماعية.",
|
||||
"الصحة.",
|
||||
"التعليم.",
|
||||
"الإسكان.",
|
||||
"الأوقاف.",
|
||||
],
|
||||
committeesTitle: "اللجان",
|
||||
committeesIntro:
|
||||
"يشرف على أعمال منصة إحسان مجموعة من اللجان المتخصصة التي تضمن الحوكمة والشفافية والتوافق الشرعي.",
|
||||
committeeItems: [
|
||||
{
|
||||
name: "اللجنة الإشرافية",
|
||||
desc: "الإشراف على أعمال المنصة وتوجهاتها الاستراتيجية.",
|
||||
},
|
||||
{
|
||||
name: "اللجنة التنفيذية",
|
||||
desc: "متابعة تنفيذ الخطط والمبادرات التشغيلية.",
|
||||
},
|
||||
{
|
||||
name: "لجنة المراجعة والحوكمة",
|
||||
desc: "ضمان الالتزام بالحوكمة والشفافية.",
|
||||
},
|
||||
{
|
||||
name: "اللجنة الشرعية",
|
||||
desc: "التأكد من توافق الأعمال مع الأحكام الشرعية.",
|
||||
},
|
||||
],
|
||||
},
|
||||
serviceItems: {
|
||||
ghiras: "غراس",
|
||||
zakat: "الزكاة",
|
||||
|
||||
Reference in New Issue
Block a user