1import{r as g,j as e}from"./metal-fx-C6GZ_SKA.js";import{C as j}from"./portfolio-covers-DBq3zqcx.js";import{fm as w,fp as c,fh as d,fr as s,eT as n}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";function y(){const i=j[0],l=g.useRef(null),m=w(),o=c(d(0),{stiffness:140,damping:18}),r=c(d(0),{stiffness:140,damping:18}),u=a=>{if(m)return;const t=l.current.getBoundingClientRect();o.set((a.clientX-(t.left+t.width/2))/t.width),r.set((a.clientY-(t.top+t.height/2))/t.height)},f=s(o,[-.5,.5],[-9,9]),x=s(r,[-.5,.5],[7,-7]),p=s(o,[-.5,.5],[22,-22]),h=s(r,[-.5,.5],[16,-16]),v=s(o,[-.5,.5],[-26,26]),b=s(r,[-.5,.5],[-18,18]);return e.jsx("div",{ref:l,onMouseMove:u,onMouseLeave:()=>{o.set(0),r.set(0)},style:{perspective:1e3},className:"w-full",children:e.jsxs(n.div,{style:{rotateX:x,rotateY:f,transformStyle:"preserve-3d"},className:"relative h-[280px] overflow-hidden rounded-2xl border border-white/10",children:[e.jsx(n.img,{src:i.img,alt:"",style:{x:p,y:h,scale:1.14},className:"absolute inset-0 h-full w-full object-cover"}),e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 to-transparent"}),e.jsx(n.div,{style:{x:v,y:b,translateZ:60},className:"absolute right-5 top-5 rounded-full border border-white/15 bg-black/40 px-3 py-1 text-[11px] text-white/80 backdrop-blur",children:"40k MAU"}),e.jsxs(n.div,{style:{translateZ:40},className:"absolute bottom-6 left-7",children:[e.jsx("div",{className:"text-[24px] font-semibold text-white",children:i.title}),e.jsx("div",{className:"text-[13px] text-white/60",children:i.tag})]})]})})}function Y(){return e.jsx("div",{className:"flex min-h-[420px] w-full items-center justify-center overflow-hidden p-5",children:e.jsx(y,{})})}export{Y as Demo,y 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.