add mazemap iframe with office directions

src/components/page-sections/office.tsx

@@ -31,6 +31,15 @@ const Office = () => {
             navbar={true}
           />
         </div>
+        <div style={{ width: "100%" }}>
+          <iframe
+            width="100%"
+            height="500px"
+            src="https://use.mazemap.com/embed.html#v=1&config=uio&zlevel=3&center=10.712463,59.932424&zoom=17&campusid=797&sharepoitype=poi&sharepoi=1000986035&utm_medium=iframe"
+            allow="geolocation"
+            title="Map by MazeMap"
+          ></iframe>
+        </div>
       </div>
     </section>
   )