videos upd

src/components/ModalContainer.tsx

@@ -45,7 +45,7 @@ function ModalContainer() {
         <div ref={rootRef} key={"modal"} className="h-full">
           <div
             ref={popoverRef}
-            className="bg-black/70 fixed inset-0 max-md:top-14 flex flex-col items-center justify-center overflow-y-auto z-10"
+            className="bg-black/70 max-md:top-14 flex overflow-y-auto fixed inset-0 z-50 flex-col justify-center items-center"
           >
             <div className="max-h-full">
               <motion.div

src/components/VideoModal.tsx

@@ -1,6 +1,6 @@
 function VideoModal({ src }: { src: string }) {
   return (
-    <div className="flex justify-center items-center z-10 h-dvh w-full">
+    <div className="h-dvh flex z-10 justify-center items-center w-full">
       <video
         src={src}
         className="object-cover max-w-[95%] 2xl:rounded-[0.833vw] rounded-xl max-2xl:landscape:h-[calc(100dvh-56px)]"

src/data/floors/hq.ts

@@ -16,7 +16,7 @@ export const hqFloors: FloorData[] = [
       { icon: "", title: "Sculptural ribbon seating" },
       { icon: "", title: "Social corner" },
       { icon: "", title: "Observation deck" },
-      { icon: "", title: "Co-working zone" }
+      { icon: "", title: "Co-working zone" },
     ],
     images: {
       main: "/images/floor-plans/hq/roof.jpg",
@@ -25,7 +25,7 @@ export const hqFloors: FloorData[] = [
         "/images/floor-plans/hq/roof/content2.jpg",
       ],
     },
-    video: "/videos/hq/roof_reset16.mp4",
+    video: "/videos/hq/roof.mp4",
   },
 
   // Reset 16
@@ -58,7 +58,7 @@ export const hqFloors: FloorData[] = [
         "/images/floor-plans/hq/reset-16/content2.jpg",
       ],
     },
-    video: "/videos/hq/roof_reset16.mp4",
+    video: "/videos/hq/reset16.mp4",
   },
 
   // Podium Level