(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1538],{24219:function(e,t,s){Promise.resolve().then(s.bind(s,7841))},66648:function(e,t,s){"use strict";s.d(t,{default:function(){return l.a}});var o=s(55601),l=s.n(o)},55601:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var s in t)Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}(t,{default:function(){return n},getImageProps:function(){return i}});let o=s(99920),l=s(80497),a=s(38173),r=o._(s(21241));function i(e){let{props:t}=(0,l.getImgProps)(e,{defaultLoader:r.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,s]of Object.entries(t))void 0===s&&delete t[e];return{props:t}}let n=a.Image},7841:function(e,t,s){"use strict";s.r(t);var o=s(57437),l=s(66648),a=s(2265);let r=[{id:1,src:"https://images.pexels.com/photos/207692/pexels-photo-207692.jpeg",category:"Campus",title:"Main Building"},{id:2,src:"https://images.pexels.com/photos/1708936/pexels-photo-1708936.jpeg",category:"Sports",title:"Football Match"},{id:3,src:"https://images.pexels.com/photos/1181675/pexels-photo-1181675.jpeg",category:"Academic",title:"Library Session"},{id:4,src:"https://images.pexels.com/photos/159711/books-bookstore-book-reading-159711.jpeg",category:"Academic",title:"Reading Corner"},{id:5,src:"https://images.pexels.com/photos/256417/pexels-photo-256417.jpeg",category:"Campus",title:"School Garden"},{id:6,src:"https://images.pexels.com/photos/8613089/pexels-photo-8613089.jpeg",category:"Sports",title:"Basketball Team"},{id:7,src:"https://images.pexels.com/photos/267885/pexels-photo-267885.jpeg",category:"Events",title:"Graduation Day"},{id:8,src:"https://images.pexels.com/photos/5428012/pexels-photo-5428012.jpeg",category:"Events",title:"Science Fair"}];t.default=()=>{let[e,t]=(0,a.useState)("All"),s="All"===e?r:r.filter(t=>t.category===e);return(0,o.jsxs)("div",{className:"p-6 bg-gray-50 min-h-screen",children:[(0,o.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-center mb-8 gap-4",children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("h1",{className:"text-3xl font-bold text-gray-800",children:"School Gallery"}),(0,o.jsx)("p",{className:"text-gray-500 mt-1",children:"Capturing moments and memories."})]}),(0,o.jsxs)("button",{className:"bg-school-green-600 text-white px-5 py-2 rounded-full font-bold shadow-lg hover:bg-school-green-700 transition-all flex items-center gap-2",children:[(0,o.jsx)("span",{children:"\uD83D\uDCF7"})," Upload Photos"]})]}),(0,o.jsx)("div",{className:"flex justify-center mb-10",children:(0,o.jsx)("div",{className:"bg-white p-1 rounded-full shadow-sm border border-gray-200 inline-flex",children:["All","Campus","Academic","Sports","Events"].map(s=>(0,o.jsx)("button",{onClick:()=>t(s),className:"px-5 py-2 rounded-full text-sm font-medium transition-all ".concat(e===s?"bg-dark-gray text-white shadow-md":"text-gray-500 hover:text-gray-900"),children:s},s))})}),(0,o.jsx)("div",{className:"columns-1 md:columns-2 lg:columns-3 xl:columns-4 gap-6 space-y-6",children:s.map(e=>(0,o.jsx)("div",{className:"relative break-inside-avoid rounded-2xl overflow-hidden group cursor-pointer shadow-sm hover:shadow-xl transition-all",children:(0,o.jsxs)("div",{className:"relative h-auto w-full",children:[(0,o.jsx)(l.default,{src:e.src,alt:e.title,width:0,height:0,sizes:"100vw",className:"w-full h-auto object-cover transform group-hover:scale-110 transition-transform duration-500"}),(0,o.jsxs)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6",children:[(0,o.jsx)("span",{className:"text-vibrant-gold text-xs font-bold uppercase tracking-wider mb-1",children:e.category}),(0,o.jsx)("h3",{className:"text-white font-bold text-lg",children:e.title})]})]})},e.id))})]})}}},function(e){e.O(0,[8173,2971,7023,1744],function(){return e(e.s=24219)}),_N_E=e.O()}]);