function MainComponent() { const [isImageOpen, setIsImageOpen] = useState(false); const [selectedImage, setSelectedImage] = useState(null); const openImageModal = (imageUrl)=>{ setSelectedImage(imageUrl); setIsImageOpen(true); }; const [isBrandImageOpen, setIsBrandImageOpen] = useState(false); const [isFounderImageOpen, setIsFounderImageOpen] = useState(false); const [isSRHRImagesOpen, setIsSRHRImagesOpen] = useState(false); const [isPodcastImagesOpen, setIsPodcastImagesOpen] = useState(false); const [isLogoOpen, setIsLogoOpen] = useState(false); // Add loading state const [isLoading, setIsLoading] = useState(true); // Add effect to handle initial load useEffect(()=>{ // Simulate loading completion const timer = setTimeout(()=>{ setIsLoading(false); }, 500); return ()=>clearTimeout(timer); }, []); // Show loading state if (isLoading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-white", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-[#1B365D] mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Loading Gen Z Voices Uganda..."), /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-4 border-[#4299E1] border-t-transparent rounded-full animate-spin mx-auto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }))); } return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Gen Z Voices Uganda - Bold Voices"), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/1b606f56-27e0-4b29-bfc7-432f10a28fd9/-/format/auto/", sizes: "48x48", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "shortcut icon", type: "image/png", href: "https://ucarecdn.com/1b606f56-27e0-4b29-bfc7-432f10a28fd9/-/format/auto/", sizes: "48x48", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/1b606f56-27e0-4b29-bfc7-432f10a28fd9/-/format/auto/", sizes: "128x128", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1B365D] p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52156ee9-6f37-4cdc-aac4-cf65c7f9290d/-/format/auto/", alt: "Gen Z Voices Uganda - Bold Voices Logo", className: "h-12 md:h-16 cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>setIsLogoOpen(true), __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text text-white", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "GEN Z UG"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4299E1] text-sm", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, "Bold Voices"))), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-white hover:text-[#4299E1]", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#partnership", className: "text-white hover:text-[#4299E1]", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Get Involved"), /*#__PURE__*/ React.createElement("a", { href: "#news", className: "text-white hover:text-[#4299E1]", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "News"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-white hover:text-[#4299E1]", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("header", { className: "bg-[#1B365D] text-white py-20", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center px-4", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Gen Z Voices Uganda"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "BOLD VOICES"))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-16 bg-white", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, "Gen Z Voices Uganda is a youth-led organization dedicated to amplifying young people's voices through advocacy, research, and community engagement. We focus on key issues affecting young people, including Sexual and Reproductive Health and Rights (SRHR), mental health, climate change, disability inclusion, and leadership development."), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Mission:"), " To empower young people with comprehensive, age-appropriate Sexual Reproductive Health information while advocating for mental health, climate action, disability inclusion, and leadership development"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, "Vision:"), " A Uganda where young people have the knowledge, agency, and opportunities to make informed decisions about their health, rights, and future, driving meaningful change in society.")))), isLogoOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsLogoOpen(false), __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-2xl max-h-[90vh]", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52156ee9-6f37-4cdc-aac4-cf65c7f9290d/-/format/auto/", alt: "Gen Z Voices Uganda - Bold Voices Logo", className: "max-w-full max-h-[90vh] object-contain rounded-lg", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-white bg-black bg-opacity-50 rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsLogoOpen(false); }, __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("section", { id: "involved", className: "py-16 bg-[#F7FAFC]", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, "Our Core Focus Areas"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 lg:grid-cols-5 gap-8", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow cursor-pointer hover:shadow-lg transition-shadow", onClick: ()=>setIsSRHRImagesOpen(true), __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-3xl text-[#4299E1] mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, "Sexual Reproductive Health Rights (SRHR) & Advocacy"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, "Educating and empowering young people on sexual health, HIV prevention, and reproductive rights"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#4299E1] mt-2", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Click to view our SRHR activities")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-3xl text-[#4299E1] mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Mental Health Awareness"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Promoting youth well-being through education, support, and advocacy")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-leaf text-3xl text-[#4299E1] mb-4", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, "Climate Change Action"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, "Engaging young people in environmental conservation and climate advocacy")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-universal-access text-3xl text-[#4299E1] mb-4", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }, "Disability Inclusion"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Advocating for equal opportunities, accessibility, and rights of young people with disabilities")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-3xl text-[#4299E1] mb-4", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, "Leadership & Mentorship"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 216, columnNumber: 17 }, __self: this }, "Building the next generation of changemakers through leadership training")))), isSRHRImagesOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsSRHRImagesOpen(false), __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl max-h-[90vh] bg-white rounded-lg p-6 overflow-y-auto", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 229, columnNumber: 17 }, __self: this }, "SRHR Activities Gallery"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 232, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/11557e3e-d145-4c69-b188-a500a664b310/-/format/auto/", alt: "SRHR education session with students", className: "w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>openImageModal("https://ucarecdn.com/11557e3e-d145-4c69-b188-a500a664b310/-/format/auto/"), __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/28201fad-247d-4593-b3a8-367c75b331e6/-/format/auto/", alt: "Teaching about body changes and growth", className: "w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>openImageModal("https://ucarecdn.com/28201fad-247d-4593-b3a8-367c75b331e6/-/format/auto/"), __source: { fileName: "", lineNumber: 244, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mt-4", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }, "We had a session about growth and Body Changes, Teaching Young people how to navigate the changing aspects in their bodies, embrace their insecurities"))), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-gray-600 bg-white rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsSRHRImagesOpen(false); }, __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }, "×")))), /*#__PURE__*/ React.createElement("section", { id: "news", className: "py-16 bg-white", __source: { fileName: "", lineNumber: 274, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 275, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, "Latest News"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg p-6", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 281, columnNumber: 17 }, __self: this }, "Founder Featured in Kampala Edge Times"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 284, columnNumber: 17 }, __self: this }, "Calvin Robert Rutainama, founder of Gen Z Voices Uganda, was featured in an exclusive interview with The Kampala Edge Times. The article highlights his journey, inspirations, and vision behind the movement that's reshaping Uganda's future through youth advocacy and empowerment."), /*#__PURE__*/ React.createElement("a", { href: "https://www.kampalaedgetimes.com/calvin-robert-rutainama-of-gen-z-voices/", target: "_blank", rel: "noopener noreferrer", className: "text-[#4299E1] hover:text-[#2B6CB0] transition-colors", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, "Read the full article →"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 mt-4 block", __source: { fileName: "", lineNumber: 299, columnNumber: 17 }, __self: this }, "August 9, 2025")), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg p-6", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 304, columnNumber: 17 }, __self: this }, "HIV Unfiltered Podcast Launch"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 307, columnNumber: 17 }, __self: this }, "Join us for our groundbreaking podcast series 'HIV Unfiltered' where we bring you personal stories, expert insights, and in-depth discussions about HIV. Our goal is to increase awareness and combat stigma through open, honest conversations."), /*#__PURE__*/ React.createElement("div", { className: "cursor-pointer text-[#4299E1] hover:text-[#2B6CB0] transition-colors", onClick: ()=>setIsPodcastImagesOpen(true), __source: { fileName: "", lineNumber: 314, columnNumber: 17 }, __self: this }, "Click to see behind the scenes photos →"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 mt-4 block", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, "March 20, 2025")), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg p-6", __source: { fileName: "", lineNumber: 324, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, "School Debates on SRHR Issues"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, "We're facilitating open dialogues in schools where students can freely discuss pressing SRHR issues like teenage pregnancy and relationships. These debates create safe spaces for education and peer-to-peer learning."), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, "March 18, 2025")))), isPodcastImagesOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsPodcastImagesOpen(false), __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl max-h-[90vh] bg-white rounded-lg p-6 overflow-y-auto", __source: { fileName: "", lineNumber: 343, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }, "Behind the Scenes of Our Very First Episode"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/15474448-6058-4437-98d6-0aa9c1d66c33/-/format/auto/", alt: "Behind the scenes - podcast recording", className: "w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>openImageModal("https://ucarecdn.com/15474448-6058-4437-98d6-0aa9c1d66c33/-/format/auto/"), __source: { fileName: "", lineNumber: 348, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4c504628-11f6-49fb-907d-2f802bf5e66c/-/format/auto/", alt: "Behind the scenes - podcast setup", className: "w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>openImageModal("https://ucarecdn.com/4c504628-11f6-49fb-907d-2f802bf5e66c/-/format/auto/"), __source: { fileName: "", lineNumber: 358, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/196b0d83-87f7-4402-b2bc-223a39b5e225/-/format/auto/", alt: "Behind the scenes - podcast recording setup", className: "w-full rounded-lg cursor-pointer hover:opacity-90 transition-opacity", onClick: ()=>openImageModal("https://ucarecdn.com/196b0d83-87f7-4402-b2bc-223a39b5e225/-/format/auto/"), __source: { fileName: "", lineNumber: 368, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-gray-600 bg-white rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsPodcastImagesOpen(false); }, __source: { fileName: "", lineNumber: 379, columnNumber: 17 }, __self: this }, "×")))), /*#__PURE__*/ React.createElement("section", { id: "research", className: "py-16 bg-white", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 393, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, "Research & Impact"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 397, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }, "We conduct vital research and data collection on youth-related issues, focusing on:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 mb-6 space-y-2", __source: { fileName: "", lineNumber: 402, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "Non-Communicable Diseases (NCDs) among youth"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }, "Mental health challenges and support systems"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 405, columnNumber: 17 }, __self: this }, "Sexual and Reproductive Health and Rights"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, "Climate change impact on young communities")), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, "Our research informs evidence-based advocacy and helps shape youth-focused policies.")))), /*#__PURE__*/ React.createElement("section", { id: "partnership", className: "py-16 bg-[#F7FAFC]", __source: { fileName: "", lineNumber: 415, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 417, columnNumber: 13 }, __self: this }, "Partnership Opportunities"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto text-center", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 421, columnNumber: 15 }, __self: this }, "As a newly founded organization, we're actively seeking partnerships with organizations that share our vision for youth empowerment and social change. We welcome collaborations that can help amplify our impact and reach.")))), /*#__PURE__*/ React.createElement("section", { className: "py-16 bg-white", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, "Our Merchandise"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto text-center", __source: { fileName: "", lineNumber: 435, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "cursor-pointer group relative overflow-hidden rounded-lg shadow-lg mb-6", onClick: ()=>setIsBrandImageOpen(true), __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d0b3283e-e82f-498a-82a4-548e6dd1aaeb/-/format/auto/", alt: "Gen Z Voices Uganda T-Shirt Design", className: "w-full transition-transform duration-300 group-hover:scale-110", __source: { fileName: "", lineNumber: 440, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 445, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-lg font-semibold", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }, "Click to enlarge"))), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-4", __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }, "Our official merchandise features our distinctive Gen Z Voices Uganda design with the Bold Voices logo in our signature light blue color on black. Each piece represents our commitment to youth advocacy and empowerment."))), isBrandImageOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsBrandImageOpen(false), __source: { fileName: "", lineNumber: 460, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-3xl max-h-[90vh]", __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d0b3283e-e82f-498a-82a4-548e6dd1aaeb/-/format/auto/", alt: "Enlarged brand image", className: "max-w-full max-h-[90vh] object-contain rounded-lg", __source: { fileName: "", lineNumber: 465, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-white bg-black bg-opacity-50 rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsBrandImageOpen(false); }, __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, "×")))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-16 bg-[#F7FAFC]", __source: { fileName: "", lineNumber: 483, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 484, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto text-center", __source: { fileName: "", lineNumber: 488, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#4299E1] mr-2", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }), "genzvoicesuganda@gmail.com"), /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 494, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#4299E1] mr-2", __source: { fileName: "", lineNumber: 495, columnNumber: 19 }, __self: this }), "+256 702213266"), /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 498, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#4299E1] mr-2", __source: { fileName: "", lineNumber: 499, columnNumber: 19 }, __self: this }), "Uganda"))))), /*#__PURE__*/ React.createElement("section", { className: "py-8 bg-white", __source: { fileName: "", lineNumber: 506, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 507, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-6", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center space-x-8", __source: { fileName: "", lineNumber: 511, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://x.com/GenZVoicesUG", target: "_blank", rel: "noopener noreferrer", className: "text-center group hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 512, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-3xl text-[#1DA1F2] mb-2", __source: { fileName: "", lineNumber: 518, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#1B365D]", __source: { fileName: "", lineNumber: 519, columnNumber: 17 }, __self: this }, "Gen Z Voices Uganda")), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/GenZVoicesUg/", target: "_blank", rel: "noopener noreferrer", className: "text-center group hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 521, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-3xl text-[#E4405F] mb-2", __source: { fileName: "", lineNumber: 527, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#1B365D]", __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, "Gen Z Voices Uganda")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center group hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 530, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-tiktok text-3xl text-[#000000] mb-2", __source: { fileName: "", lineNumber: 534, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#1B365D]", __source: { fileName: "", lineNumber: 535, columnNumber: 17 }, __self: this }, "Gen Z Voices Uganda")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-center group hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 537, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-3xl text-[#FF0000] mb-2", __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#1B365D]", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, "Gen Z Voices Uganda"))))), isImageOpen && selectedImage && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsImageOpen(false), __source: { fileName: "", lineNumber: 550, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl max-h-[90vh]", __source: { fileName: "", lineNumber: 554, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedImage, alt: "Enlarged SRHR activity", className: "max-w-full max-h-[90vh] object-contain rounded-lg", __source: { fileName: "", lineNumber: 555, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-white bg-black bg-opacity-50 rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsImageOpen(false); }, __source: { fileName: "", lineNumber: 560, columnNumber: 15 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("section", { className: "bg-[#F7FAFC] py-16", __source: { fileName: "", lineNumber: 573, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 574, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 575, columnNumber: 13 }, __self: this }, "Meet Our Founder"), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto flex flex-col md:flex-row items-center gap-8", __source: { fileName: "", lineNumber: 578, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 579, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 mx-auto mb-4 cursor-pointer transition-transform hover:scale-105", onClick: ()=>setIsFounderImageOpen(true), __source: { fileName: "", lineNumber: 580, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/da022d8f-119a-4e5d-b740-7d06f2c88cef/-/format/auto/", alt: "Founder", className: "w-full object-cover rounded-lg border-4 border-[#4299E1] shadow-lg", __source: { fileName: "", lineNumber: 584, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#1B365D] text-xl font-semibold", __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this }, "Founder & Executive Director"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B365D] text-lg mt-1", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, "Gen Z Voices Uganda"), /*#__PURE__*/ React.createElement("p", { className: "text-[#1B365D] text-2xl font-bold mt-2", __source: { fileName: "", lineNumber: 597, columnNumber: 19 }, __self: this }, "RUTAINAMA CALVIN ROBERT"))), /*#__PURE__*/ React.createElement("div", { className: "md:w-2/3", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-700 leading-relaxed", __source: { fileName: "", lineNumber: 603, columnNumber: 17 }, __self: this }, "As the founder of Gen Z Voices Uganda, Calvin brings passion and dedication to youth advocacy and empowerment. With a strong background in community engagement and youth leadership, he established this organization to address critical issues affecting young people in Uganda."), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-700 leading-relaxed mt-4", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, "Under his leadership, Gen Z Voices Uganda has become a platform for bold voices, focusing on Sexual and Reproductive Health Rights (SRHR), mental health awareness, climate change action, and disability inclusion."))))), isFounderImageOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", onClick: ()=>setIsFounderImageOpen(false), __source: { fileName: "", lineNumber: 622, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-3xl max-h-[90vh]", __source: { fileName: "", lineNumber: 626, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/da022d8f-119a-4e5d-b740-7d06f2c88cef/-/format/auto/", alt: "Founder", className: "max-w-full max-h-[90vh] object-contain rounded-lg", __source: { fileName: "", lineNumber: 627, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "absolute top-2 right-2 text-white bg-black bg-opacity-50 rounded-full w-8 h-8 flex items-center justify-center", onClick: (e)=>{ e.stopPropagation(); setIsFounderImageOpen(false); }, __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }, "×"))))); }