mirror of
https://github.com/Snigdha-OS/Snigdha-OS.github.io.git
synced 2025-09-05 20:26:43 +02:00
7 lines
3.8 KiB
JavaScript
7 lines
3.8 KiB
JavaScript
import{c as m,j as a,r,X as d}from"../script.js";import{m as s}from"./proxy-CSDrDOQ6.js";/**
|
|
* @license lucide-react v0.344.0 - ISC
|
|
*
|
|
* This source code is licensed under the ISC license.
|
|
* See the LICENSE file in the root directory of this source tree.
|
|
*/const g=m("Camera",[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]]);function x({src:e,alt:l,category:i}){return a.jsxs(s.div,{initial:{opacity:0,scale:.9},whileInView:{opacity:1,scale:1},whileHover:{y:-5},className:"relative group overflow-hidden rounded-lg",children:[a.jsx("img",{src:e,alt:l,className:"w-full h-64 object-cover transform group-hover:scale-110 transition-transform duration-500"}),a.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity",children:a.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-4",children:[a.jsx("p",{className:"text-white font-medium",children:l}),a.jsx("span",{className:"text-sm text-gray-300",children:i})]})})]})}function p({categories:e,selectedCategory:l,onSelect:i}){return a.jsx("div",{className:"flex flex-wrap justify-center gap-3 mb-8",children:e.map(t=>a.jsx(s.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>i(t),className:`px-4 py-2 rounded-full text-sm font-medium transition-colors ${l===t?"bg-cornflower-blue text-white":"bg-white text-gray-600 hover:bg-gray-100"}`,children:t},t))})}const n=[{src:"/images/snigdhaos-plama-01.png",alt:"Snigdha OS Plasma 6 - Application Dashbord",category:"Plasma"},{src:"/images/snigdhaos-plasma-02.png",alt:"Snigdha OS Plasma 6 - Desktop",category:"Plasma"},{src:"/images/snigdhaos-plasma-03.png",alt:"Snigdha OS Plasma 6 - About",category:"Plasma"},{src:"/images/snigdhaos-plasma-04.png",alt:"Snigdha OS Plasma 6 - VS Code",category:"Plasma"},{src:"/images/snigdhaos-plasma-05.png",alt:"Snigdha OS Plasma 6 - Folders",category:"Plasma"},{src:"/images/snigdhaos-plasma-06.png",alt:"Snigdha OS Plasma 6 - Control Hub",category:"Plasma"}],h=["All","Plasma"];function b(){const[e,l]=r.useState("All"),[i,t]=r.useState(null),c=r.useMemo(()=>e==="All"?n:n.filter(o=>o.category===e),[e]);return a.jsxs("div",{className:"py-12 bg-gradient-to-b from-white to-blue-50",children:[a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[a.jsxs(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8},className:"text-center mb-12",children:[a.jsx(g,{className:"h-16 w-16 text-blue-600 mx-auto mb-6"}),a.jsx("h1",{className:"text-5xl font-extrabold text-gray-900",children:"Gallery"}),a.jsxs("p",{className:"mt-4 text-lg text-gray-600 max-w-2xl mx-auto",children:["Immerse yourself in the visual journey of ",a.jsx("span",{className:"text-blue-600",children:"Snigdha OS"})]})]}),a.jsx(s.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.2,duration:.8},children:a.jsx(p,{categories:h,selectedCategory:e,onSelect:l})}),a.jsx(s.div,{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10",initial:{opacity:0},animate:{opacity:1},transition:{delay:.4,duration:.8},children:c.map(o=>a.jsx(s.div,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>t(o.src),className:"cursor-pointer",children:a.jsx(x,{...o})},o.src))})]}),i&&a.jsxs(s.div,{className:"fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[a.jsx("button",{onClick:()=>t(null),className:"absolute top-4 right-4 text-white bg-black bg-opacity-50 rounded-full p-2 hover:bg-opacity-75 focus:outline-none",children:a.jsx(d,{className:"h-6 w-6"})}),a.jsx(s.img,{src:i,alt:"Zoomed",className:"max-w-full max-h-full rounded-lg shadow-lg",initial:{scale:.8},animate:{scale:1},exit:{scale:.8},transition:{duration:.3}})]})]})}export{b as default};
|