https://modalproject.com/assets/works._category-DNUUpsZs.js

1import{V as e,s as t,t as n,z as r}from"./link-DvOsKxs3.js";import{d as i,n as a,t as o}from"./index-DLf2s8M2.js";import{a as s,c,d as l,f as u,g as d,h as f,i as p,l as m,m as h,n as g,o as _,p as v,r as y,s as b,t as x,u as S}from"./dasdas.png.asset-oQLJiMTF.js";import{n as C,t as w}from"./modal-wordmark.png.asset-WjG4yQkJ.js";var T=e(r()),E={version:1,asset_id:`f3e1c37e-bbfa-4dfd-b484-3621dbcbeebf`,project_id:`2851fc5f-4055-4da2-aeaa-a9d16708c158`,url:`/__l5e/assets-v1/f3e1c37e-bbfa-4dfd-b484-3621dbcbeebf/immersive-game-bg.png`,r2_key:`a/v1/2851fc5f-4055-4da2-aeaa-a9d16708c158/f3e1c37e-bbfa-4dfd-b484-3621dbcbeebf/immersive-game-bg.png`,original_filename:`immersive-game-bg.png`,size:2173110,content_type:`image/png`,created_at:`2026-07-07T08:31:08Z`},D={version:1,asset_id:`32af4884-1d26-40bc-be34-f59cce6fbce6`,project_id:`2851fc5f-4055-4da2-aeaa-a9d16708c158`,url:`/__l5e/assets-v1/32af4884-1d26-40bc-be34-f59cce6fbce6/brand-experience-bg.png`,r2_key:`a/v1/2851fc5f-4055-4da2-aeaa-a9d16708c158/32af4884-1d26-40bc-be34-f59cce6fbce6/brand-experience-bg.png`,original_filename:`brand-experience-bg.png`,size:2425203,content_type:`image/png`,created_at:`2026-07-07T08:33:22Z`},O={version:1,asset_id:`c17184a6-a7c5-412e-aab6-ca93940092fb`,project_id:`2851fc5f-4055-4da2-aeaa-a9d16708c158`,url:`/__l5e/assets-v1/c17184a6-a7c5-412e-aab6-ca93940092fb/stage-shows-bg.png`,r2_key:`a/v1/2851fc5f-4055-4da2-aeaa-a9d16708c158/c17184a6-a7c5-412e-aab6-ca93940092fb/stage-shows-bg.png`,original_filename:`stage-shows-bg.png`,size:3099491,content_type:`image/png`,created_at:`2026-07-07T08:34:34Z`},k=t(),A=[{url:d.url,name:`Client 01`},{url:f.url,name:`Client 02`},{url:h.url,name:`Client 03`},{url:v.url,name:`Client 04`},{url:u.url,name:`Client 05`},{url:l.url,name:`Client 06`},{url:S.url,name:`Client 07`},{url:m.url,name:`Client 08`},{url:c.url,name:`Client 09`},{url:b.url,name:`Client 10`},{url:_.url,name:`Client 11`},{url:s.url,name:`Client 12`},{url:p.url,name:`Client 13`},{url:y.url,name:`Client 14`},{url:g.url,name:`XMAM`,tone:`light`},{url:x.url,name:`DasDas`,tone:`dark`}];function j(){let{category:e}=o.useParams(),{lang:t,setLang:r,t:s,ta:c}=i(),[l,u]=(0,T.useState)(`dark`),[d,f]=(0,T.useState)(!1);(0,T.useEffect)(()=>{try{let e=localStorage.getItem(`modal-theme`);e&&u(e)}catch{}},[]),(0,T.useEffect)(()=>{document.documentElement.setAttribute(`data-theme`,l);try{localStorage.setItem(`modal-theme`,l)}catch{}},[l]),(0,T.useEffect)(()=>{window.scrollTo(0,0)},[e]);let p=e===`brand`,m=e===`stage`,h=e===`game`,g=a[e]||[],_=s(h?`works.s1title`:p?`works.s2title`:`works.s3title`),v=s(h?`works.s1sub`:p?`works.s2sub`:`works.s3sub`),y=s(h?`works.s1desc`:p?`works.s2desc`:`works.s3desc`);s(h?`works.s1title`:p?`brand.h2`:`stage.h2`);let b=p?s(`brand.lead`):m?s(`stage.lead`):``,x=p?s(`brand.body`):m?s(`stage.body`):``;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(`nav`,{className:`mp-nav`,children:[(0,k.jsxs)(n,{to:`/`,className:`nav-logo`,children:[(0,k.jsx)(`img`,{className:`nav-logo-icon-img`,src:C.url,alt:``}),(0,k.jsx)(`img`,{className:`nav-logo-wordmark`,src:w.url,alt:`Modal Project`})]}),(0,k.jsxs)(`ul`,{className:`nav-links ${d?`open`:``}`,children:[(0,k.jsx)(`li`,{children:(0,k.jsx)(n,{to:`/`,hash:`about`,onClick:()=>f(!1),children:s(`nav.about`)})}),(0,k.jsx)(`li`,{children:(0,k.jsx)(n,{to:`/`,hash:`works`,onClick:()=>f(!1),children:s(`nav.works`)})}),(0,k.jsx)(`li`,{children:(0,k.jsx)(n,{to:`/`,hash:`projects`,onClick:()=>f(!1),children:s(`nav.projects`)})}),(0,k.jsx)(`li`,{children:(0,k.jsx)(n,{to:`/`,hash:`contact`,onClick:()=>f(!1),children:s(`nav.contact`)})}),(0,k.jsx)(`li`,{className:`mobile-cta-item`,children:(0,k.jsx)(n,{to:`/`,hash:`contact`,className:`nav-cta`,style:{textDecoration:`none`},onClick:()=>f(!1),children:s(`nav.cta`)})})]}),(0,k.jsxs)(`div`,{className:`nav-right`,children:[(0,k.jsxs)(`div`,{className:`lang-switcher`,role:`group`,"aria-label":`Language`,children:[(0,k.jsx)(`button`,{className:`lang-btn ${t===`en`?`active`:``}`,onClick:()=>r(`en`),"aria-pressed":t===`en`,children:`EN`}),(0,k.jsx)(`span`,{className:`lang-sep`,"aria-hidden":`true`,children:`/`}),(0,k.jsx)(`button`,{className:`lang-btn ${t===`tr`?`active`:``}`,onClick:()=>r(`tr`),"aria-pressed":t===`tr`,children:`TR`})]}),(0,k.jsxs)(`button`,{className:`theme-toggle`,onClick:()=>u(l===`light`?`dark`:`light`),"aria-label":`Toggle theme`,children:[(0,k.jsxs)(`svg`,{className:`icon-sun`,viewBox:`0 0 24 24`,children:[(0,k.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`}),(0,k.jsx)(`path`,{d:`M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4`})]}),(0,k.jsx)(`svg`,{className:`icon-moon`,viewBox:`0 0 24 24`,children:(0,k.jsx)(`path`,{d:`M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z`})})]}),(0,k.jsx)(n,{to:`/`,hash:`contact`,className:`nav-cta nav-cta-desktop`,style:{textDecoration:`none`},children:s(`nav.cta`)}),(0,k.jsxs)(`button`,{className:`nav-burger ${d?`open`:``}`,onClick:()=>f(e=>!e),"aria-label":`Menu`,children:[(0,k.jsx)(`span`,{}),(0,k.jsx)(`span`,{}),(0,k.jsx)(`span`,{})]})]})]}),(0,k.jsxs)(`section`,{className:`service-hero`,lang:t,children:[(0,k.jsx)(`div`,{className:`service-hero-bg banner-base-a`,style:h||p||m?{backgroundImage:`url(${h?E.url:p?D.url:O.url})`,backgroundSize:`cover`,backgroundPosition:`center`,opacity:1}:void 0}),(0,k.jsx)(`div`,{className:`service-hero-grid`}),(0,k.jsx)(`div`,{className:`service-hero-overlay`}),(0,k.jsxs)(`div`,{className:`service-hero-content`,children:[(0,k.jsx)(`div`,{className:`section-label`,children:v}),(0,k.jsx)(`h1`,{className:`service-hero-title`,children:_}),(0,k.jsx)(`p`,{className:`service-hero-desc`,children:y})]})]}),p&&(0,k.jsx)(`section`,{className:`clients mp-section`,id:`clients`,children:(0,k.jsx)(`div`,{className:`clients-marquee`,"aria-hidden":`true`,children:(0,k.jsx)(`div`,{className:`clients-track`,children:[...A,...A].map((e,t)=>(0,k.jsx)(`div`,{className:`clients-item${e.tone?` clients-item--${e.tone}`:``}`,children:(0,k.jsx)(`img`,{src:e.url,alt:`${e.name} — Modal Project client logo`,loading:`lazy`})},t))})})}),(0,k.jsxs)(`section`,{className:`mp-section service-page-body`,lang:t,children:[(p||m)&&b&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`p`,{className:`service-page-lead`,children:b}

1),(0,k.jsx)(`div`,{className:`divider`})]}),(p||m)&&x&&(0,k.jsx)(`p`,{className:`service-page-text`,style:{whiteSpace:`pre-line`},children:x}),p&&(0,k.jsx)(`div`,{style:{textAlign:`center`,marginTop:80,marginBottom:20},children:(0,k.jsxs)(`a`,{href:`https://escapistevent.com.tr/`,target:`_blank`,rel:`noopener noreferrer`,className:`btn-yellow`,children:[(0,k.jsx)(`span`,{children:`Escapist`}),(0,k.jsx)(`span`,{className:`btn-arrow`,"aria-hidden":`true`,children:`→`})]})}),(m||h)&&g.length>0&&(0,k.jsx)(`div`,{className:`proj-other-grid ${g.length===2?`proj-other-grid-2`:``}`,style:{marginTop:64},children:g.map(e=>(0,k.jsxs)(n,{to:`/projects/$slug`,params:{slug:e.slug},className:`proj-other-card`,children:[(0,k.jsx)(`div`,{className:`proj-other-base ${e.bg??`wv1`}`}),e.banner&&(0,k.jsx)(`div`,{className:`proj-other-img`,style:{backgroundImage:`url(${e.banner})`}}),(0,k.jsx)(`div`,{className:`proj-other-overlay`}),(0,k.jsxs)(`div`,{className:`proj-other-content`,children:[(0,k.jsx)(`div`,{className:`work-cat`,children:s(`projectDetail.${e.slug}.cat`)}),(0,k.jsx)(`div`,{className:`proj-other-title`,children:s(`projectDetail.${e.slug}.title`)})]})]},e.slug))}),!p&&(0,k.jsxs)(`div`,{className:`service-cta`,style:{marginTop:80},lang:t,children:[(0,k.jsx)(`div`,{className:`service-cta-label`,children:s(h?`hero.contactLabel`:`stage.contactLabel`)}),(0,k.jsx)(n,{to:`/`,hash:`contact`,className:`btn-primary`,style:{textDecoration:`none`},children:s(`stage.cta`)})]})]}),(0,k.jsxs)(`footer`,{className:`mp-footer`,children:[(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`div`,{className:`footer-logo`,children:`Modal Project`}),(0,k.jsx)(`div`,{className:`footer-sub`,children:s(`footer.sub`)})]}),(0,k.jsxs)(`div`,{className:`footer-links`,children:[(0,k.jsx)(n,{to:`/`,hash:`about`,children:s(`footer.about`)}),(0,k.jsx)(n,{to:`/`,hash:`works`,children:s(`footer.works`)}),(0,k.jsx)(n,{to:`/`,hash:`projects`,children:s(`footer.projects`)}),(0,k.jsx)(n,{to:`/`,hash:`contact`,children:s(`footer.contact`)})]}),(0,k.jsx)(`div`,{className:`footer-right`,children:s(`footer.copyright`).replace(`{year}`,String(new Date().getFullYear()))})]})]})}export{j as component};