https://voxelwave.ai/_next/static/chunks/pages/architecture/office-planner-b9903032cd57e875.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6579],{15073:(e,i,t)=>{"use strict";t.d(i,{A:()=>a});var n=t(37876);t(14232);var s=t(48230),r=t.n(s);let a=e=>{let{pageTitle:i,homePageUrl:t,homePageText:s,activePageText:a,imgClass:l}=e;return(0,n.jsx)("div",{className:"page-title-area ".concat(l),children:(0,n.jsx)("div",{className:"container",children:(0,n.jsxs)("div",{className:"page-title-content",children:[(0,n.jsx)("h2",{children:i}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsx)(r(),{href:t,children:s})}),(0,n.jsx)("li",{className:"active",children:a})]})]})})})}},45837:(e,i,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/architecture/office-planner",function(){return t(51458)}])},51458:(e,i,t)=>{"use strict";t.r(i),t.d(i,{default:()=>c});var n=t(37876),s=t(14232),r=t(41346),a=t(15073),l=t(86732),o=t(77328),d=t.n(o);let c=()=>{var e,i;let[t,o]=(0,s.useState)(null),[c,p]=(0,s.useState)(null),[x,h]=(0,s.useState)("office"),[f,g]=(0,s.useState)("corporate"),[u,m]=(0,s.useState)(""),[j,y]=(0,s.useState)(!1),[b,v]=(0,s.useState)(""),[S,w]=(0,s.useState)(!1),[N,k]=(0,s.useState)(!1),[z,P]=(0,s.useState)(null),[R,C]=(0,s.useState)(null),[O,A]=(0,s.useState)(null),[_,T]=(0,s.useState)(null),[I,W]=(0,s.useState)(!1),[B,D]=(0,s.useState)(null);(0,s.useEffect)(()=>{fetch("/api/arch-planning/styles").then(e=>e.json()).then(e=>{if(e.space_types){var i;T(e.space_types);let t=(null==(i=e.space_types[x])?void 0:i.styles)||[];t.length>0&&!t.find(e=>e.id===f)&&g(t[0].id)}}).catch(e=>console.error("Failed to load space types:",e))},[]),(0,s.useEffect)(()=>{if(_&&_[x]){let e=_[x].styles||[];e.length>0&&!e.find(e=>e.id===f)&&(g(e[0].id),y(!1))}},[x,_]);let E=async()=>{if(!t)return void A("Please select an architectural plan first");w(!0),A(null);try{let e=await new Promise((e,i)=>{let n=new FileReader;n.readAsDataURL(t),n.onload=()=>e(n.result.split(",")[1]),n.onerror=e=>i(e)}),i=j?u:f,n=await fetch("/api/arch-planning/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:e,space_type:x,style:i,specifications:b})}),s=await n.json();s.success?P(s.image):A(s.error||"Generation failed")}catch(e){A("Network error: "+e.message)}finally{w(!1)}},F=async()=>{if(!z)return void A("Please generate an office layout first");k(!0),A(null);try{let e=await fetch("/api/arch-planning/interior-view",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({image:z,space_type:x})}),i=await e.json();i.success?C(i.image):A(i.error||"Interior view generation failed")}catch(e){A("Network error: "+e.message)}finally{k(!1)}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(d(),{children:[(0,n.jsx)("title",{children:"AI Office Planner - Architecture Visualization"}),(0,n.jsx)("meta",{name:"description",content:"Transform architectural floor plans into stunning office layouts with AI-powered 3D visualization"})]}),(0,n.jsx)(r.A,{}),(0,n.jsx)(a.A,{pageTitle:"AI Office Planner",homePageUrl:"/",homePageText:"Home",activePageText:"Architecture",imgClass:"bg-n-13"}),(0,n.jsxs)("div",{className:"container",style:{paddingTop:"80px",paddingBottom:"100px"},children:[(0,n.jsx)("div",{className:"row justify-content-center mb-5",children:(0,n.jsx)("div",{className:"col-lg-8",children:(0,n.jsxs)("div",{className:"text-center mb-4",children:[(0,n.jsx)("h2",{style:{fontSize:"32px",fontWeight:"300",letterSpacing:"1px",marginBottom:"30px",color:"#333"},children:"Transform Floor Plans into Stunning Office Spaces"}),(0,n.jsxs)("div",{style:{background:"#f8f9fa",padding:"30px",borderRadius:"8px",marginBottom:"40px"},children:[(0,n.jsx)("h4",{style:{fontSize:"18px",fontWeight:"600",marginBottom:"20px",color:"#444"},children:"Project Specifications"}),(0,n.jsxs)("div",{className:"row",children:[(0,n.jsx)("div",{className:"col-md-6",children:(0,n.jsxs)("ul",{style:{textAlign:"left",fontSize:"14px",color:"#666"},children:[(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Input:"})," Architectural floor plan (PDF, PNG, JPG)"]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Processing:"})," AI furniture placement and 3D rendering"]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Output:"})," Photorealistic office visualization"]})]})}),(0,n.jsx)("div",{className:"col-md-6",children:(0,n.jsxs)("ul",{style:{textAlign:"left",fontSize:"14px",color:"#666"},children:[(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Layout:"})," Preserves architectural integrity"]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Furniture:"})," Professional office furniture placement"]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:"Standards:"})," Accessibility and safety compliance"]})]})})]})]})]})})}),(0,n.jsx)("div",{className:"row justify-content-center",children:(0,n.jsx)("div",{className:"col-lg-6",children:(0,n.jsxs)("div",{style:{background:"#fff",padding:"40px",borderRadius:"12px",boxShadow:"0 10px 30px rgba(0,0,0,0.1)",border:"1px solid #eee"},children:[(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("label",{style:{fontSize:"14px",fontWeight:"600",color:"#333",marginBottom:"10px",display:"block"},children:"Upload Architectural Plan"}),(0,n.jsxs)("div",{style:{display:"flex",gap:"10px",marginBottom:"10px"},children:[(0,n.jsx)("input",{type:"file",accept:"image/*,.pdf",onChange:e=>{let i=e.target.files[0];

1i&&(o(i),D(null),A(null),P(null),p(URL.createObjectURL(i)))},style:{flex:1,padding:"12px",border:"2px dashed #ddd",borderRadius:"6px",fontSize:"14px"}}),(0,n.jsx)("button",{onClick:()=>W(!0),style:{padding:"12px 24px",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white",border:"none",borderRadius:"6px",fontSize:"14px",fontWeight:"600",cursor:"pointer",whiteSpace:"nowrap"},children:"Use Our Demo"})]}),t&&(0,n.jsxs)("p",{style:{fontSize:"12px",color:"#666",marginTop:"8px"},children:["Selected: ",B?B.name:t.name]}),c&&(0,n.jsx)("div",{style:{marginTop:"15px",border:"1px solid #ddd",borderRadius:"6px",overflow:"hidden"},children:(0,n.jsx)("img",{src:c,alt:"Floor plan preview",style:{width:"100%",height:"auto",maxHeight:"300px",objectFit:"contain",display:"block"}})})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("label",{style:{fontSize:"14px",fontWeight:"600",color:"#333",marginBottom:"10px",display:"block"},children:"Space Type"}),(0,n.jsx)("select",{value:x,onChange:e=>h(e.target.value),style:{width:"100%",padding:"12px",border:"1px solid #ddd",borderRadius:"6px",fontSize:"14px",backgroundColor:"#fff"},children:_&&Object.entries(_).map(e=>{let[i,t]=e;return(0,n.jsxs)("option",{value:i,children:[t.name," - ",t.description]},i)})})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("label",{style:{fontSize:"14px",fontWeight:"600",color:"#333",marginBottom:"10px",display:"block"},children:"Additional Specifications (Optional)"}),(0,n.jsx)("textarea",{value:b,onChange:e=>v(e.target.value),placeholder:"Add any specific requirements (e.g., number of workstations, meeting rooms, accessibility needs, etc.)",rows:"3",style:{width:"100%",padding:"12px",border:"1px solid #ddd",borderRadius:"6px",fontSize:"14px",resize:"vertical"}})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("label",{style:{fontSize:"14px",fontWeight:"600",color:"#333",marginBottom:"15px",display:"block"},children:"Office Style"}),(0,n.jsx)("div",{className:"mb-3",children:(0,n.jsx)("button",{className:"btn btn-link",onClick:()=>y(!j),style:{fontSize:"12px",color:"#007bff",textDecoration:"none",padding:"0"},children:j?"← Use Predefined Styles":"Use Custom Style →"})}),j?(0,n.jsx)("textarea",{value:u,onChange:e=>m(e.target.value),placeholder:"Describe your desired office style (e.g., 'Scandinavian office with light wood and plants')",rows:"4",style:{width:"100%",padding:"12px",border:"1px solid #ddd",borderRadius:"6px",fontSize:"14px",resize:"vertical"}}):(0,n.jsx)("div",{children:_&&(null==(i=_[x])||null==(e=i.styles)?void 0:e.map(e=>(0,n.jsx)("div",{className:"mb-2",children:(0,n.jsxs)("label",{style:{display:"flex",alignItems:"center",cursor:"pointer"},children:[(0,n.jsx)("input",{type:"radio",name:"style",value:e.id,checked:f===e.id,onChange:e=>g(e.target.value),style:{marginRight:"10px"}}),(0,n.jsxs)("div",{children:[(0,n.jsx)("strong",{style:{fontSize:"14px"},children:e.name}),(0,n.jsx)("div",{style:{fontSize:"12px",color:"#666"},children:e.description})]})]})},e.id)))})]}),(0,n.jsx)("button",{onClick:E,disabled:!t||S||j&&!u.trim(),style:{width:"100%",padding:"15px",backgroundColor:S?"#ccc":"#007bff",color:"white",border:"none",borderRadius:"6px",fontSize:"16px",fontWeight:"600",cursor:S?"not-allowed":"pointer",transition:"background-color 0.3s"},children:S?"Generating Office Layout...":"Generate Office Space"}),O&&(0,n.jsxs)("div",{style:{marginTop:"20px",padding:"15px",backgroundColor:"#f8d7da",color:"#721c24",borderRadius:"6px",fontSize:"14px"},children:["Error: ",O]})]})})}),z&&(0,n.jsx)("div",{className:"row justify-content-center mt-5",children:(0,n.jsx)("div",{className:"col-lg-8",children:(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("h3",{style:{fontSize:"24px",fontWeight:"300",marginBottom:"30px",color:"#333"},children:"Your Office Visualization"}),(0,n.jsxs)("div",{style:{background:"#fff",padding:"20px",borderRadius:"12px",boxShadow:"0 10px 30px rgba(0,0,0,0.1)",border:"1px solid #eee"},children:[(0,n.jsx)("img",{src:"data:image/png;base64,".concat(z),alt:"Generated Office Layout",style:{width:"100%",height:"auto",borderRadius:"8px"}}),(0,n.jsxs)("div",{className:"mt-3",style:{display:"flex",gap:"15p

1x",justifyContent:"center"},children:[(0,n.jsx)("a",{href:"data:image/png;base64,".concat(z),download:"office-layout.png",style:{display:"inline-block",padding:"10px 20px",backgroundColor:"#28a745",color:"white",textDecoration:"none",borderRadius:"6px",fontSize:"14px",fontWeight:"500"},children:"Download High-Res Image"}),(0,n.jsx)("button",{onClick:F,disabled:N,style:{padding:"10px 20px",backgroundColor:N?"#ccc":"#007bff",color:"white",border:"none",borderRadius:"6px",fontSize:"14px",fontWeight:"500",cursor:N?"not-allowed":"pointer"},children:N?"Generating Interior...":"View Inside"})]})]})]})})}),R&&(0,n.jsx)("div",{className:"row justify-content-center mt-5",children:(0,n.jsx)("div",{className:"col-lg-8",children:(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("h3",{style:{fontSize:"24px",fontWeight:"300",marginBottom:"30px",color:"#333"},children:"Interior View - Inside the Office"}),(0,n.jsxs)("div",{style:{background:"#fff",padding:"20px",borderRadius:"12px",boxShadow:"0 10px 30px rgba(0,0,0,0.1)",border:"1px solid #eee"},children:[(0,n.jsx)("img",{src:"data:image/png;base64,".concat(R),alt:"Interior View",style:{width:"100%",height:"auto",borderRadius:"8px"}}),(0,n.jsx)("div",{className:"mt-3",children:(0,n.jsx)("a",{href:"data:image/png;base64,".concat(R),download:"office-interior-view.png",style:{display:"inline-block",padding:"10px 20px",backgroundColor:"#28a745",color:"white",textDecoration:"none",borderRadius:"6px",fontSize:"14px",fontWeight:"500"},children:"Download Interior View"})})]})]})})})]}),(0,n.jsx)(l.A,{})]})}}},e=>{e.O(0,[8230,8403,5183,636,6593,8792],()=>e(e.s=45837)),_N_E=e.O()}]);