1import{u as E,r as n,j as e,m,d as P,X as z}from"./index-DXZFCZJj.js";import{u as L,C as x,a as h}from"./embla-carousel-react.esm-DyleNqwr.js";const f="/assets/cx-quicklearning-DsETu1Hu.jpg",y="/assets/golinelli-gamification-BqS3hBTv.jpg",b="/assets/sanoma-gamification-CmR-7ZCS.jpg",v="/assets/artificialmente-intelligente-DY3zn4s9.jpg",A={it:{eyebrow:"Portfolio",title:"Ultimi lavori",prevWork:"Lavoro precedente",nextWork:"Lavoro successivo",openLabel:a=>`Apri ${a}`,close:"Chiudi",prev:"Precedente",next:"Successivo",works:[{title:"Growapp",category:"Magazine online",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Growapp.jpeg"},{title:"Un viaggio chiamato AI",category:"Format Educational",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Unviaggiochiamatoai.jpg"},{title:"Festival AI",category:"Evento",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Festival-AI.jpg"},{title:"Chiamami Mario",category:"Videodidattica",image:"https://archivio.thenextagency.it/wp-content/uploads/2024/08/ChiamamiMario.png"},{title:"CX QuickLearning",category:"Sito web",image:f},{title:"Gamification & Edutainment",category:"Formazione e-.learning",image:y},{title:"Gamification e progettazione AI",category:"Videodidattica",image:b},{title:"Artificialmente Intelligente",category:"Documentario",image:v}]},en:{eyebrow:"Portfolio",title:"Latest work",prevWork:"Previous work",nextWork:"Next work",openLabel:a=>`Open ${a}`,close:"Close",prev:"Previous",next:"Next",works:[{title:"Growapp",category:"Online magazine",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Growapp.jpeg"},{title:"Un viaggio chiamato AI",category:"Educational format",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Unviaggiochiamatoai.jpg"},{title:"Festival AI",category:"Event",image:"https://archivio.thenextagency.it/wp-content/uploads/2026/01/Festival-AI.jpg"},{title:"Chiamami Mario",category:"Video training",image:"https://archivio.thenextagency.it/wp-content/uploads/2024/08/ChiamamiMario.png"},{title:"CX QuickLearning",category:"Website",image:f},{title:"Gamification & Edutainment",category:"E-learning training",image:y},{title:"Gamification e progettazione AI",category:"Video training",image:b},{title:"Artificialmente Intelligente",category:"Documentary",image:v}]}},F=()=>{const a=E(A),o=a.works,[j,i]=L({align:"start",slidesToScroll:1,containScroll:"trimSnaps"}),[w,k]=n.useState(!1),[N,C]=n.useState(!0),[r,s]=n.useState(null),S=n.useCallback(()=>i==null?void 0:i.scrollPrev(),[i]),I=n.useCallback(()=>i==null?void 0:i.scrollNext(),[i]),l=n.useCallback(()=>{i&&(k(i.canScrollPrev()),C(i.canScrollNext()))},[i]);n.useEffect(()=>{if(i)return l(),i.on("select",l),i.on("reInit",l),()=>{i.off("select",l),i.off("reInit",l)}},[i,l]);const c=n.useCallback(()=>s(null),[]),g=n.useCallback(()=>s(t=>t===null?null:(t-1+o.length)%o.length),[o.length]),p=n.useCallback(()=>s(t=>t===null?null:(t+1)%o.length),[o.length]);return n.useEffect(()=>{if(r===null)return;const t=u=>{u.key==="Escape"&&c(),u.key==="ArrowLeft"&&g(),u.key==="ArrowRight"&&p()};document.addEventListener("keydown",t);const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=d}},[r,c,g,p]),e.jsxs("section",{id:"lavori",className:"py-28 md:py-36 section-padding",children:[e.jsxs(m.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.7},className:"flex flex-col md:flex-row md:items-end justify-between mb-16 gap-6",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("span",{className:"w-8 h-px bg-primary"}),e.jsx("span",{className:"text-xs font-medium tracking-[0.25em] uppercase text-primary",children:a.eyebrow})]}),e.jsx("h2",{className:"font-display text-4xl md:text-5xl font-bold tracking-tight",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 self-start md:self-auto",children:[e.jsx("button",{onClick:S,disabled:!w,className:"w-10 h-10 rounded-full border border-border flex items-center justify-center hover:bg-primary/10 transition-colors disabled:opacity-30 disabled:cursor-not-allowed","aria-label":a.prevWork,children:e.jsx(x,{size:18})}),e.jsx("button",{onClick:I,disabled:!N,className:"w-10 h-10 rounded-full border border-border flex items-center justify-center hover:bg-primary/10 transition-colors disabled:opacity-30 disabled:cursor-not-allowed","aria-label":a.nextWork,children:e.jsx(h,{size:18})})]})]}),e.jsx("div",{className:"overflow-hidden",ref:j,children:e.jsx("div",{className:"flex gap-8",children:o.map((t,d)=>e.jsxs(m.button,{type:"button",onClick:()=>s(d),initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:d*.1},className:"group block flex-[0_0_85%] min-w-0 md:flex-[0_0_calc(50%-16px)] lg:flex-[0_0_calc(33.333%-22px)] text-left cursor-zoom-in","aria-label":a.openLabel(t.title),children:[e.jsx("div",{className:"rounded-2xl overflow-hidden aspect-[5/4] mb-5 bg-card",children:e.jsx("img",{src:t.image,alt:t.title,loading:"lazy",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 opacity-80 group-hover:opacity-100"})}),e.jsx("div",{className:"flex items-center gap-3 mb-3",children:e.jsx("span",{className:"text-[11px] font-medium tracking-[0.2em] uppercase text-primary",children:t.category})}),e.jsx("h3",{className:"font-display text-xl font-bold group-hover:text-primary transition-colors duration-300",children:t.title})]},t.title))})}),e.jsx(P,{children:r!==null&&e.jsxs(m.div,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},className:"fixed inset-0 z-[100] bg-background/95 backdrop-blur-sm flex items-center justify-center p-4 md:p-10",onClick:c,role:"dialog","aria-modal":"true","aria-label":o[r].title,children:[e.jsx("button",{onClick:t=>{t.stopPropagation(),c()},className:"absolute top-6 right-6 w-11 h-11 rounded-full border border-border bg-background/60 flex items-center justify-center hover:bg-primary/20 transition-colors","aria-label":a.close,children:e.jsx(z,{size:20})}),e.jsx("button",{onClick:t=>{t.stopPropagation(),g()},className:"absolute left-4 md:left-8 w-11 h-11 rounded-full border border-border bg-background/60 flex items-center justify-center hover:bg-primary/20 transition-colors","aria-label":a.prev,children:e.jsx(x,{size:22})}),e.jsx("button",{onClick:t=>{t.stopPropagation(),p()},className:"absolute right-4 md:right-8 w-11 h-11 rounded-full border border-border bg-background/60 flex items-center justify-center hover:bg-primary/20 transition-colors","aria-label":a.next,children:e.jsx(h,{size:22})}),e.jsxs(m.figure,{initial:{opacity:0,scale:.96},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.96},transition:{duration:.25},className:"max-w-6xl w-full flex flex-col items-center gap-4",onClick:t=>t.stopPropagation(),children:[e.jsx("img",{src:o[r].image,alt:o[r].title,className:"max-h-[80vh] w-auto max-w-full object-contain rounded-xl"}),e.jsxs("figcaption",{className:"text-center",children:[e.jsx("span",{className:"text-[11px] font-medium tracking-[0.2em] uppercase text-primary",children:o[r].category}),e.jsx("h3",{className:"font-display text-xl md:text-2xl font-bold mt-2",children:o[r].title})]})]},r)]})})]})};export{F as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.