(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5834],{2212:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>m});var o=i(5155),n=i(9749),a=i(2137),s=i(3981),r=i(2115);let l=[{id:1,title:"Environmental Restoration",caption:"Healing our waters, one reach at a time.",images:["/images/environment-restoration/1.jpeg","/images/environment-restoration/2.jpeg","/images/environment-restoration/3.jpeg","/images/environment-restoration/4.jpeg","/images/environment-restoration/5.jpeg","/images/environment-restoration/6.jpeg","/images/environment-restoration/7.jpeg","/images/environment-restoration/8.jpeg","/images/environment-restoration/9.jpeg","/images/environment-restoration/10.jpeg","/images/environment-restoration/11.jpeg","/images/environment-restoration/12.jpeg"]},{id:2,title:"Health & Hope",caption:"The gift of life, shared through humanities.",images:["/images/blood-donation/1.jpeg","/images/blood-donation/5.jpeg","/images/blood-donation/6.jpeg","/images/blood-donation/2.jpeg","/images/blood-donation/3.jpeg"]},{id:3,title:"Youth in Training",caption:"Empowering the hands that will build the future.",images:["https://images.unsplash.com/photo-1596495577886-d920f1c08e3a?auto=format&fit=crop&w=800&q=80","https://images.unsplash.com/photo-1596495577886-3b3f3a4b1ebf?auto=format&fit=crop&w=800&q=80"]}],c={offscreen:{opacity:0,y:50},onscreen:{opacity:1,y:0,transition:{type:"spring",bounce:.2,duration:.8}}};function m(){let e,t,i,m,g,h,p,d=(0,n.c)(14),[u,x]=(0,r.useState)(null),[f,j]=(0,r.useState)(0);d[0]!==u?(e=()=>{u&&j(e=>(e+1)%u.length)},d[0]=u,d[1]=e):e=d[1];let b=e;d[2]!==u?(t=()=>{u&&j(e=>0===e?u.length-1:e-1)},d[2]=u,d[3]=t):t=d[3];let v=t;d[4]===Symbol.for("react.memo_cache_sentinel")?(i=e=>{x(e),j(0)},d[4]=i):i=d[4];let w=i;d[5]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{x(null),j(0)},d[5]=m):m=d[5];let _=m;return d[6]===Symbol.for("react.memo_cache_sentinel")?(g=(0,o.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8",children:l.map(e=>(0,o.jsxs)(a.P.div,{className:"relative cursor-pointer overflow-hidden rounded-xl shadow-lg",initial:"offscreen",whileInView:"onscreen",viewport:{once:!0,amount:.3},variants:c,onClick:()=>w(e.images),children:[(0,o.jsx)(s.default,{src:e.images[0],alt:e.title,width:500,height:350,className:"object-cover w-full h-72 transition-transform duration-500 ease-in-out hover:scale-105"}),(0,o.jsxs)("div",{className:"absolute inset-0 bg-black bg-opacity-40 opacity-0 hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center items-center text-center p-4",children:[(0,o.jsx)("h3",{className:"text-white text-lg font-bold",children:e.title}),(0,o.jsx)("p",{className:"text-sm text-white mt-2",children:e.caption})]})]},e.id))}),d[6]=g):g=d[6],d[7]!==f||d[8]!==b||d[9]!==v||d[10]!==u?(h=u&&(0,o.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-90 flex justify-center items-center z-50 p-4",children:(0,o.jsxs)("div",{className:"relative w-full max-w-4xl flex items-center justify-center",children:[(0,o.jsx)("button",{className:"absolute top-4 right-4 text-white text-3xl font-bold z-50",onClick:_,children:"\xd7"}),(0,o.jsx)("button",{className:"absolute left-0 text-white text-4xl px-4 z-50 hover:opacity-80 transition-opacity",onClick:v,children:"❮"}),(0,o.jsx)(s.default,{src:u[f],alt:`Gallery Image ${f+1}`,width:800,height:600,className:"object-contain w-full max-h-[80vh] rounded-lg"}),(0,o.jsx)("button",{className:"absolute right-0 text-white text-4xl px-4 z-50 hover:opacity-80 transition-opacity",onClick:b,children:"❯"})]})}),d[7]=f,d[8]=b,d[9]=v,d[10]=u,d[11]=h):h=d[11],d[12]!==h?(p=(0,o.jsxs)("div",{className:"max-w-7xl mx-auto px-6 py-12",children:[g,h]}),d[12]=h,d[13]=p):p=d[13],p}},4873:(e,t,i)=>{"use strict";var o=i(2115).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;t.c=function(e){return o.H.useMemoCache(e)}},9022:(e,t,i)=>{Promise.resolve().then(i.bind(i,2212))},9749:(e,t,i)=>{"use strict";e.exports=i(4873)}},e=>{e.O(0,[2137,3981,8441,9826,7358],()=>e(e.s=9022)),_N_E=e.O()}]);