mirror of
https://github.com/Snigdha-OS/Snigdha-OS.github.io.git
synced 2025-09-05 20:26:43 +02:00
7 lines
2.8 KiB
JavaScript
7 lines
2.8 KiB
JavaScript
import{c,j as a,r as i}from"../script.js";import{m as r}from"./proxy-D4owT0uO.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 n=c("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 m({src:s,alt:t,category:l}){return a.jsxs(r.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:s,alt:t,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:t}),a.jsx("span",{className:"text-sm text-gray-300",children:l})]})})]})}function g({categories:s,selectedCategory:t,onSelect:l}){return a.jsx("div",{className:"flex flex-wrap justify-center gap-3 mb-8",children:s.map(e=>a.jsx(r.button,{whileHover:{scale:1.05},whileTap:{scale:.95},onClick:()=>l(e),className:`px-4 py-2 rounded-full text-sm font-medium transition-colors ${t===e?"bg-cornflower-blue text-white":"bg-white text-gray-600 hover:bg-gray-100"}`,children:e},e))})}const o=[{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"}],d=["All","Plasma"];function x(){const[s,t]=i.useState("All"),l=i.useMemo(()=>s==="All"?o:o.filter(e=>e.category===s),[s]);return a.jsx("div",{className:"py-12",children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[a.jsxs(r.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"text-center mb-12",children:[a.jsx(n,{className:"h-12 w-12 text-cornflower-blue mx-auto mb-4"}),a.jsx("h1",{className:"text-4xl font-bold text-gray-900",children:"Gallery"}),a.jsx("p",{className:"mt-4 text-lg text-gray-600",children:"Explore the visual journey of Snigdha OS"})]}),a.jsx(g,{categories:d,selectedCategory:s,onSelect:t}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:l.map(e=>a.jsx(m,{...e},e.src))})]})})}export{x as default};
|