{"id":8,"date":"2026-06-11T06:31:38","date_gmt":"2026-06-11T06:31:38","guid":{"rendered":"https:\/\/drranafoundation.org\/?page_id=8"},"modified":"2026-07-07T08:30:29","modified_gmt":"2026-07-07T08:30:29","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/drranafoundation.org\/","title":{"rendered":"Dr. Rana Parkinson Foundation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDr. Rana Parkinson's Foundation<\/title>\r\n\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --ink: #1a1a2e;\r\n --ink-muted: #4a4a6a;\r\n --gold: #d71745;\r\n --gold-light: #d71745;\r\n --gold-pale: #fdf6e3;\r\n --teal: #1d6e6e;\r\n --teal-light: #2a9d8f;\r\n --white: #ffffff;\r\n --border: rgba(184,134,11,0.18);\r\n --section-pad: clamp(4rem, 8vw, 7rem);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: var(--ink);\r\n background: var(--cream);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n padding: 1.2rem 5vw;\r\n display: flex; justify-content: space-between; align-items: center;\r\n background: white;\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n .nav-logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.45rem;\r\n font-weight: 600;\r\n color: var(--ink);\r\n letter-spacing: 0.02em;\r\n line-height: 1.3;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n }\r\n .nav-logo-img {\r\n width: 150px; height: 75px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 1px solid var(--gold);\r\n\r\n }\r\n .nav-logo span { color: var(--ink); }\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n .nav-links a {\r\n text-decoration: none;\r\n font-size: 0.90rem;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--ink-muted);\r\n transition: color 0.2s;\r\n }\r\n .nav-links a:hover { color: var(--Red); }\r\n .nav-links a.active {\r\n color: var(--Red);\r\n position: relative;\r\n }\r\n .nav-links a.active::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px; left: 0; right: 0;\r\n height: 1.5px;\r\n background: var(--gold);\r\n transform-origin: left;\r\n animation: slideIn 0.25s ease forwards;\r\n }\r\n @keyframes slideIn {\r\n from { transform: scaleX(0); }\r\n to { transform: scaleX(1); }\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: flex; flex-direction: column; justify-content: center;\r\n padding: 7rem 5vw 4rem;\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--ink);\r\n }\r\n .hero-bg-ring {\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.12);\r\n animation: breathe 8s ease-in-out infinite;\r\n }\r\n .hero-bg-ring:nth-child(1) { width: 600px; height: 600px; top: -200px; right: -150px; }\r\n .hero-bg-ring:nth-child(2) { width: 900px; height: 900px; top: -350px; right: -300px; animation-delay: -3s; }\r\n .hero-bg-ring:nth-child(3) { width: 300px; height: 300px; bottom: 5%; left: -80px; animation-delay: -5s; }\r\n @keyframes breathe {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.04); opacity: 0.6; }\r\n }\r\n\r\n .hero-quote-bar {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-bottom: 2.5rem;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.1s forwards;\r\n }\r\n .hero-quote-img {\r\n width: 240px; height: 240px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n \r\n flex-shrink: 0;\r\n }\r\n .hero-quote-text {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-style: italic;\r\n font-size: 2rem;\r\n line-height: 1.5;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n .hero-quote-text span {\r\n display: block;\r\n font-style: normal;\r\n font-size: 1rem;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin-top: 0.4rem;\r\n }\r\n\r\n .hero-eyebrow {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin-bottom: 1.5rem;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.2s forwards;\r\n }\r\n .hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(3.2rem, 7vw, 6.2rem);\r\n font-weight: 300;\r\n line-height: 1.08;\r\n color: var(--white);\r\n max-width: 860px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.4s forwards;\r\n }\r\n .hero-title em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n .hero-sub {\r\n margin-top: 2rem;\r\n font-size: 1.05rem;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n color: rgba(255,255,255,0.65);\r\n max-width: 540px;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.6s forwards;\r\n }\r\n .hero-actions {\r\n margin-top: 2.8rem;\r\n display: flex; gap: 1rem; flex-wrap: wrap;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 0.8s forwards;\r\n }\r\n .btn-primary {\r\n display: inline-block;\r\n padding: 0.9rem 2.2rem;\r\n background: var(--gold);\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n font-weight: 500;\r\n transition: background 0.25s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); }\r\n .btn-outline {\r\n display: inline-block;\r\n padding: 0.9rem 2.2rem;\r\n border: 1px solid rgba(255,255,255,0.3);\r\n color: rgba(255,255,255,0.8);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n transition: border-color 0.25s, color 0.25s;\r\n }\r\n .btn-outline:hover { border-color: var(--gold-light); color: var(--gold-light); }\r\n\r\n .hero-stats {\r\n margin-top: 5rem;\r\n display: flex; gap: 3rem; flex-wrap: wrap;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding-top: 2.5rem;\r\n opacity: 0;\r\n animation: fadeUp 0.8s 1s forwards;\r\n }\r\n .hero-stat-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.4rem;\r\n font-weight: 300;\r\n color: var(--gold-light);\r\n line-height: 1;\r\n }\r\n .hero-stat-label {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.45);\r\n margin-top: 0.3rem;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(32px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\r\n section { padding: var(--section-pad) 5vw; scroll-margin-top: 72px; }\r\n .section-eyebrow {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.8rem;\r\n }\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 300;\r\n line-height: 1.2;\r\n color: var(--ink);\r\n }\r\n .section-title em { font-style: italic; color: var(--ink); }\r\n .section-title.mono-style {\r\n font-family: 'DM Sans', sans-serif;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n color: var(--ink);\r\n }\r\n .section-title.mono-style em { font-style: normal; color: var(--ink); }\r\n .divider {\r\n width: 48px; height: 2px;\r\n background: var(--gold);\r\n margin: 1.5rem 0;\r\n }\r\n\r\n \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\r\n #about { background: var(--white); }\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n margin-top: 3rem;\r\n }\r\n .about-text p {\r\n font-size: 1.05rem;\r\n line-height: 1.85;\r\n color: var(--ink-muted);\r\n margin-bottom: 1.2rem;\r\n }\r\n .about-visual {\r\n position: relative;\r\n }\r\n .about-card {\r\n background: var(--ink);\r\n padding: 3rem 2.5rem;\r\n color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .about-card::before {\r\n content: '';\r\n position: absolute; top: -40px; right: -40px;\r\n width: 160px; height: 160px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.25);\r\n }\r\n .about-card::after {\r\n content: '';\r\n position: absolute; bottom: -60px; left: -20px;\r\n width: 220px; height: 220px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(184,134,11,0.12);\r\n }\r\n .about-card-quote {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.5rem;\r\n font-weight: 300;\r\n font-style: italic;\r\n line-height: 1.5;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 1.5rem;\r\n }\r\n .about-card-name {\r\n font-size: 0.8rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n }\r\n\r\n \/* \u2500\u2500 MISSION PILLARS \u2500\u2500 *\/\r\n #mission { background: var(--gold-pale); }\r\n .pillars-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5px;\r\n margin-top: 3.5rem;\r\n background: var(--border);\r\n }\r\n .pillar {\r\n background: var(--white);\r\n padding: 2.5rem 2rem;\r\n transition: background 0.3s, transform 0.3s;\r\n cursor: default;\r\n }\r\n .pillar:hover {\r\n background: var(--ink);\r\n transform: translateY(-4px);\r\n }\r\n .pillar:hover .pillar-num,\r\n .pillar:hover .pillar-title,\r\n .pillar:hover .pillar-text { color: var(--white); }\r\n .pillar:hover .pillar-num { color: var(--gold-light); }\r\n .pillar-num {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 3rem;\r\n font-weight: 300;\r\n color: rgba(26,26,46,0.1);\r\n line-height: 1;\r\n margin-bottom: 1rem;\r\n transition: color 0.3s;\r\n }\r\n .pillar-title {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n letter-spacing: 0.05em;\r\n color: var(--ink);\r\n margin-bottom: 0.8rem;\r\n transition: color 0.3s;\r\n }\r\n .pillar-text {\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n color: var(--ink-muted);\r\n transition: color 0.3s;\r\n }\r\n\r\n \/* \u2500\u2500 DR. RANA PROFILE \u2500\u2500 *\/\r\n #founder { background: var(--white); }\r\n .founder-grid {\r\n display: grid;\r\n grid-template-columns: 380px 1fr;\r\n gap: 5rem;\r\n align-items: start;\r\n margin-top: 3rem;\r\n }\r\n .founder-portrait {\r\n background: var(--ink);\r\n padding: 2.5rem;\r\n position: relative;\r\n }\r\n .founder-portrait::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px; right: -12px;\r\n width: 100%; height: 100%;\r\n border: 1px solid var(--gold);\r\n z-index: -1;\r\n }\r\n .founder-initials {\r\n width: 100%; aspect-ratio: 1;\r\n background: linear-gradient(135deg, rgba(184,134,11,0.2) 0%, rgba(29,110,110,0.2) 100%);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 6rem;\r\n font-weight: 300;\r\n color: var(--gold-light);\r\n overflow: hidden;\r\n }\r\n .founder-initials img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n }\r\n .founder-portrait-name {\r\n margin-top: 1.5rem;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.5rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n }\r\n .founder-portrait-title {\r\n font-size: 0.78rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin-top: 0.3rem;\r\n }\r\n .founder-bio p {\r\n font-size: 1rem;\r\n line-height: 1.85;\r\n color: var(--ink-muted);\r\n margin-bottom: 1.2rem;\r\n }\r\n .credentials-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0.8rem;\r\n margin-top: 2rem;\r\n }\r\n .credential {\r\n border-left: 2px solid var(--gold);\r\n padding: 0.5rem 0 0.5rem 1rem;\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n color: var(--ink-muted);\r\n }\r\n .credential strong {\r\n display: block;\r\n font-weight: 500;\r\n color: var(--ink);\r\n font-size: 0.88rem;\r\n }\r\n\r\n \/* \u2500\u2500 BOOKS \u2500\u2500 *\/\r\n #books { background: var(--cream); }\r\n .books-intro {\r\n max-width: 600px;\r\n margin-bottom: 3rem;\r\n }\r\n .books-intro p {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: var(--ink-muted);\r\n margin-top: 1rem;\r\n }\r\n .books-marquee-wrapper {\r\n overflow: hidden;\r\n position: relative;\r\n margin: 0 -5vw;\r\n padding: 1.5rem 0;\r\n }\r\n .books-marquee-wrapper::before,\r\n .books-marquee-wrapper::after {\r\n content: '';\r\n position: absolute; top: 0; bottom: 0; width: 8vw; z-index: 2;\r\n }\r\n .books-marquee-wrapper::before { left: 0; background: linear-gradient(to right, var(--cream), transparent); }\r\n .books-marquee-wrapper::after { right: 0; background: linear-gradient(to left, var(--cream), transparent); }\r\n .books-marquee {\r\n display: flex;\r\n gap: 1.2rem;\r\n width: max-content;\r\n animation: marquee 30s linear infinite;\r\n }\r\n .books-marquee:hover { animation-play-state: paused; }\r\n @keyframes marquee {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n }\r\n .book-card {\r\n flex-shrink: 0;\r\n width: 180px;\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n padding: 1.5rem 1.2rem;\r\n transition: transform 0.25s, box-shadow 0.25s;\r\n }\r\n .book-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 36px rgba(184,134,11,0.12);\r\n }\r\n .book-icon {\r\n width: 36px; height: 48px;\r\n background: var(--ink);\r\n position: relative;\r\n margin-bottom: 1rem;\r\n }\r\n .book-icon::after {\r\n content: '';\r\n position: absolute; top: 4px; left: 4px; right: -4px; bottom: -4px;\r\n background: var(--gold);\r\n z-index: -1;\r\n }\r\n .book-title {\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n color: var(--ink);\r\n }\r\n\r\n \/* \u2500\u2500 TEAM \u2500\u2500 *\/\r\n #team { background: var(--ink); color: var(--white); }\r\n #team .section-title { color: var(--white); }\r\n #team .section-title em { color: var(--gold-light); }\r\n #team .divider { background: var(--gold-light); }\r\n .team-lead {\r\n display: flex;\r\n gap: 2.5rem;\r\n align-items: center;\r\n margin: 3rem 0;\r\n padding: 2.5rem;\r\n border: 1px solid rgba(184,134,11,0.2);\r\n background: rgba(255,255,255,0.04);\r\n }\r\n .team-lead-avatar {\r\n flex-shrink: 0;\r\n width: 80px; height: 80px;\r\n border-radius: 50%;\r\n background: rgba(184,134,11,0.2);\r\n border: 1px solid var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2rem;\r\n color: var(--gold-light);\r\n object-fit: cover;\r\n }\r\n .team-lead-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.6rem;\r\n font-weight: 400;\r\n color: var(--white);\r\n }\r\n .team-lead-role {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold-light);\r\n margin: 0.3rem 0 0.8rem;\r\n }\r\n .team-lead-bio {\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n .ambassadors-title {\r\n font-size: 0.75rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.4);\r\n margin-bottom: 1.5rem;\r\n }\r\n .ambassadors-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n gap: 0.8rem;\r\n }\r\n .ambassador-pill {\r\n padding: 0.7rem 1.2rem;\r\n border: 1px solid rgba(184,134,11,0.15);\r\n font-size: 0.88rem;\r\n color: rgba(255,255,255,0.7);\r\n transition: border-color 0.2s, color 0.2s, background 0.2s;\r\n cursor: default;\r\n }\r\n .ambassador-pill:hover {\r\n border-color: var(--gold-light);\r\n color: var(--gold-light);\r\n background: rgba(184,134,11,0.06);\r\n }\r\n\r\n \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n #contact { background: var(--gold-pale); }\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n margin-top: 3rem;\r\n }\r\n .contact-info { }\r\n .contact-detail {\r\n display: flex;\r\n gap: 1rem;\r\n align-items: flex-start;\r\n margin-bottom: 1.5rem;\r\n }\r\n .contact-icon {\r\n flex-shrink: 0;\r\n width: 40px; height: 40px;\r\n background: var(--ink);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .contact-icon svg { width: 18px; height: 18px; stroke: var(--gold-light); fill: none; stroke-width: 1.5; }\r\n .contact-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 0.2rem;\r\n }\r\n .contact-value {\r\n font-size: 0.98rem;\r\n line-height: 1.5;\r\n color: var(--ink);\r\n }\r\n \r\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\r\n .particles {\r\n position: absolute; inset: 0; overflow: hidden; pointer-events: none;\r\n }\r\n .particle {\r\n position: absolute;\r\n width: 2px; height: 2px;\r\n background: var(--gold-light);\r\n border-radius: 50%;\r\n opacity: 0;\r\n animation: float var(--dur, 12s) var(--delay, 0s) infinite linear;\r\n }\r\n @keyframes float {\r\n 0% { transform: translateY(100vh) translateX(0); opacity: 0; }\r\n 10% { opacity: 0.5; }\r\n 90% { opacity: 0.3; }\r\n 100% { transform: translateY(-10vh) translateX(var(--drift, 40px)); opacity: 0; }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .about-grid, .founder-grid, .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n .pillars-grid { grid-template-columns: 1fr; gap: 1.5px; }\r\n .founder-grid { grid-template-columns: 1fr; }\r\n .founder-portrait { max-width: 320px; }\r\n .credentials-grid { grid-template-columns: 1fr; }\r\n .nav-links { display: none; }\r\n .hero-stats { gap: 1.5rem; }\r\n .team-lead { flex-direction: column; gap: 1.5rem; }\r\n .hero-quote-bar { flex-direction: column; align-items: flex-start; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { animation: none !important; transition: none !important; }\r\n .reveal { opacity: 1; transform: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"http:\/\/drranafoundation.org\/wp-content\/uploads\/2026\/06\/B292A648-FF99-4D8D-9690-A7E282978971.jpeg\" class=\"nav-logo-img\">\r\n\r\n <\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#mission\">Mission<\/a><\/li>\r\n <li><a href=\"#founder\">Founder<\/a><\/li>\r\n <li><a href=\"#books\">Publications<\/a><\/li>\r\n <li><a href=\"#team\">Team<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"hero-bg-ring\"><\/div>\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <div class=\"hero-quote-bar\">\r\n <div class=\"hero-quote-img \"> <img decoding=\"async\" src=\"http:\/\/drranafoundation.org\/wp-content\/uploads\/2026\/06\/Hero-Image.png\"><\/div>\r\n <p class=\"hero-quote-text\">\"Those who fight Parkinson's with knowledge always find solutions.\"<span>\u2014 Dr. Rana<\/span><\/p>\r\n <\/div>\r\n\r\n <p class=\"hero-eyebrow\">Canadian Non-Profit Organization<\/p>\r\n <h1 class=\"hero-title\">\r\n Improving lives of those<br>\r\n living with Parkinson's <em><\/em>\r\n <\/h1>\r\n <div class=\"hero-actions\">\r\n <a href=\"#mission\" class=\"btn-primary\">Our Mission<\/a>\r\n <a href=\"#contact\" class=\"btn-outline\">Get Support<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div>\r\n <div class=\"hero-stat-num\">50+<\/div>\r\n <div class=\"hero-stat-label\">Countries Reached<\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"hero-stat-num\">100%<\/div>\r\n <div class=\"hero-stat-label\">Volunteer Driven<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Who We Are<\/p>\r\n <h2 class=\"section-title mono-style\">A foundation built on knowledge and trust<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"about-grid\">\r\n <div class=\"about-text reveal\">\r\n <p>The Dr. Rana Parkinson's Foundation is a Canadian non-profit organization dedicated to improving the quality of life for People with Parkinson's and their caregivers by providing up-to-date education and practical strategies to manage the complexities of this condition.<\/p>\r\n <p>Dr. A.Q. Rana, a senior Canadian neurologist, recognized that one of the greatest unmet needs in Parkinson's care was the absence of reliable, and accessible information. Too many patients turn to unauthentic sources, often worsening their condition as a result.<\/p>\r\n <p>Driven by this gap, he founded an organization in 2005 that has since grown into a globally trusted resource, run by passionate volunteers who dedicate their time to the cause.<\/p>\r\n <\/div>\r\n <div class=\"about-visual reveal\">\r\n <div class=\"about-card\">\r\n <p class=\"about-card-quote\">\"One of the most unmet needs in Parkinson's care is the lack of proper, authentic information for patients and their families.\"<\/p>\r\n <p class=\"about-card-name\">Dr. A.Q. Rana \u2014 Founder<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MISSION PILLARS -->\r\n<section id=\"mission\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">What We Do<\/p>\r\n <h2 class=\"section-title mono-style\">Other Areas of Focus<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"pillars-grid reveal\">\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">01<\/div>\r\n <h3 class=\"pillar-title\">Patient Education<\/h3>\r\n <p class=\"pillar-text\">Providing clear, accurate information to people with Parkinson's so they can make informed decisions about their care and daily lives.<\/p>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">02<\/div>\r\n <h3 class=\"pillar-title\">Caregiver Support<\/h3>\r\n <p class=\"pillar-text\">Equipping caregivers with strategies and resources to manage the emotional, physical, and logistical demands of supporting a loved one with Parkinson's.<\/p>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-num\">03<\/div>\r\n <h3 class=\"pillar-title\">Global Outreach<\/h3>\r\n <p class=\"pillar-text\">Educational brochures translated and distributed across the world, ensuring no community is left without access.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOUNDER -->\r\n<section id=\"founder\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Our Founder<\/p>\r\n <h2 class=\"section-title mono-style\">Dr. A.Q. Rana<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"founder-grid\">\r\n <div class=\"founder-portrait reveal\">\r\n <div class=\"founder-initials\">\r\n <img decoding=\"async\" src=\"http:\/\/drranafoundation.org\/wp-content\/uploads\/2026\/06\/Hero-Image.png\" alt=\"Dr. A.Q. Rana\">\r\n <\/div>\r\n <p class=\"founder-portrait-name\">Dr. A.Q. Rana<\/p>\r\n <p class=\"founder-portrait-title\">Neurologist \u00b7 Founder<\/p>\r\n <\/div>\r\n <div class=\"founder-bio reveal\">\r\n <p>After completing his neurology residency training, Dr. Rana did a fellowship in Parkinson's disease and Movement Disorders from the University of Ottawa, Canada. He is currently Director of the Parkinson's Clinic of Eastern Toronto and Movement Disorders Centre in Scarborough, Toronto.<\/p>\r\n <p>He is also the founder of the World Parkinson's Program, a Canadian charitable organization that provides free medications to Parkinson's patients around the world who are not able to afford them.<\/p>\r\n <p>Dr. Rana has been honoured with the Wayne-Hening Award for his research and granted honorary FRCP from the Royal College of Physicians of United Kingdom. He is listed in both Who's Who in the World and the Leading Physicians of the World.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- BOOKS \/ PUBLICATIONS -->\r\n<section id=\"books\">\r\n <div class=\"reveal books-intro\">\r\n <p class=\"section-eyebrow\">Publications<\/p>\r\n <h2 class=\"section-title mono-style\">Authored & Edited Works<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p>Dr. Rana has authored and edited a comprehensive body of work spanning neurological emergencies, movement disorders, and Parkinson's disease \u2014 accessible to both clinicians and the general public.<\/p>\r\n <\/div>\r\n <div class=\"books-marquee-wrapper reveal\">\r\n <div class=\"books-marquee\" id=\"marquee\">\r\n <!-- Cards duplicated in JS for infinite scroll -->\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TEAM -->\r\n<section id=\"team\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\" style=\"color: rgba(255,255,255,0.45);\">From Our Leadership<\/p>\r\n <h2 class=\"section-title\" style=\"color:var(--white); font-family:'DM Sans',sans-serif; font-weight:400;\">Message of the President<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"team-lead reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/160x160\/2a2a4a\/d4a843?text=Zainab+Rana\" alt=\"Zainab Rana\" class=\"team-lead-avatar\" style=\"object-fit:cover;\">\r\n <div>\r\n <h3 class=\"team-lead-name\">Zainab Rana<\/h3>\r\n <p class=\"team-lead-role\">President, Dr. Rana Parkinson's Foundation<\/p>\r\n <p class=\"team-lead-bio\">The ideology of our founder, \"those who fight Parkinson's with knowledge always find solutions,\" is the central theme of our organization. Dr. Rana Parkinson's Foundation aims to empower people with the practical strategies which enable them to manage the debilitating complications of Parkinson's.<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"ambassadors-title reveal\">Foundation Ambassadors<\/p>\r\n <div class=\"ambassadors-grid reveal\">\r\n <div class=\"ambassador-pill\">Dion Paul<\/div>\r\n <div class=\"ambassador-pill\">Obaid Madhosh<\/div>\r\n <div class=\"ambassador-pill\">Ismail Abdulalh<\/div>\r\n <div class=\"ambassador-pill\">Muhammad Rana<\/div>\r\n <div class=\"ambassador-pill\">Zakera Kachhvi<\/div>\r\n <div class=\"ambassador-pill\">Safwaan Rana<\/div>\r\n <div class=\"ambassador-pill\">Haleema Kachhvi<\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\">\r\n <div class=\"reveal\">\r\n <p class=\"section-eyebrow\">Get In Touch<\/p>\r\n <h2 class=\"section-title\">We're here to <em>help<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <\/div>\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info reveal\">\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Address<\/p>\r\n <p class=\"contact-value\">2680 Lawrence Ave. E., Suite 111<br>Toronto, ON M1P 4Y4, Canada<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Clinic<\/p>\r\n <p class=\"contact-value\">Parkinson's Clinic of Eastern Toronto<br>Movement Disorders Centre, Scarborough<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"contact-label\">Global Program<\/p>\r\n <p class=\"contact-value\">World Parkinson's Program<br>Free medications for patients worldwide<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach((e, i) => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), i * 80);\r\n observer.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n reveals.forEach(el => observer.observe(el));\r\n\r\n \/\/ Smooth scroll with offset for sticky nav\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (!target) return;\r\n const navHeight = document.querySelector('nav').offsetHeight;\r\n const targetTop = target.getBoundingClientRect().top + window.scrollY - navHeight - 8;\r\n window.scrollTo({ top: targetTop, behavior: 'smooth' });\r\n document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Highlight active nav link on scroll\r\n const sections = document.querySelectorAll('section[id]');\r\n const navLinks = document.querySelectorAll('.nav-links a');\r\n window.addEventListener('scroll', () => {\r\n const navHeight = document.querySelector('nav').offsetHeight;\r\n let current = '';\r\n sections.forEach(section => {\r\n if (window.scrollY >= section.offsetTop - navHeight - 40) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href') === '#' + current) link.classList.add('active');\r\n });\r\n }, { passive: true });\r\n\r\n \/\/ Floating particles\r\n const pContainer = document.getElementById('particles');\r\n for (let i = 0; i < 18; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.cssText = `\r\n left: ${Math.random() * 100}%;\r\n --dur: ${10 + Math.random() * 14}s;\r\n --delay: ${Math.random() * -20}s;\r\n --drift: ${(Math.random() - 0.5) * 80}px;\r\n width: ${Math.random() > 0.7 ? 3 : 2}px;\r\n height: ${Math.random() > 0.7 ? 3 : 2}px;\r\n `;\r\n pContainer.appendChild(p);\r\n }\r\n\r\n \/\/ Books marquee\r\n const books = [\r\n \"Neurological Emergencies in Clinical Practice\",\r\n \"50 Ways Parkinson's Could Affect You\",\r\n \"An Aid to Neuro-ophthalmology\",\r\n \"Natural Therapies for Parkinson's Disease\",\r\n \"Essential Tremor in Clinical Practice\",\r\n \"Neurophysiology in Clinical Practice\",\r\n \"Neuroradiology in Clinical Practice\",\r\n \"99 Faces of Parkinson's Disease\",\r\n \"Differential Diagnosis of Movement Disorders\",\r\n \"FAQ about Parkinson's Disease in Urdu and Arabic\",\r\n \"Pathophysiology of Parkinson's Disease\",\r\n \"Symptoms of Parkinson's Disease\",\r\n \"Diagnosis & Management of Parkinson's Disease\",\r\n \"Synopsis of Parkinson's Disease (3 vols.)\"\r\n ];\r\n const marquee = document.getElementById('marquee');\r\n \/\/ Duplicate for seamless loop\r\n [...books, ...books].forEach(title => {\r\n const card = document.createElement('div');\r\n card.className = 'book-card';\r\n card.innerHTML = `<div class=\"book-icon\"><\/div><p class=\"book-title\">${title}<\/p>`;\r\n marquee.appendChild(card);\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68d5325 e-con e-atomic-element e-flexbox-base e-39d42a2 \" data-id=\"68d5325\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"68d5325\">\n \t\t<div class=\"elementor-element elementor-element-de12af9 elementor-widget elementor-widget-heading\" data-id=\"de12af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stay Informed<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b0e97d elementor-widget elementor-widget-heading\" data-id=\"1b0e97d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join Our Newsletter<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39f6b1e elementor-widget elementor-widget-text-editor\" data-id=\"39f6b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Get the latest Parkinson’s education, caregiver strategies, and foundation updates delivered straight to your inbox.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a1ff9 elementor-widget elementor-widget-shortcode\" data-id=\"d6a1ff9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f120-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"120\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8#wpcf7-f120-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"120\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f120-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label for=\"nl-name\">Full Name<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"nl-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/p>\n<p><label for=\"nl-email\">Email Address<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"nl-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"your@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-submit\" type=\"submit\" value=\"Subscribe\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dr. Rana Parkinson’s Foundation About Mission Founder Publications Team Contact “Those who fight Parkinson’s with knowledge always find solutions.”\u2014 Dr. Rana Canadian Non-Profit Organization Improving lives of those living with Parkinson’s Our Mission Get Support 50+ Countries Reached 100% Volunteer Driven Who We Are A foundation built on knowledge and trust The Dr. Rana Parkinson’s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":97,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/drranafoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/drranafoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}