https://sleektiki.ai/_next/static/chunks/app/projects/%5Bslug%5D/page-2b7460824ec16b0d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[419],{5628:(e,t,a)=>{Promise.resolve().then(a.bind(a,6988)),Promise.resolve().then(a.t.bind(a,2619,23))},6988:(e,t,a)=>{"use strict";a.d(t,{default:()=>l});var r=a(5155),s=a(2115),i=a(4486);function l(e){let{project:t}=e,[a,l]=(0,s.useState)(null),[o,n]=(0,s.useState)(null);return(0,r.jsxs)(r.Fragment,{children:[o&&(0,r.jsx)("div",{style:{position:"fixed",inset:0,zIndex:9999,background:"rgba(0, 0, 0, 0.92)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"zoom-out",padding:"2rem"},onClick:()=>n(null),children:(0,r.jsx)("img",{src:o,alt:"",style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",borderRadius:"8px"}})}),t.gallery.length>1&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:t.splatEmbeds?"Exhibition Rooms":"Gallery"}),(0,r.jsx)("div",{className:"grid gap-5 ".concat(t.splatEmbeds||t.compactGallery?"grid-cols-2 sm:grid-cols-3 lg:grid-cols-4":"grid-cols-1 sm:grid-cols-2"),children:t.gallery.map((e,a)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.06*a},className:"video"!==e.type||t.splatEmbeds||!1===e.wide?void 0:"sm:col-span-2",children:["video"===e.type?(0,r.jsx)("video",{src:e.src,className:"w-full rounded-lg border border-[var(--surface-border)] object-contain",style:{aspectRatio:e.aspect||"16 / 9",background:"#000"},controls:!0,playsInline:!0,preload:"metadata",loop:!0,muted:!0}):(0,r.jsx)("img",{src:e.src,alt:e.alt,className:"w-full rounded-lg border border-[var(--surface-border)] ".concat(t.compactGallery?"aspect-square object-cover":"object-cover"),style:{cursor:"zoom-in"},onClick:()=>n(e.src)}),(0,r.jsx)("p",{className:"text-xs text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.75rem"},children:e.alt})]},"".concat(e.alt,"-").concat(a)))})]}),t.beforeAfterPairs&&t.beforeAfterPairs.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:"Before / After"}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.7,marginBottom:"2.5rem",maxWidth:"760px"},children:"Product photos captured on mobile, then transformed into campaign-ready scenes while preserving the package identity."}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"2.5rem"},children:t.beforeAfterPairs.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1*t},children:[(0,r.jsx)("h3",{className:"text-lg font-bold",style:{marginBottom:"1rem"},children:e.label}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("img",{src:e.before,alt:"".concat(e.label," before"),className:"w-full rounded-lg border border-[var(--surface-border)] bg-[var(--surface)] object-contain aspect-square",style:{cursor:"zoom-in"},onClick:()=>n(e.before)}),(0,r.jsx)("p",{className:"text-[10px] text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.5rem",letterSpacing:"0.12em"},children:"BEFORE"})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("img",{src:e.after,alt:"".concat(e.label," after"),className:"w-full rounded-lg border border-[var(--surface-border)] bg-[var(--surface)] object-cover aspect-square",style:{cursor:"zoom-in"},onClick:()=>n(e.after)}),(0,r.jsx)("p",{className:"text-[10px] text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.5rem",letterSpacing:"0.12em"},children:"AFTER"})]})]})]},e.label))})]}),t.caseStudy&&t.caseStudy.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:"Case Study"}),t.caseStudy.map((e,a)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.1*a},style:{marginBottom:a<t.caseStudy.length-1?"3rem":0},children:[(0,r.jsx)("h3",{className:"text-sm tracking-[0.2em] uppercase text-[var(--accent)] font-[family-name:var

1(--font-geist-mono)]",style:{marginBottom:"1rem"},children:e.heading}),(0,r.jsx)("p",{className:"text-lg text-[var(--text-secondary)]",style:{lineHeight:1.8},children:e.body})]},e.heading))]}),t.roadmap&&t.roadmap.items.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:t.roadmap.title}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.8,marginBottom:"2.5rem",maxWidth:"820px"},children:t.roadmap.summary}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-5",children:t.roadmap.items.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.07*t},className:"rounded-xl bg-[var(--surface)] border border-[var(--surface-border)]",style:{padding:"1.5rem"},children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3",style:{marginBottom:"1rem"},children:[(0,r.jsx)("p",{className:"text-[10px] uppercase text-[var(--accent)] font-[family-name:var(--font-geist-mono)]",style:{letterSpacing:"0.12em"},children:e.phase}),(0,r.jsx)("span",{className:"text-[10px] uppercase rounded-full border border-[var(--surface-border)] text-[var(--text-secondary)] font-[family-name:var(--font-geist-mono)]",style:{padding:"0.25rem 0.65rem",whiteSpace:"nowrap"},children:e.status})]}),(0,r.jsx)("h3",{className:"text-lg font-bold",style:{marginBottom:"0.75rem"},children:e.title}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.8},children:e.description})]},"".concat(e.phase,"-").concat(e.title)))})]}),t.architectureDiagram&&(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:"System Architecture"}),(0,r.jsx)("div",{className:"rounded-xl border border-[var(--surface-border)] overflow-hidden",children:(0,r.jsx)("img",{src:t.architectureDiagram,alt:"".concat(t.title," - System Architecture"),className:"w-full h-auto"})})]}),t.trainingMetrics&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:t.trainingMetrics.title}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.8,marginBottom:"2.5rem",maxWidth:"820px"},children:t.trainingMetrics.summary}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",style:{marginBottom:"2.5rem"},children:t.trainingMetrics.stats.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.06*t},className:"rounded-lg bg-[var(--surface)] border border-[var(--surface-border)]",style:{padding:"1.25rem"},children:[(0,r.jsx)("p",{className:"text-[10px] uppercase text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{letterSpacing:"0.12em",marginBottom:"0.75rem"},children:e.label}),(0,r.jsx)("p",{className:"text-3xl font-bold text-[var(--accent)]",style:{marginBottom:"0.75rem"},children:e.value}),(0,r.jsx)("p",{className:"text-xs text-[var(--text-secondary)]",style:{lineHeight:1.6},children:e.detail})]},e.label))}),(0,r.jsx)("div",{className:"rounded-lg bg-[var(--surface)] border border-[var(--surface-border)]",style:{padding:"1.5rem"},children:t.trainingMetrics.bars.map((e,a)=>(0,r.jsxs)("div",{style:{marginBottom:a<t.trainingMetrics.bars.length-1?"1.25rem":0},children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between gap-4",style:{marginBottom:"0.45rem"},children:[(0,r.jsx)("p",{className:"text-sm font-semibold",children:e.label}),(0,r.jsx)("p",{className:"text-xs text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",children:e.caption})]}),(0,r.jsx)("div",{className:"w-full bg-[var(--surface-light)]",style:{height:"10px",borderRadius:"999px",overflow:"hidden"},children:(0,r.jsx)("div",{style:{width:"".concat(Math.max(0,Math.min(100,e.value)),"%"),height:"100%",borderRadius:"999px",background:"var(--accent)"}})})]},e.label))})]}),t.roleMatrix&&t.roleMatrix.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:"Codex Role Setup"}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5",children:t.roleMatrix.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20}

1,animate:{opacity:1,y:0},transition:{duration:.4,delay:.08*t},className:"rounded-lg bg-[var(--surface)] border border-[var(--surface-border)]",style:{padding:"1.5rem"},children:[(0,r.jsx)("p",{className:"text-[10px] uppercase text-[var(--accent)] font-[family-name:var(--font-geist-mono)]",style:{letterSpacing:"0.12em",marginBottom:"0.75rem"},children:e.role}),(0,r.jsx)("h3",{className:"text-lg font-bold",style:{marginBottom:"0.75rem"},children:e.title}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.8},children:e.description})]},e.title))})]}),t.splatEmbeds&&t.splatEmbeds.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:"Interactive 3D Environments"}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.7,marginBottom:"2.5rem"},children:"Click a room to explore the Gaussian splat in 3D. WASD to move, drag to look, scroll to adjust speed."}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-4",style:{marginBottom:"1.5rem"},children:t.splatEmbeds.map((e,t)=>(0,r.jsxs)(i.P.button,{onClick:()=>l(a===e.marbleUrl?null:e.marbleUrl),initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.1*t},className:"group rounded-xl overflow-hidden border transition-all duration-200 text-left ".concat(a===e.marbleUrl?"border-[var(--accent)] shadow-[0_0_20px_rgba(0,212,255,0.25)]":"border-[var(--surface-border)] hover:border-[var(--accent)]/40"),children:[(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("img",{src:e.thumbnail,alt:e.name,className:"w-full aspect-video object-cover transition-transform duration-500 group-hover:scale-105"}),(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-3",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-white",children:e.name})}),a!==e.marbleUrl&&(0,r.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,r.jsx)("div",{className:"w-10 h-10 rounded-full bg-[var(--accent)]/80 flex items-center justify-center backdrop-blur-sm",children:(0,r.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"}),(0,r.jsx)("path",{d:"M21 3v5h-5"})]})})})]}),(0,r.jsx)("div",{className:"px-3 py-2 bg-[var(--surface)]",children:(0,r.jsx)("p",{className:"text-[10px] text-[var(--accent)] font-[family-name:var(--font-geist-mono)]",children:a===e.marbleUrl?"VIEWING":"LOAD 3D"})})]},e.name))}),a&&(0,r.jsx)(i.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},className:"rounded-xl overflow-hidden border border-[var(--accent)]/30",style:{height:"70vh"},children:(0,r.jsx)("iframe",{src:a,className:"w-full h-full",allow:"accelerometer; gyroscope",title:"3D Gaussian Splat Viewer"})},a)]}),t.features&&t.features.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:"Technical Highlights"}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5",children:t.features.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4,delay:.08*t},className:"rounded-xl bg-[var(--surface)] border border-[var(--surface-border)]",style:{padding:"1.5rem"},children:[(0,r.jsx)("h3",{className:"text-sm font-bold text-[var(--accent)] font-[family-name:var(--font-geist-mono)]",style:{marginBottom:"0.75rem"},children:e.title}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.8},children:e.description})]},e.title))})]}),t.trainingPairs&&t.trainingPairs.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:"Training Data vs Output"}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.7,marginBottom:"2.5rem"}

1,children:"Hand-drawn marker sketches used as LoRA training data (left) and the AI-generated exhibit concepts they produced (right)."}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"2rem"},children:t.trainingPairs.map((e,t)=>(0,r.jsx)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1*t},children:(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("img",{src:e.sketch,alt:"Training sketch - ".concat(e.label),className:"w-full rounded-lg border border-[var(--surface-border)] object-cover aspect-[4/3]"}),(0,r.jsx)("p",{className:"text-[10px] text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.5rem"},children:"SKETCH"})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("img",{src:e.generated,alt:"Generated - ".concat(e.label),className:"w-full rounded-lg border border-[var(--surface-border)] object-cover aspect-[4/3]"}),(0,r.jsxs)("p",{className:"text-[10px] text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.5rem"},children:["GENERATED - ",e.label.toUpperCase()]})]})]})},e.label))})]}),t.panoramas&&t.panoramas.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"1.5rem"},children:"Panoramic Renders"}),(0,r.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",style:{lineHeight:1.7,marginBottom:"2.5rem"},children:"HDR panoramic renders extracted from the Gaussian splats."}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"2rem"},children:t.panoramas.map((e,t)=>(0,r.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1*t},children:[(0,r.jsx)("img",{src:e.src,alt:e.alt,className:"w-full rounded-lg border border-[var(--surface-border)] object-cover"}),(0,r.jsx)("p",{className:"text-xs text-[var(--text-muted)] font-[family-name:var(--font-geist-mono)]",style:{marginTop:"0.75rem"},children:e.alt})]},e.alt))})]}),t.youtubeIds&&t.youtubeIds.length>0&&(0,r.jsxs)("div",{style:{marginBottom:"6rem"},children:[(0,r.jsx)("h2",{className:"text-2xl font-bold",style:{marginBottom:"2.5rem"},children:"Video"}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"2rem"},children:t.youtubeIds.map(e=>(0,r.jsx)("div",{className:"relative w-full rounded-lg overflow-hidden border border-[var(--surface-border)]",style:{paddingBottom:"56.25%"},children:(0,r.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat(e),className:"absolute inset-0 w-full h-full",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:"Project Video"})},e))})]})]})}}},e=>{e.O(0,[619,486,441,255,358],()=>e(e.s=5628)),_N_E=e.O()}]);