https://schoolradius.co/assets/PortfolioGallery-DIgHZ3Fy.js

1import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{t as r}from"./react-D0XVRHNJ.js";import{a as i,i as a,r as o}from"./Header-BpsYJ5ft.js";import{t as s}from"./use-in-view-CcGjQH94.js";import{_ as c}from"./index-B3EgyTq_.js";import{t as l}from"./badge-cvkYtp2u.js";import{n as u,t as d}from"./dialog-Bg7eZ6Nb.js";import{t as f}from"./use-mobile-C7lW-bC4.js";var p=c(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),m=[{format:`webp`,mediaType:`image/webp`,size:25346,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/tri-creek-MAwG1rRK.webp`},{format:`webp`,mediaType:`image/webp`,size:66268,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/tri-creek-CWseZD1H.webp`}],h=[{format:`webp`,mediaType:`image/webp`,size:25e3,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/concord-ROtrtiyF.webp`},{format:`webp`,mediaType:`image/webp`,size:79684,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/concord-_Jtd1RDT.webp`}],g=[{format:`webp`,mediaType:`image/webp`,size:22836,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/lakewood-web-BkRJwqoZ.webp`},{format:`webp`,mediaType:`image/webp`,size:59962,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/lakewood-web-CFYVwTP2.webp`}],_=[{format:`webp`,mediaType:`image/webp`,size:19318,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/emery-BCr8FDMr.webp`},{format:`webp`,mediaType:`image/webp`,size:52112,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/emery-BO2QGE8v.webp`}],v=[{format:`webp`,mediaType:`image/webp`,size:8460,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/rochester-CYOAh2UQ.webp`},{format:`webp`,mediaType:`image/webp`,size:20900,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/rochester-DyaQnVvX.webp`}],y=[{format:`webp`,mediaType:`image/webp`,size:40690,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/lakewood-social-DE_pHZMl.webp`},{format:`webp`,mediaType:`image/webp`,size:109686,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/lakewood-social-Dsn1m6UH.webp`}],b=[{format:`webp`,mediaType:`image/webp`,size:15690,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/saint-pauls-ad-DgpilmdC.webp`},{format:`webp`,mediaType:`image/webp`,size:38488,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/saint-pauls-ad-Dqcyei2C.webp`}],x=[{format:`webp`,mediaType:`image/webp`,size:15622,width:380,height:285,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:285},src:`/assets/concord-poster-gFoId_Xd.webp`},{format:`webp`,mediaType:`image/webp`,size:39764,width:760,height:570,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOr

1ient:{width:760,height:570},src:`/assets/concord-poster-XhkCP6YX.webp`}],S=[{format:`webp`,mediaType:`image/webp`,size:36486,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-lakewood-packet-6xaMhZUX.webp`},{format:`webp`,mediaType:`image/webp`,size:102054,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-lakewood-packet-isNKFhqa.webp`}],C=[{format:`webp`,mediaType:`image/webp`,size:36622,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-lakewood-ads-CSBwyafv.webp`},{format:`webp`,mediaType:`image/webp`,size:98008,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-lakewood-ads-CjxF1FgV.webp`}],w=[{format:`webp`,mediaType:`image/webp`,size:36702,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-rochester-ads-B5JZd5me.webp`},{format:`webp`,mediaType:`image/webp`,size:96338,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-rochester-ads-Dq5CXiy6.webp`}],T=[{format:`webp`,mediaType:`image/webp`,size:18770,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-shelbyville-postcard-C9UYbROo.webp`},{format:`webp`,mediaType:`image/webp`,size:49780,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-shelbyville-postcard-Dz9wRKCo.webp`}],E=[{format:`webp`,mediaType:`image/webp`,size:22768,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-emery-guide-CNhu5lRk.webp`},{format:`webp`,mediaType:`image/webp`,size:63844,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-emery-guide-CwmYDgOR.webp`}],D=[{format:`webp`,mediaType:`image/webp`,size:22092,width:380,height:380,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:380,height:380},src:`/assets/mockup-covington-checklist-BZKqvs9y.webp`},{format:`webp`,mediaType:`image/webp`,size:60480,width:760,height:760,space:`srgb`,channels:3,depth:`uchar`,isProgressive:!1,isPalette:!1,hasProfile:!1,hasAlpha:!1,autoOrient:{width:760,height:760},src:`/assets/mockup-covington-checklist-WkGznQZ4.webp`}],O=a(m),k=a(h),A=a(g),j=a(_),M=a(v),N=a(y),P=a(b),F=a(x),I=a(S),L=a(C),R=a(w),z=a(T),B=a(E),V=a(D),H=[{image:O,school:`Tri-Creek School Corporation`,campaignType:`Brand Guide & Print Materials`,category:`Print`},{image:k,school:`Concord Community Schools`,campaignType:`Newsletter Design`,category:`Print`},{image:`https://vumbnail.com/771157786.jpg`,school:`Dr. Coats Documentary | The Leona Group`,campaignType:`Video Production`,category:`Video`,type:`video`,vimeoUrl:`https://player.vimeo.com/video/771157786?autoplay=1&title=0&byline=0&portrait=0`},{image:A,school:`Lakewood Park Christian School`,campaignType:`Website Design`,category:`Digital`},{image:`https://vumbnail.com/892701228.jpg`,school:`Overview | Discovery Academy`,campaignType:`Video Production`,category:`Video`,type:`video`,vimeoUrl:`https://player.vimeo.com/video/892701228?autoplay=1&title=0&byline=0&portrait=0`},{image:P,school:`Saint Paul's Lutheran School`,campaignType:`Lead Magnet Ad`,category:`Digital`},{image:j,school:`Emery Unified School District`,campaignType:`Website Design`,category:`Digital`}

1,{image:`https://vumbnail.com/765087902.jpg`,school:`Our School Story | Emmanuel - St. Michael School`,campaignType:`Video Production`,category:`Video`,type:`video`,vimeoUrl:`https://player.vimeo.com/video/765087902?autoplay=1&title=0&byline=0&portrait=0`},{image:M,school:`Rochester School Corporation`,campaignType:`Registration Postcard`,category:`Print`},{image:F,school:`Concord Community Schools`,campaignType:`Graduate Profile Poster`,category:`Print`},{image:N,school:`Lakewood Park Christian School`,campaignType:`Social Media Campaign`,category:`Digital`},{image:`https://vumbnail.com/795260751.jpg`,school:`Student Testimonial | Tri-Creek Schools`,campaignType:`Video Production`,category:`Video`,type:`video`,vimeoUrl:`https://player.vimeo.com/video/795260751?autoplay=1&title=0&byline=0&portrait=0`},{image:I,school:`Lakewood Park Christian School`,campaignType:`Enrollment Packet Design`,category:`Print`},{image:L,school:`Lakewood Park Christian School`,campaignType:`Ad Creative`,category:`Digital`},{image:R,school:`Rochester School Corporation`,campaignType:`Ad Creative`,category:`Digital`},{image:z,school:`Shelbyville Central Schools`,campaignType:`Enrollment Postcard`,category:`Print`},{image:B,school:`Emery Unified School District`,campaignType:`Parent Guide`,category:`Print`},{image:V,school:`Covington Community Schools`,campaignType:`Lead Magnet Checklist`,category:`Digital`}];function U(e){let t=e>>>0;return()=>{t=t+1831565813>>>0;let e=t;return e=Math.imul(e^e>>>15,e|1),e^=e+Math.imul(e^e>>>7,e|61),((e^e>>>14)>>>0)/4294967296}}var W=U(20260731);function G(e){let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(W()*(e+1)),r=t[e];t[e]=t[n],t[n]=r}return t}function K(e){let t=G(e.filter(e=>e.type===`video`)),n=[...G(e.filter(e=>e.type!==`video`))];for(let e of t){let t=[];for(let e=0;e<=n.length;e++){let r=e>0?n[e-1]:null,i=e<n.length?n[e]:null;r?.type!==`video`&&i?.type!==`video`&&t.push(e)}let r=t[Math.floor(W()*t.length)]??0;n.splice(r,0,e)}return n}var q=K(H),J=e(t(),1),Y=n(),X=({items:e,showCategory:t=!1})=>{let n=f(),a=(0,J.useRef)(null),c=s(a,{once:!0,margin:`-100px`}),m=(0,J.useRef)(null),[h,g]=(0,J.useState)(!1),[_,v]=(0,J.useState)(0),[y,b]=(0,J.useState)(0),[x,S]=(0,J.useState)(!1),[C,w]=(0,J.useState)(null),[T,E]=(0,J.useState)(!1),D=(0,J.useRef)(0),O=[...e,...e];(0,J.useEffect)(()=>{let e=()=>{m.current&&!T&&!h&&(m.current.scrollLeft+=.5,m.current.scrollLeft>=m.current.scrollWidth/2&&(m.current.scrollLeft=0)),D.current=requestAnimationFrame(e)};return c&&(D.current=requestAnimationFrame(e)),()=>cancelAnimationFrame(D.current)},[c,T,h]);let k=e=>{m.current&&(g(!0),S(!1),v(e.pageX-m.current.offsetLeft),b(m.current.scrollLeft))},A=()=>g(!1),j=()=>{g(!1),E(!1)},M=e=>{if(!h||!m.current)return;e.preventDefault(),S(!0);let t=e.pageX-m.current.offsetLeft;m.current.scrollLeft=y-(t-_)*1.5},N=e=>{x||w(e)},P=e=>e.type===`video`;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(r.div,{ref:a,initial:{opacity:0}

1,animate:c?{opacity:1}:{},transition:{duration:.8,delay:.3},className:`relative z-10`,children:[(0,Y.jsx)(`div`,{ref:m,onMouseDown:k,onMouseUp:A,onMouseEnter:()=>E(!0),onMouseLeave:j,onMouseMove:M,className:`flex gap-6 overflow-x-auto px-[max(1rem,calc((100vw-80rem)/2+1rem))] pb-4 scrollbar-hide cursor-grab active:cursor-grabbing`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`,scrollBehavior:h?`auto`:`smooth`},children:O.map((e,n)=>(0,Y.jsxs)(r.div,{initial:{opacity:0,y:40},animate:c?{opacity:1,y:0}:{},transition:{duration:.6,delay:.2+Math.min(n,6)*.1},className:`group relative flex-shrink-0 w-[320px] md:w-[380px] aspect-[4/5] rounded-2xl overflow-hidden border select-none cursor-zoom-in`,style:{background:`rgba(20,30,40,0.6)`,backdropFilter:`blur(8px)`,borderColor:`rgba(255,255,255,0.08)`},whileHover:{y:-6,scale:1.02,transition:{duration:.3}},onClick:()=>N(e),children:[(0,Y.jsx)(`img`,{src:e.image,srcSet:i(e.image),sizes:`(min-width: 768px) 380px, 320px`,width:380,height:475,decoding:`async`,alt:`${e.school} — ${e.campaignType}`,className:`absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105`,draggable:!1,loading:`lazy`}),(0,Y.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent`}),P(e)&&(0,Y.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center pointer-events-none`,children:(0,Y.jsx)(`div`,{className:`w-16 h-16 rounded-full bg-background/30 backdrop-blur-xs border border-foreground

1/20 flex items-center justify-center group-hover:bg-accent/40 group-hover:border-accent/50 transition-all duration-300`,children:(0,Y.jsx)(p,{className:`w-7 h-7 text-foreground fill-foreground ml-1`})})}),t&&e.category&&(0,Y.jsx)(`div`,{className:`absolute top-4 left-4`,children:(0,Y.jsx)(l,{className:`bg-destructive/90 text-destructive-foreground border-destructive/60 text-xs backdrop-blur-xs`,children:e.category})}),(0,Y.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 p-6 translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-300 ease-out`,children:[(0,Y.jsx)(`p`,{className:`text-foreground font-heading font-bold text-lg leading-tight mb-1`,children:e.school}),(0,Y.jsx)(`p`,{className:`text-muted-foreground text-sm mb-1`,children:e.campaignType}),e.result&&(0,Y.jsx)(`p`,{className:`text-accent text-sm font-medium`,children:e.result})]}),(0,Y.jsx)(`div`,{className:`absolute inset-0 rounded-2xl border border-accent/0 group-hover:border-accent/20 transition-colors duration-300 pointer-events-none`})]},`${e.school}-${e.campaignType}-${n}`))}),(0,Y.jsx)(`p`,{className:`text-center text-muted-foreground/40 text-xs mt-6 tracking-wide uppercase`,children:n?`Swipe to explore →`:`Drag or scroll to explore →`})]}),(0,Y.jsx)(d,{open:!!C,onOpenChange:e=>!e&&w(null),children:(0,Y.jsx)(u,{className:`max-w-4xl p-2 bg-card border-border`,children:C&&P(C)?(0,Y.jsx)(`div`,{className:`aspect-video w-full`,children:(0,Y.jsx)(`iframe`,{src:C.vimeoUrl,className:`w-full h-full rounded-lg`,allow:`autoplay; fullscreen; picture-in-picture`,allowFullScreen:!0,title:`${C.school} — ${C.campaignType}`})}):C?(0,Y.jsxs)(`div`,{className:`relative`,children:[(0,Y.jsx)(`img`,{src:o(C.image),alt:`${C.school} — ${C.campaignType}`,decoding:`async`,className:`w-full h-auto rounded-lg`}),(0,Y.jsxs)(`div`,{className:`absolute bottom-0 inset-x-0 p-4 bg-gradient-to-t from-black/70 to-transparent rounded-b-lg`,children:[(0,Y.jsx)(`p`,{className:`text-foreground font-heading font-bold text-lg`,children:C.school}),(0,Y.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:C.campaignType})]})]}):null})})]})};export{q as n,X as t};