https://www.orchidsinternationalschool.com/_next/static/chunks/pages/8pimakerspace-e3196cf33358a6d3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2939],{2238:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>M});var i=r(37876),n=r(14232),o=r(77328),a=r.n(o),s=r(82331),l=r(54587),d=r.n(l);let c="https://cdn-cms.orchidsinternationalschool.com/media/hero-banner-mobile.webp",p=()=>(0,i.jsxs)("section",{id:"hero",style:{paddingTop:"72px",background:"#0a0a0a"},children:[(0,i.jsxs)("div",{style:{textAlign:"center",padding:"52px 20px 36px"},children:[(0,i.jsx)("span",{style:{display:"inline-block",color:"rgba(255,255,255,0.5)",fontSize:"clamp(0.75rem, 1.5vw, 0.9rem)",fontWeight:"500",letterSpacing:"0.3em",textTransform:"uppercase",marginBottom:"16px"},children:"Welcome to"}),(0,i.jsxs)("h1",{style:{margin:"0 0 12px",lineHeight:1.05,fontFamily:"'Georgia', 'Times New Roman', serif",fontSize:"clamp(2.5rem, 10vw, 5rem)",color:"#fff"},children:[(0,i.jsxs)("span",{style:{whiteSpace:"nowrap",display:"inline-block"},children:[(0,i.jsx)("span",{style:{fontWeight:"900",color:"#facc15",letterSpacing:"2px",textShadow:"0 0 40px rgba(250,204,21,0.15)"},children:"8"}),(0,i.jsx)("span",{style:{fontWeight:"700",letterSpacing:"4px"},children:"Pi"})]})," ",(0,i.jsx)("span",{style:{whiteSpace:"nowrap",display:"inline-block",fontWeight:"700",letterSpacing:"4px"},children:"Makerspace"})]}),(0,i.jsx)("div",{style:{width:"50px",height:"3px",background:"#facc15",margin:"20px auto",borderRadius:"2px"}}),(0,i.jsx)("p",{style:{fontFamily:"'Georgia', 'Times New Roman', serif",fontStyle:"italic",fontSize:"clamp(0.9rem, 2vw, 1.15rem)",fontWeight:"600",color:"rgba(250,204,21,0.8)",margin:"0 0 8px",letterSpacing:"0.5px"},children:"Your Gateway to Infinite Possibilities"}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.45)",fontSize:"clamp(0.8rem, 1.5vw, 0.95rem)",margin:0,letterSpacing:"0.5px"},children:"8Pi = infinite possibilities — every idea has the potential to change the world"})]}),(0,i.jsxs)("div",{style:{width:"100%",position:"relative"},children:[(0,i.jsx)(d(),{src:"https://cdn-cms.orchidsinternationalschool.com/media/hero-banner-desktop.webp",alt:"8Pi Makerspace Banner",width:1920,height:500,style:{width:"100%",height:"auto",display:"block"},className:"d-none d-md-block",priority:!0,unoptimized:!0}),c&&(0,i.jsx)(d(),{src:c,alt:"8Pi Makerspace Banner",width:768,height:400,style:{width:"100%",height:"auto",display:"block"},className:"d-block d-md-none",priority:!0,unoptimized:!0})]})]}),h=[{name:"Digital Fabrication Zone",desc:"Ideation, sketching, and early-stage prototyping."},{name:"3D Printing Zone",desc:"Rapid prototyping and model creation."},{name:"Woodworking Bay",desc:"Cutting, shaping, and assembling wood structures."},{name:"Metal Fabrication Area",desc:"Basic metal work, sheet cutting, and mechanical assembly."},{name:"Robotics & Electronics Lab",desc:"Circuit building, sensors, motors, and embedded systems."},{name:"Coding & AI Hub",desc:"Programming, automation, and AI experimentation."},{name:"Paint & Finishing Station",desc:"Surface finishing, painting, and aesthetic detailing."},{name:"Junkyard / Reuse Zone",desc:"Scrap parts, dismantling, and creative reuse."}],g=()=>(0,i.jsx)("section",{id:"about",style:{background:"#0d0d0d",padding:"80px 0 60px"},children:(0,i.jsxs)("div",{style:{maxWidth:"1100px",margin:"0 auto",padding:"0 20px"},children:[(0,i.jsxs)("div",{style:{textAlign:"center",marginBottom:"56px"},children:[(0,i.jsx)("p",{style:{color:"#facc15",textTransform:"uppercase",letterSpacing:"0.3em",fontSize:"0.8rem",fontWeight:"600",marginBottom:"12px"},children:"About the Space"}),(0,i.jsxs)("h2",{style:{fontSize:"clamp(2rem, 5vw, 3.5rem)",fontWeight:"900",color:"#fff",lineHeight:1.1,margin:0},children:["3000+ sq. ft. of"," ",(0,i.jsx)("span",{style:{color:"#9D0022"},children:"Pure Creativity"})]}),(0,i.jsx)("p",{style:{color:"#999",marginTop:"16px",maxWidth:"600px",margin:"16px auto 0",fontSize:"1rem",lineHeight:"1.7"},children:"Spread across 3000+ square feet, 8Pi is a dynamic, flexible learning environment designed for exploration, experimentation, and creation. The space is divided into interactive zones, each tailored to a specific field of making and learning."})]}),(0,i.jsx)("div",{style:{position:"relative",paddingBottom:"56.25%",height:0,overflow:"hidden",borderRadius:"12px",marginBottom:"56px",border:"2px s

1olid #2a2a2a"},children:(0,i.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:"https://www.youtube.com/embed/FQBcWMOXbxw?si=KjQljcdTgggSAmHK",title:"8Pi Makerspace – The Orchids Makerspace",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}),(0,i.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(240px, 1fr))",gap:"16px"},children:h.map((e,t)=>(0,i.jsxs)("div",{style:{background:"#1a1a1a",border:"2px solid #2a2a2a",borderRadius:"8px",padding:"24px",transition:"border-color 0.2s"},onMouseEnter:e=>e.currentTarget.style.borderColor="#facc15",onMouseLeave:e=>e.currentTarget.style.borderColor="#2a2a2a",children:[(0,i.jsx)("div",{style:{width:"32px",height:"3px",background:"#facc15",marginBottom:"12px",borderRadius:"2px"}}),(0,i.jsx)("h3",{style:{color:"#fff",fontWeight:"700",fontSize:"1rem",marginBottom:"6px",margin:"0 0 6px"},children:e.name}),(0,i.jsx)("p",{style:{color:"#888",fontSize:"0.875rem",margin:0,lineHeight:"1.6"},children:e.desc})]},t))}),(0,i.jsx)("p",{style:{textAlign:"center",color:"#666",marginTop:"40px",fontSize:"0.9rem",fontStyle:"italic"},children:"Each section is designed to encourage hands-on learning, collaboration, and critical thinking — nurturing a new generation of thinkers, tinkerers, and innovators."})]})}),x=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n          @media (max-width: 768px) {\n            .why-values-grid { grid-template-columns: 1fr !important; gap: 16px !important; }\n          }\n        "}}),(0,i.jsxs)("section",{id:"why",style:{position:"relative",padding:"100px 20px",overflow:"hidden"},children:[(0,i.jsx)("div",{style:{position:"absolute",inset:0,backgroundImage:"url(https://cdn-cms.orchidsinternationalschool.com/media/why-8pi.webp)",backgroundSize:"cover",backgroundPosition:"center",backgroundAttachment:"fixed",zIndex:0}}),(0,i.jsx)("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%)",zIndex:0}}),(0,i.jsxs)("div",{style:{position:"relative",zIndex:1,maxWidth:"960px",margin:"0 auto"},children:[(0,i.jsxs)("div",{style:{textAlign:"center"},children:[(0,i.jsxs)("h2",{style:{fontSize:"clamp(1.8rem, 4.5vw, 4rem)",fontWeight:"900",color:"#fff",lineHeight:1.2,margin:"0 0 20px"},children:["Why ",(0,i.jsx)("span",{style:{color:"#facc15"},children:"8Pi ?"})]}),(0,i.jsx)("span",{style:{display:"inline-block",color:"#facc15",textTransform:"uppercase",letterSpacing:"0.35em",fontSize:"0.75rem",fontWeight:"700",border:"1px solid rgba(250,204,21,0.3)",padding:"6px 20px",borderRadius:"100px",marginBottom:"24px"},children:"More than a lab — a launchpad."}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.7)",fontSize:"clamp(0.95rem, 1.8vw, 1.1rem)",lineHeight:"1.8",maxWidth:"640px",margin:"0 auto"},children:"Where design meets technology, where ideas turn into action and where students grow into their future selves — creative, capable, and curious."})]}),(0,i.jsx)("div",{className:"why-values-grid",style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"20px",marginBottom:"48px"},children:[{num:"01",title:"Design",sub:"Where imagination takes shape",icon:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",fill:"#facc15",viewBox:"0 0 16 16",children:(0,i.jsx)("path",{d:"M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293z"})})},{num:"02",title:"Build",sub:"Where ideas become reality",icon:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",fill:"#facc15",viewBox:"0 0 16 16",children:(0,i.jsx)("path",{d:"M1 0 0 1l2.313 9.014a1.5 1.5 0 0 0 .887.986l4.8 2.06V14H6v2h4v-2H8v-1.94l4.8-2.06a1.5 1.5 0 0 0 .887-.986L16 1l-1-1-6.5 4h-1z"})})},{num:"03",title:"Inspire",sub:"Where makers inspire the world",icon:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",fill:"#facc15",viewBox:"0 0 16 16",children:(0,i.jsx)("path",{d:"M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5"})})}].map(e=>{let{num:t,title:r,sub:n,icon:o}=e;return(0,i.jsxs)("div",{style:{background:"rgba(255,255,255,0.07)",backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:"14px",padding:"32px 24px",textAlign:"center",transition:"transform 0.2s, border-color 0.2s"},onMouseEnter:e=>{e.currentTarget.style.transform="translateY(-4px)",e.currentTarget.style.borderColor="rgba(250,204,21,0.4)"},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.borderColor="rgba(255,255,255,0.1)"},children:[(0,i.jsx)("div",{style:{width:"56px",height:"56px",borderRadius:"50%",background:"rgba(250,204,21,0.1)",display:"flex",alignItems:"center",justifyContent:"center",margin:"0 auto 16px"},children:o}),(0,i.jsx)("h3",{style:{color:"#fff",fontWeight:"800",fontSize:"1.15rem",margin:"0 0 6px"},children:r}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.55)",fontSize:"0.85rem",margin:0,lineHeight:1.5},children:n})]},t)})}),(0,i.jsxs)("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(250,204,21,0.2)",borderRadius:"16px",padding:"40px 36px",textAlign:"center",maxWidth:"640px",margin:"0 auto"},children:[(0,i.jsx)("p",{style:{fontSize:"clamp(1.6rem, 3.5vw, 2.4rem)",fontWeight:"900",color:"#facc15",margin:0,lineHeight:1.2,fontFamily:"'Georgia', serif"},children:"“I made this.”"}),(0,i.jsx)("div",{style:{width:"40px",height:"2px",background:"rgba(250,204,21,0.4)",margin:"16px auto",borderRadius:"2px"}}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.6)",fontSize:"0.95rem",margin:0,fontStyle:"italic",lineHeight:1.6},children:"And that's the magic — the moment they realize they can make anything."})]})]})]})]});var m=r(48230),u=r.n(m);let f=[{id:"3d-printing-basics",title:"3D Printing Workshop",description:"Learn the basics of 3D printing in just 60 minutes — from how 

1it works to how you can start creating your own models.",image:"https://cdn-cms.orchidsinternationalschool.com/media/3D-printer.webp",href:"/8pimakerspace/workshops/3d-printing-basics",btnLabel:"Know More",isActive:!0},{id:"spiderman-web-shooter-lab",title:"Spider-Man Web Shooter Lab",description:"Build your own Spider-Man inspired web shooter using real tools and basic mechanics.",image:"https://cdn-cms.orchidsinternationalschool.com/media/spider-man-3.webp",href:"/8pimakerspace/workshops/spiderman-web-shooter-lab",btnLabel:"Know More",isActive:!0},{id:"makers-camp",title:"Maker's Camp",description:"A full day immersive making experience design, build with real tools, and present finished project to mentors and peers.",image:"https://cdn-cms.orchidsinternationalschool.com/media/makers-camp-1.webp",href:"/8pimakerspace/workshops/makers-camp",btnLabel:"Know More",isActive:!0},{id:"scrap-to-cash",title:"Scrap to Cash",description:"Turn waste materials into creative products. Learn upcycling, design thinking and entrepreneurship.",image:"https://cdn-cms.orchidsinternationalschool.com/media/scrap-to-cash-1.webp",href:"/8pimakerspace/workshops/scrap-to-cash",btnLabel:"Know More",isActive:!0},{id:"woodworking",title:"Wood Working",description:"Learn the basics of woodworking and build your own product using real tools and techniques.",btnLabel:"Coming Soon",isLocked:!0,placeholderIcon:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"120",height:"120",fill:"none",viewBox:"0 0 64 64",children:[(0,i.jsx)("rect",{x:"10",y:"28",width:"44",height:"8",rx:"2",fill:"rgba(250,204,21,0.12)",stroke:"rgba(250,204,21,0.3)",strokeWidth:"1.5"}),(0,i.jsx)("rect",{x:"26",y:"12",width:"12",height:"40",rx:"2",fill:"rgba(250,204,21,0.08)",stroke:"rgba(250,204,21,0.2)",strokeWidth:"1.5"}),(0,i.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",stroke:"rgba(250,204,21,0.25)",strokeWidth:"1",strokeDasharray:"3 3"}),(0,i.jsx)("circle",{cx:"32",cy:"32",r:"3",fill:"rgba(250,204,21,0.25)"}),(0,i.jsx)("path",{d:"M20 36l4-8M28 36l4-8M36 36l4-8M44 36l4-8",stroke:"rgba(250,204,21,0.15)",strokeWidth:"1"})]})}],b=()=>{let e=n.useRef(null),t=n.useRef({pointerId:null,startX:0,startScrollLeft:0,moved:!1}),r=n.useRef(!1),o=e=>{let i=t.current;i.pointerId===e.pointerId&&(r.current=i.moved,t.current.pointerId=null,t.current.moved=!1)},a=t=>{let r=e.current;r&&r.scrollBy({left:344*t,behavior:"smooth"})},s=e=>(0,i.jsxs)("div",{style:{flexShrink:0,width:"320px",background:"rgba(255,255,255,0.06)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:e.isActive?"1.5px solid rgba(250,204,21,0.35)":"1.5px solid rgba(255,255,255,0.08)",borderRadius:"16px",overflow:"hidden",display:"flex",flexDirection:"column",scrollSnapAlign:"start",opacity:e.isLocked?.85:1,transition:"transform 0.25s, border-color 0.25s, box-shadow 0.25s"},onMouseEnter:t=>{e.isLocked||(t.currentTarget.style.transform="translateY(-5px)",t.currentTarget.style.borderColor="#facc15",t.currentTarget.style.boxShadow="0 12px 36px rgba(250,204,21,0.12)")},onMouseLeave:t=>{e.isLocked||(t.currentTarget.style.transform="translateY(0)",t.currentTarget.style.borderColor="rgba(250,204,21,0.35)",t.currentTarget.style.boxShadow="none")},children:[e.image?(0,i.jsxs)("div",{style:{position:"relative",width:"100%",height:"190px"},children:[(0,i.jsx)(d(),{src:e.image,alt:e.title,fill:!0,style:{objectFit:"cover"},unoptimized:!0}),(0,i.jsx)("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"60px",background:"linear-gradient(to top, rgba(15,15,15,0.9), transparent)"}}),e.tag&&(0,i.jsx)("span",{style:{position:"absolute",top:"14px",left:"14px",background:"#9D0022",color:"#fff",fontSize:"0.7rem",fontWeight:"800",padding:"5px 14px",borderRadius:"6px",letterSpacing:"0.8px",textTransform:"uppercase"},children:e.tag})]}):(0,i.jsx)("div",{style:{width:"100%",height:"190px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",background:"rgba(255,255,255,0.03)",gap:"12px"},children:e.placeholderIcon||(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",fill:"rgba(255,255,255,0.15)",viewBox:"0 0 16 16",children:[(0,i.jsx)("path",{d:"M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"}),(0,i.jsx)("path",{d:"M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z"})]})}),(0,i.jsxs)("div",{style:{padding:"20px 22px 24px",display:"flex",flexDirection:"column",flexGrow:1},children:[(0,i.jsx)("div",{style:{width:"36px",height:"3px",background:"#facc15",borderRadius:"2px",marginBottom:"14px"}}),(0,i.jsx)("h3",{style:{color:"#fff",fontWeight:"800",fontSize:"1.2rem",lineHeight:1.3,margin:"0 0 10px"},children:e.title}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.55)",fontSize:"0.87rem",lineHeight:"1.7",margin:"0 0 22px",flexGrow:1},children:e.description}),(0,i.jsxs)("span",{style:{display:"inline-block",alignSelf:"flex-start",background:e.isActive?"#facc15":"rgba(255,255,255,0.1)",color:e.isActive?"#111":"rgba(255,255,255,0.5)",fontSize:"0.85rem",fontWeight:"700",padding:"10px 26px",borderRadius:"8px",cursor:e.isLocked?"default":"pointer",letterSpacing:"0.3px",transition:"background 0.2s"},children:[e.isActive&&(0,i.jsx)("span",{style:{marginRight:"6px"},children:"→"}),e.btnLabel]})]})]});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n          #workshops a { color: inherit !important; text-decoration: none !important; }\n          .ws-arrow-btn:hover { background: #facc15 !important; color: #111 !important; }\n          .ws-arrow-btn:hover svg { fill: #111 !important; }\n        "}}),(0,i.jsx)("section",{id:"workshops",style:{background:"#0a0a0a",padding:"80px 0",overflow:"hidden"},children:(0,i.jsxs)("div",{style:{maxWidth:"1100px",margin:"0 auto",padding:"0 20px"},children:[(0,i.jsxs)("div",{style:{textAlign:"center",marginBottom:"48px"},children:[(0,i.jsx)("p",{style:{color:"#facc15",textTransform:"uppercase",letterSpacing:"0.3em",fontSize:"0.8rem",fontWeight:"600",marginBottom:"12px"},children:"Workshops"}),(0,i.jsxs)("h2",{style:{fontSize:"clamp(2rem, 5vw, 3rem)",fontWeight:"900",color:"#fff",lineHeight:1.1,margin:0},children:["Upcoming ",(0,i.jsx)("span",{style:{color:"#facc15"},children:"Workshops"})]})]}),(0,i.jsxs)("div",{style:{position:"relative"},children:[(0,i.jsx)("button",{className:"ws-arrow-btn",onClick:()=>a(-1),"aria-label":"Scroll left",style:{position:"absolute",left:"-20px",top:"50%",transform:"translateY(-50%)",zIndex:10,width:"44px",height:"44px",borderRadius:"50%",background:"rgba(255,255,255,0.07)",border:"1.5px solid rgba(255,255,255,0.15)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.2s, color 0.2s"},children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"#fff",viewBox:"0 0 16 16",children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"})})}),(0,i.jsx)("div",{ref:e,onPointerDown:r=>{let i=e.current;i&&("mouse"!==r.pointerType||0===r.button)&&(t.current={pointerId:r.pointerId,startX:r.clientX,startScrollLeft:i.scrollLeft,moved:!1})},onPointerMove:r=>{let i=e.current,n=t.current;if(!i||n.pointerId!==r.pointerId)return;let o=r.clientX-n.startX;!n.moved&&Math.abs(o)>6&&(n.moved=!0,i.setPointerCapture(r.pointerId)),n.moved&&(r.preventDefault(),i.scrollLeft=n.startScrollLeft-o)},onPointerUp:o,onPointerCancel:o,onLostPointerCapture:o,onClickCapture:e=>{r.current&&(e.preventDefault(),e.stopPropagation(),r.current=!1)},style:{display:"flex",gap:"24px",overflowX:"auto",paddingBottom:"16

1px",scrollSnapType:"x mandatory",cursor:"grab",scrollbarWidth:"none"},children:f.map(e=>e.isActive?(0,i.jsx)(u(),{href:e.href,children:s(e)},e.id):(0,i.jsx)("div",{children:s(e)},e.id))}),(0,i.jsx)("button",{className:"ws-arrow-btn",onClick:()=>a(1),"aria-label":"Scroll right",style:{position:"absolute",right:"-20px",top:"50%",transform:"translateY(-50%)",zIndex:10,width:"44px",height:"44px",borderRadius:"50%",background:"rgba(255,255,255,0.07)",border:"1.5px solid rgba(255,255,255,0.15)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.2s, color 0.2s"},children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"#fff",viewBox:"0 0 16 16",children:(0,i.jsx)("path",{fillRule:"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"})})})]})]})})]})},y=Array.from({length:20},(e,t)=>{let r=t+1;return{title:"Makerspace ".concat(r),image:"".concat("/makerspace/gallery","/gallery-").concat(r,".jpg")}}),w=Math.ceil(y.length/3),v=()=>{let[e,t]=(0,n.useState)(null),[r,o]=(0,n.useState)(0),a=n.useRef(null),s=n.useRef({pointerId:null,startX:0,startScrollLeft:0,moved:!1}),l=n.useRef(!1),c=(0,n.useCallback)(()=>{let e=a.current;e&&o(Math.min(Math.round(e.scrollLeft/948),w-1))},[]);(0,n.useEffect)(()=>{let e=a.current;if(e)return e.addEventListener("scroll",c,{passive:!0}),()=>e.removeEventListener("scroll",c)},[c]);let p=e=>{let t=a.current;t&&t.scrollTo({left:316*e*3,behavior:"smooth"})},h=e=>{let t=s.current;t.pointerId===e.pointerId&&(l.current=t.moved,s.current.pointerId=null,s.current.moved=!1)};return(0,i.jsxs)("section",{id:"gallery",style:{background:"#0a0a0a",padding:"80px 0",overflow:"hidden"},children:[(0,i.jsx)("span",{id:"project",style:{position:"absolute",visibility:"hidden"}}),(0,i.jsxs)("div",{style:{maxWidth:"1100px",margin:"0 auto",padding:"0 20px"},children:[(0,i.jsxs)("div",{style:{textAlign:"center",marginBottom:"48px"},children:[(0,i.jsx)("p",{style:{color:"#facc15",textTransform:"uppercase",letterSpacing:"0.3em",fontSize:"0.8rem",fontWeight:"600",marginBottom:"12px"},children:"Gallery"}),(0,i.jsxs)("h2",{style:{fontSize:"clamp(2rem, 5vw, 3.5rem)",fontWeight:"900",color:"#fff",lineHeight:1.1,margin:0},children:["See ",(0,i.jsx)("span",{style:{color:"#9D0022"},children:"8Pi"})," in Action"]})]}),(0,i.jsxs)("div",{style:{position:"relative"},children:[(0,i.jsx)("div",{ref:a,onPointerDown:e=>{let t=a.current;t&&("mouse"!==e.pointerType||0===e.button)&&(s.current={pointerId:e.pointerId,startX:e.clientX,startScrollLeft:t.scrollLeft,moved:!1})},onPointerMove:e=>{let t=a.current,r=s.current;if(!t||r.pointerId!==e.pointerId)return;let i=e.clientX-r.startX;!r.moved&&Math.abs(i)>6&&(r.moved=!0,t.setPointerCapture(e.pointerId)),r.moved&&(e.preventDefault(),t.scrollLeft=r.startScrollLeft-i)},onPointerUp:h,onPointerCancel:h,onLostPointerCapture:h,onClickCapture:e=>{l.current&&(e.preventDefault(),e.stopPropagation(),l.current=!1)},style:{display:"flex",gap:"16px",overflowX:"auto",paddingBottom:"16px",scrollSnapType:"x mandatory",cursor:"grab",scrollbarWidth:"none"},children:y.map((e,r)=>(0,i.jsx)("div",{onClick:()=>t(r),style:{flexShrink:0,width:"300px",height:"300px",position:"relative",border:"2px solid #2a2a2a",borderRadius:"10px",overflow:"hidden",cursor:"pointer",background:"#111",scrollSnapAlign:"start",transition:"border-color 0.2s"},onMouseEnter:e=>e.currentTarget.style.borderColor="#9D0022",onMouseLeave:e=>e.currentTarget.style.borderColor="#2a2a2a",children:(0,i.jsx)(d(),{src:e.image,alt:e.title,fill:!0,style:{objectFit:"cover"},unoptimized:!0})},r))}),(0,i.jsx)("div",{style:{position:"absolute",right:0,top:0,bottom:"16px",width:"80px",background:"linear-gradient(to left, #0a0a0a, transparent)",pointerEvents:"none"}}),r>0&&(0,i.jsx)("button",{onClick:()=>p(Math.max(r-1,0)),style:{position:"absolute",left:"-12px",top:"50%",transform:"translateY(-50%)",width:"40px",height:"40px",borderRadius:"50%",background:"#facc15",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 2px 10px rgba(0,0,0,0.5)",zIndex:2},children:(0,i.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"#111",children:(0,i.jsx)("path",{d:"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"})})}),r<w-1&&(0,i.jsx)("button",{onClick:()=>p(Math.min(r+1,w-1)),style:{position:"absolute",right:"-12px",top:"50%",transform:"translateY(-50%)",width:"40px",height:"40px",borderRadius:"50%",background:"#facc15",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 2px 10px rgba(0,0,0,0.5)",zIndex:2},children:(0,i.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"#111",children:(0,i.jsx)("path",{d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"})})})]}),(0,i.jsx)("div",{style:{display:"flex",justifyContent:"center",gap:"8px",marginTop:"24px"},children:Array.from({length:w},(e,t)=>(0,i.jsx)("button",{onClick:()=>p(t),style:{width:r===t?"24px":"8px",height:"8px",borderRadius:"4px",background:r===t?"#facc15":"#333",border:"none",cursor:"pointer",padding:0,transition:"all 0.3s ease"}},t))})]}),null!==e&&(0,i.jsxs)("div",{onClick:()=>t(null),style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.92)",zIndex:200,display:"flex",alignItems:"center",justifyContent:"center",padding:"20px"},children:[(0,i.jsx)("button",{onClick:()=>t(null),style:{position:"absolute",top:"20px",right:"20px",background:"none",border:"none",color:"#fff",fontSize:"2rem",cursor:"pointer"},children:"✕"}),(0,i.jsx)("div",{onClick:e=>e.stopPropagation(),style:{maxWidth:"800px",width:"100%",border:"none",borderRadius:"10px",overflow:"hidden",background:"#111"},children:(0,i.jsx)("div",{style:{position:"relative",aspectRatio:"16/9"},children:(0,i.jsx)(d(),{src:y[e].image,alt:y[e].title,fill:!0,style:{objectFit:"contain"},unoptimized:!0})})})]})]})},j=[{name:"Fabrication Tools",description:"Power drills, jigsaws, sanders, soldering stations, workbenches, clamps, and precision tools."},{name:"Electronics & Robotics Kits",description:"Arduino, Raspberry Pi, micro:bit, sensors, relays, servo motors, and IoT modules."},{name:"Coding & AI Tools",description:"Laptops with coding suites, AI learning kits, and simulation software."},{name:"3D Printing & Prototyping",description:"High-resolution 3D printers, laser cutters, and model design stations."},{name:"Wood & Metal Work Machines",description:"Cutting, shaping, joining, and finishing tools designed with safety and accuracy."},{name:"Creative Tools",description:"Paints, crafting materials, vinyl cutters, and digital drawing tablets."}],k=()=>(0,i.jsxs)("section",{id:"tools",style:{position:"relative",padding:"100px 20px",overflow:"hidden"},children:[(0,i.jsx)("div",{style:{position:"absolute",inset:0,backgroundImage:"url(https://cdn-cms.orchidsinternationalsc

1hool.com/media/tools-and-gadgets.webp)",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),(0,i.jsx)("div",{style:{position:"absolute",inset:0,background:"rgba(0, 0, 0, 0.55)"}}),(0,i.jsxs)("div",{style:{maxWidth:"1100px",margin:"0 auto",position:"relative",zIndex:1},children:[(0,i.jsxs)("div",{style:{textAlign:"center",marginBottom:"56px"},children:[(0,i.jsx)("p",{style:{color:"#facc15",textTransform:"uppercase",letterSpacing:"0.3em",fontSize:"0.8rem",fontWeight:"600",marginBottom:"12px"},children:"Tools, Tech & Gadgets"}),(0,i.jsxs)("h2",{style:{fontSize:"clamp(2rem, 5vw, 3.5rem)",fontWeight:"900",color:"#fff",lineHeight:1.1,margin:"0 0 16px"},children:["State-of-the-Art"," ",(0,i.jsx)("span",{style:{color:"#facc15"},children:"Equipment"})]}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.7)",maxWidth:"600px",margin:"0 auto",fontSize:"1rem",lineHeight:"1.7"},children:"Our makerspace is fully stocked with state-of-the-art tools and resources that allow students to work safely and confidently on projects across disciplines."})]}),(0,i.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"20px",marginBottom:"48px"},children:j.map((e,t)=>(0,i.jsxs)("div",{style:{background:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.12)",borderRadius:"12px",padding:"28px",transition:"transform 0.2s, border-color 0.2s"},onMouseEnter:e=>{e.currentTarget.style.borderColor="#facc15",e.currentTarget.style.transform="translateY(-4px)"},onMouseLeave:e=>{e.currentTarget.style.borderColor="rgba(255, 255, 255, 0.12)",e.currentTarget.style.transform="translateY(0)"},children:[(0,i.jsx)("div",{style:{width:"40px",height:"3px",background:"#facc15",borderRadius:"2px",marginBottom:"16px"}}),(0,i.jsx)("h3",{style:{color:"#fff",fontWeight:"700",fontSize:"1.05rem",margin:"0 0 8px"},children:e.name}),(0,i.jsx)("p",{style:{color:"rgba(255,255,255,0.6)",fontSize:"0.875rem",margin:0,lineHeight:"1.6"},children:e.description})]},t))}),(0,i.jsx)("p",{style:{textAlign:"center",color:"#facc15",fontSize:"0.95rem",fontWeight:"600",fontStyle:"italic"},children:"Every tool serves as a gateway to learning — empowering students to turn their imagination into something real, practical, and powerful."})]})]});var S=r(22774),W=r(35516);let z="https://cdn-cms.orchidsinternationalschool.com/media/8pilogo.png";function M(){return(0,n.useEffect)(()=>{let e=document.querySelector("link[rel='icon']"),t=document.querySelector("link[rel='apple-touch-icon-precomposed']"),r=null==e?void 0:e.href,i=null==t?void 0:t.href;return e&&(e.href=z),t&&(t.href=z),()=>{e&&r&&(e.href=r),t&&i&&(t.href=i)}},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(a(),{children:[(0,i.jsx)("title",{children:"8Pi - The Orchids Makerspace | Workshops"}),(0,i.jsx)("meta",{name:"description",content:"Welcome to 8Pi - The Orchids Makerspace, a 3000 sq. ft. hub of creativity, curiosity, and innovation. Join hands-on workshops for young makers."}),(0,i.jsx)("meta",{property:"og:title",content:"8Pi - The Orchids Makerspace | Workshops"}),(0,i.jsx)("meta",{property:"og:description",content:"A 3000 sq. ft. hub of creativity, curiosity, and innovation at Orchids International School."}),(0,i.jsx)("meta",{name:"robots",content:"index, follow"}),(0,i.jsx)("link",{rel:"canonical",href:"https://www.orchidsinternationalschool.com/8pimakerspace"})]}),(0,i.jsxs)("div",{className:"bg-background text-foreground min-h-screen",children:[(0,i.jsx)(s.A,{}),(0,i.jsxs)("main",{children:[(0,i.jsx)(p,{}),(0,i.jsx)(g,{}),(0,i.jsx)(x,{}),(0,i.jsx)(b,{}),(0,i.jsx)(v,{}),(0,i.jsx)(k,{})]}),(0,i.jsx)(S.A,{}),(0,i.jsx)(W.A,{})]})]})}},35516:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var i=r(37876),n=r(14232);let o=()=>{let[e,t]=(0,n.useState)(!1);return(0,i.jsxs)("div",{style:{position:"fixed",bottom:"24px",right:"24px",zIndex:150,display:"flex",flexDirection:"column",alignItems:"flex-end",gap:"12px"},children:[e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n            .query-tooltip a { color: #facc15 !important; text-decoration: none !important; }\n          "}}),(0,i.jsxs)("div",{className:"query-tooltip",style:{background:"#1a1a1a",border:"1px solid #2a2a2a",borderRadius:"10px",padding:"16px 20px",maxWidth:"300px",color:"#ccc",fontSize:"0.875rem",lineHeight:"1.5"},children:[(0,i.jsx)("p",{style:{margin:"0 0 10px",fontWeight:"700",color:"#fff"},children:"Have a question?"}),(0,i.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"})]})]}),(0,i.jsx)("button",{onClick:()=>t(!e),style:{width:"52px",height:"52px",borderRadius:"50%",background:"#9D0022",border:"none",color:"#fff",fontSize:"1.4rem",cursor:"pointer",boxShadow:"0 4px 20px rgba(157,0,34,0.4)",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s"},onMouseEnter:e=>e.currentTarget.style.transform="scale(1.1)",onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",title:"Need help?",children:e?"✕":"?"})]})}},40169:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/8pimakerspace",function(){return r(2238)}])}},e=>{e.O(0,[4554,636,6593,8792],()=>e(e.s=40169)),_N_E=e.O()}]);