diff --git a/public/images/floor-plans/dubai-marina/ground/content.png b/public/images/floor-plans/dubai-marina/ground/content.png new file mode 100644 index 0000000..ea089ea Binary files /dev/null and b/public/images/floor-plans/dubai-marina/ground/content.png differ diff --git a/public/images/floor-plans/dubai-marina/podium/content1.png b/public/images/floor-plans/dubai-marina/podium/content1.png new file mode 100644 index 0000000..b554e57 Binary files /dev/null and b/public/images/floor-plans/dubai-marina/podium/content1.png differ diff --git a/public/images/floor-plans/dubai-marina/podium/content2.png b/public/images/floor-plans/dubai-marina/podium/content2.png new file mode 100644 index 0000000..449be4f Binary files /dev/null and b/public/images/floor-plans/dubai-marina/podium/content2.png differ diff --git a/public/images/floor-plans/dubai-marina/podium/content3.png b/public/images/floor-plans/dubai-marina/podium/content3.png new file mode 100644 index 0000000..fb6adf9 Binary files /dev/null and b/public/images/floor-plans/dubai-marina/podium/content3.png differ diff --git a/public/images/floor-plans/dubai-marina/rooftop/content.png b/public/images/floor-plans/dubai-marina/rooftop/content.png new file mode 100644 index 0000000..487ffd6 Binary files /dev/null and b/public/images/floor-plans/dubai-marina/rooftop/content.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/conent2.png b/public/images/floor-plans/marasi-drive/ground/conent2.png new file mode 100644 index 0000000..2c4b549 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/conent2.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/content1.png b/public/images/floor-plans/marasi-drive/ground/content1.png new file mode 100644 index 0000000..5912128 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/content1.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/content3.png b/public/images/floor-plans/marasi-drive/ground/content3.png new file mode 100644 index 0000000..6815dc3 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/content3.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/content4.png b/public/images/floor-plans/marasi-drive/ground/content4.png new file mode 100644 index 0000000..04202ec Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/content4.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/content5.png b/public/images/floor-plans/marasi-drive/ground/content5.png new file mode 100644 index 0000000..2689bbf Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/content5.png differ diff --git a/public/images/floor-plans/marasi-drive/ground/content6.png b/public/images/floor-plans/marasi-drive/ground/content6.png new file mode 100644 index 0000000..5d67cdd Binary files /dev/null and b/public/images/floor-plans/marasi-drive/ground/content6.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content1.png b/public/images/floor-plans/marasi-drive/podium/content1.png new file mode 100644 index 0000000..34534b1 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content1.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content10.png b/public/images/floor-plans/marasi-drive/podium/content10.png new file mode 100644 index 0000000..225b917 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content10.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content11.png b/public/images/floor-plans/marasi-drive/podium/content11.png new file mode 100644 index 0000000..ceb2d1d Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content11.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content2.png b/public/images/floor-plans/marasi-drive/podium/content2.png new file mode 100644 index 0000000..fbec803 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content2.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content3.png b/public/images/floor-plans/marasi-drive/podium/content3.png new file mode 100644 index 0000000..ab581bc Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content3.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content4.png b/public/images/floor-plans/marasi-drive/podium/content4.png new file mode 100644 index 0000000..50a572e Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content4.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content5.png b/public/images/floor-plans/marasi-drive/podium/content5.png new file mode 100644 index 0000000..5915105 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content5.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content6.png b/public/images/floor-plans/marasi-drive/podium/content6.png new file mode 100644 index 0000000..02b62b0 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content6.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content7.png b/public/images/floor-plans/marasi-drive/podium/content7.png new file mode 100644 index 0000000..8f33a3a Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content7.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content8.png b/public/images/floor-plans/marasi-drive/podium/content8.png new file mode 100644 index 0000000..80bddcc Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content8.png differ diff --git a/public/images/floor-plans/marasi-drive/podium/content9.png b/public/images/floor-plans/marasi-drive/podium/content9.png new file mode 100644 index 0000000..02cf0a2 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/podium/content9.png differ diff --git a/public/images/floor-plans/marasi-drive/rooftop/content.png b/public/images/floor-plans/marasi-drive/rooftop/content.png new file mode 100644 index 0000000..d5a9e46 Binary files /dev/null and b/public/images/floor-plans/marasi-drive/rooftop/content.png differ diff --git a/public/videos/dubai-marina/GroundDubaiMarina.mp4 b/public/videos/dubai-marina/GroundDubaiMarina.mp4 new file mode 100644 index 0000000..d8785a4 Binary files /dev/null and b/public/videos/dubai-marina/GroundDubaiMarina.mp4 differ diff --git a/public/videos/dubai-marina/PodiumDubaiMarina.mp4 b/public/videos/dubai-marina/PodiumDubaiMarina.mp4 new file mode 100644 index 0000000..5a69d41 Binary files /dev/null and b/public/videos/dubai-marina/PodiumDubaiMarina.mp4 differ diff --git a/public/videos/dubai-marina/SkyDubaiMarina.mp4 b/public/videos/dubai-marina/SkyDubaiMarina.mp4 new file mode 100644 index 0000000..1d53052 Binary files /dev/null and b/public/videos/dubai-marina/SkyDubaiMarina.mp4 differ diff --git a/public/videos/marasi-drive/GroundMarasiDrive.mp4 b/public/videos/marasi-drive/GroundMarasiDrive.mp4 new file mode 100644 index 0000000..6f2076a Binary files /dev/null and b/public/videos/marasi-drive/GroundMarasiDrive.mp4 differ diff --git a/public/videos/marasi-drive/Podium2MarasiDrive.mp4 b/public/videos/marasi-drive/Podium2MarasiDrive.mp4 new file mode 100644 index 0000000..d5f338a Binary files /dev/null and b/public/videos/marasi-drive/Podium2MarasiDrive.mp4 differ diff --git a/public/videos/marasi-drive/PodiumMarasiDrive.mp4 b/public/videos/marasi-drive/PodiumMarasiDrive.mp4 new file mode 100644 index 0000000..d0b992c Binary files /dev/null and b/public/videos/marasi-drive/PodiumMarasiDrive.mp4 differ diff --git a/public/videos/marasi-drive/RooftopMarasiDrive.mp4 b/public/videos/marasi-drive/RooftopMarasiDrive.mp4 new file mode 100644 index 0000000..286aa9f Binary files /dev/null and b/public/videos/marasi-drive/RooftopMarasiDrive.mp4 differ diff --git a/public/videos/marasi-drive/SkyGardenMarasiDrive.mp4 b/public/videos/marasi-drive/SkyGardenMarasiDrive.mp4 new file mode 100644 index 0000000..b002a8b Binary files /dev/null and b/public/videos/marasi-drive/SkyGardenMarasiDrive.mp4 differ diff --git a/src/components/AmentitiesCard.tsx b/src/components/AmentitiesCard.tsx index 879eb4a..29d7fd3 100644 --- a/src/components/AmentitiesCard.tsx +++ b/src/components/AmentitiesCard.tsx @@ -1,16 +1,26 @@ +import clsx from "clsx"; + interface AmentitiesCardProps { - icon: React.ReactNode; + icon?: React.ReactNode; title: string; } -function AmentitiesCard({ icon, title }: AmentitiesCardProps) { +function AmentitiesBadge({ icon, title }: AmentitiesCardProps) { return ( -
-
- {icon} -
+
+ {icon && ( +
+ {icon} +
+ )}

{title}

); } -export default AmentitiesCard; +export default AmentitiesBadge; diff --git a/src/components/AmentitiesContentSlider.tsx b/src/components/AmentitiesContentSlider.tsx new file mode 100644 index 0000000..802fa45 --- /dev/null +++ b/src/components/AmentitiesContentSlider.tsx @@ -0,0 +1,73 @@ +import { useState } from "react"; +import { useSwipeable } from "react-swipeable"; +import Button from "./ui/Button"; +import ArrowLeftIcon from "./icons/ArrowLeftIcon"; +import ArrowRightIcon from "./icons/ArrowRightIcon"; + +function AmentitiesContentSlider({ srcs }: { srcs: string[] }) { + const [current, setCurrent] = useState(0); + + const handlers = useSwipeable({ + onSwipedLeft: handleNext, + onSwipedRight: handlePrev, + preventScrollOnSwipe: true, + touchEventOptions: { + passive: false, + }, + trackMouse: true, + }); + + function handlePrev() { + setCurrent((prev) => Math.max(0, prev - 1)); + } + + function handleNext() { + setCurrent((prev) => Math.min(srcs.length - 1, prev + 1)); + } + + return ( +
+
+ {srcs.map((src) => ( + + ))} +
+ + +
+ ); +} + +export default AmentitiesContentSlider; diff --git a/src/components/FloorPopup.tsx b/src/components/FloorPopup.tsx index eb09a13..f21ba3b 100644 --- a/src/components/FloorPopup.tsx +++ b/src/components/FloorPopup.tsx @@ -23,7 +23,7 @@ function FloorPopup({ title, position, data, complexName }: FloorMarkerProps) { transition={{ duration: 0.1 }} style={{ top: position[1], left: position[0] }} className={clsx( - "absolute z-100 2xl:rounded-[1.111vw] 2xl:p-[1.111vw] p-4 rounded-2xl flex flex-col 2xl:gap-[1.111vw] bg-white transition-opacity duration-300 -translate-y-1/2 2xl:w-[17.222vw] md:max-2xl:w-70 w-screen", + "absolute z-1 2xl:rounded-[1.111vw] 2xl:p-[1.111vw] p-4 rounded-2xl flex flex-col 2xl:gap-[1.111vw] bg-white transition-opacity duration-300 -translate-y-1/2 2xl:w-[17.222vw] md:max-2xl:w-70 w-screen", title.startsWith("West") ? "translate-x-[calc(1.25vw)]" : "-translate-x-[calc(100%+1.25vw)]" diff --git a/src/components/FloorSelect.tsx b/src/components/FloorSelect.tsx index bee027f..942cb03 100644 --- a/src/components/FloorSelect.tsx +++ b/src/components/FloorSelect.tsx @@ -172,9 +172,12 @@ function FloorSelect({
{data && hoveredFloor && - data.some( + (data.some( ({ floor }) => floor === +hoveredFloor!.split(" ").at(-1)! - ) && ( + ) || + ["Rooftop", "Ground Level", "Podium Level", "Sky Garden"].includes( + hoveredFloor + )) && ( diff --git a/src/components/VideoModal.tsx b/src/components/VideoModal.tsx new file mode 100644 index 0000000..6182f32 --- /dev/null +++ b/src/components/VideoModal.tsx @@ -0,0 +1,15 @@ +function VideoModal({ src }: { src: string }) { + return ( +
+
+ ); +} + +export default VideoModal; diff --git a/src/components/floor-plans/dubai-marina/GroundDubaiMarina.tsx b/src/components/floor-plans/dubai-marina/GroundDubaiMarina.tsx index 0470e98..405177d 100644 --- a/src/components/floor-plans/dubai-marina/GroundDubaiMarina.tsx +++ b/src/components/floor-plans/dubai-marina/GroundDubaiMarina.tsx @@ -1,6 +1,13 @@ +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; function GroundDubaiMarina() { + const { setModal } = useModalStore(); + return (
@@ -8,14 +15,57 @@ function GroundDubaiMarina() {

Ground Level

-
+
podium +
+
+

Amenities

+
+ {[ + "Residential Entrance", + "Multifunctional Feature Staircase", + "Lobby Lounge & Concierge", + "Outdoor Landscape Seating Area", + "Lift Lobby", + "Rove Cafe & Energize Bar", + "Organic Smart Gardens & Seating", + "Co-working Area ", + "24x7 Convenience Store", + "WCs", + "Visitor Parking", + "EV Charging Stations", + "Bicycle/Scooter Rental & Storage", + "Drop-off Area", + ].map((amentity) => ( + + ))} +
+
+
); } diff --git a/src/components/floor-plans/dubai-marina/PodiumDubaiMarina.tsx b/src/components/floor-plans/dubai-marina/PodiumDubaiMarina.tsx index 331647b..ff8dcd4 100644 --- a/src/components/floor-plans/dubai-marina/PodiumDubaiMarina.tsx +++ b/src/components/floor-plans/dubai-marina/PodiumDubaiMarina.tsx @@ -1,7 +1,15 @@ +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; import AmenitiesBadge from "../../icons/AmenitiesBadge"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; +import AmentitiesContentSlider from "../../AmentitiesContentSlider"; function PodiumDubaiMarina() { + const { setModal } = useModalStore(); + return (
@@ -13,14 +21,76 @@ function PodiumDubaiMarina() {
-
+
podium +
+
+

Indoor Amenities

+
+ {[ + "Multipurpose Hall", + "Gaming Lounge", + "State-of-the-art Gym", + "7m Climbing Wall", + "Changing Rooms & Lockers", + "Hydration Station", + "Boutique Fitness Studio - Crank", + "Rentable Guest Rooms", + ].map((amentity) => ( + + ))} +
+
+
+
+

Outdoor Amenities

+
+ {[ + "Semi-Olympic Leisure Pool", + "Outdoor Cinema & Amphitheatre", + "Water Feature Wall", + "Multipurpose Fitness Pool", + "Communal Gardens", + "BBQ & Social Zone", + "Popsicle Cart", + "Gaming Lounge - Terrace", + "Zen Library", + "Co-working Area", + "Multipurpose Hall with Terrace", + "Marina View Chill Zone", + "Outdoor Gym", + ].map((amentity) => ( + + ))} +
+
+
); } diff --git a/src/components/floor-plans/dubai-marina/RooftopDubaiMarina.tsx b/src/components/floor-plans/dubai-marina/RooftopDubaiMarina.tsx index 9edcbc0..5c78ab6 100644 --- a/src/components/floor-plans/dubai-marina/RooftopDubaiMarina.tsx +++ b/src/components/floor-plans/dubai-marina/RooftopDubaiMarina.tsx @@ -1,6 +1,13 @@ +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; function RooftopDubaiMarina() { + const { setModal } = useModalStore(); + return (
@@ -8,14 +15,57 @@ function RooftopDubaiMarina() {

Sky 44 - Rooftop

-
+
podium +
+
+

Amenities

+
+ {[ + "Sky Viewing Lounges", + "Convertible Indoor Infinity Pool", + "Marina View Amphitheatre", + "Ultra Shield Oxygen Pod", + "Aroma Steam Pod", + "Reflexology Pool", + "Cold Bucket Experience Shower Pod", + "Experience Shower Pod", + "Cold Plunge Pool", + "Salt Steam Pod", + "Finnish Sauna Pod", + "Water Feature Wall", + "Vitality Pool", + "Changing Rooms and Lockers", + ].map((amentity) => ( + + ))} +
+
+
); } diff --git a/src/components/floor-plans/marasi-drive/GroundMarasiDrive.tsx b/src/components/floor-plans/marasi-drive/GroundMarasiDrive.tsx index f02c6ab..4f7f4bb 100644 --- a/src/components/floor-plans/marasi-drive/GroundMarasiDrive.tsx +++ b/src/components/floor-plans/marasi-drive/GroundMarasiDrive.tsx @@ -1,4 +1,6 @@ -import AmentitiesCard from "../../AmentitiesCard"; +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; +import AmentitiesContentSlider from "../../AmentitiesContentSlider"; import ConvenienceIcon from "../../icons/amentities/ConvenienceIcon"; import CoworkingIcon from "../../icons/amentities/CoworkingIcon"; import LoungingSpaceIcon from "../../icons/amentities/LoungingSpaceIcon"; @@ -6,9 +8,14 @@ import LushLandscapeIcon from "../../icons/amentities/LushLandscapeIcon"; import PrivateMeetingRoomsIcon from "../../icons/amentities/PrivateMeetingRoomsIcon"; import RoveCafe from "../../icons/amentities/RoveCafe"; import SoundproofMeetingPodsIcon from "../../icons/amentities/SoundproofMeetingPodsIcon"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; function GroundMarasiDrive() { + const { setModal } = useModalStore(); + return (
@@ -16,38 +23,63 @@ function GroundMarasiDrive() {

Ground Level

-
+
podium +

Amenties

- } title="Rove Café" /> - } title="Lobby Lounge" /> - } title="Coworking Space" /> - } title="Rove Café" /> + } title="Lobby Lounge" /> + } title="Coworking Space" /> + } title="Outdoor Terrace" /> - } title="Private Meeting Rooms" /> - } title="Convenience Store" /> - } title="Soundproof Meeting Pods" />
+
); } diff --git a/src/components/floor-plans/marasi-drive/PodiumMarasiDrive.tsx b/src/components/floor-plans/marasi-drive/PodiumMarasiDrive.tsx index b6e55d8..bb245c9 100644 --- a/src/components/floor-plans/marasi-drive/PodiumMarasiDrive.tsx +++ b/src/components/floor-plans/marasi-drive/PodiumMarasiDrive.tsx @@ -1,4 +1,4 @@ -import AmentitiesCard from "../../AmentitiesCard"; +import AmentitiesBadge from "../../AmentitiesCard"; import AmenitiesBadge from "../../icons/AmenitiesBadge"; import ArcadeGameIcon from "../../icons/amentities/ArcadeGameIcon"; import ChangingRoomIcon from "../../icons/amentities/ChangingRoomIcon"; @@ -27,8 +27,15 @@ import IntegratedLapPoolIcon from "../../icons/amentities/IntegratedLapPoolIcon" import SunkenGardensIcon from "../../icons/amentities/SunkenGardensIcon"; import GamingTerraceIcon from "../../icons/amentities/GamingTerraceIcon"; import CoworkingIcon from "../../icons/amentities/CoworkingIcon"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; +import PlayIcon from "../../icons/PlayIcon"; +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesContentSlider from "../../AmentitiesContentSlider"; function PodiumMarasiDrive() { + const { setModal } = useModalStore(); + return (
@@ -40,88 +47,124 @@ function PodiumMarasiDrive() {
-
+
podium +

Indoor Amenties

- } title="Indoor Lounge" /> - } title="Monkey Bars" /> - } title="Karaoke Room" /> - } title="Arcade Games" /> - } title="Climbing Wall" /> - } title="Playstation Deck" /> - } title="Indoor Lounge" /> + } title="Monkey Bars" /> + } title="Karaoke Room" /> + } title="Arcade Games" /> + } title="Climbing Wall" /> + } + title="Playstation Deck" + /> + } title="Fully Equipped Gym" /> - } title="Changing Rooms" /> - } title="Changing Rooms" /> + } title="Hammock Movie Lounge" /> - } title="Guest Rooms" /> - } title="Guest Rooms" /> + } title="Multi Ball Interactive Gaming" /> - } title="Multi-purpose Room for Kitchen" /> - } title="Gaming Lounge" /> + } title="Gaming Lounge" />

Outdoor Amenties

- } title="Urban Beach Pool" /> - } title="Jacuzzi" /> - } title="Yoga Lounge" /> - } title="Sun Lounging Pool" /> - } title="Jacuzzi" /> + } title="Yoga Lounge" /> + } title="Sun Lounging Pool" /> + } title="Cascading Leisure Pool" /> - } title="AquaCycling" /> - } title="Open-Air Gym" /> - } title="AquaCycling" /> + } title="Open-Air Gym" /> + } title="Rove Beverage Truck" /> - } title="Cabanas with Daybeds" /> - } title="Integrated Lap Pool" /> - } title="Sunken Gardens" /> - } + title="Sunken Gardens" + /> + } title="Outdoor Multi-Purpose Terrace" /> - } title="Outdoor Gaming Terrace" /> - } title="Outdoor Coworking Space" />
+
); } diff --git a/src/components/floor-plans/marasi-drive/RooftopMarasiDrive.tsx b/src/components/floor-plans/marasi-drive/RooftopMarasiDrive.tsx index 74451a3..01da02a 100644 --- a/src/components/floor-plans/marasi-drive/RooftopMarasiDrive.tsx +++ b/src/components/floor-plans/marasi-drive/RooftopMarasiDrive.tsx @@ -1,4 +1,5 @@ -import AmentitiesCard from "../../AmentitiesCard"; +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; import BBQTerraceIcon from "../../icons/amentities/BBQTerraceIcon"; import CabanasWithDaybeds from "../../icons/amentities/CabanasWithDaybeds"; import CommunalDiningTablesRoundedIcon from "../../icons/amentities/CommunalDiningTablesRoundedIcon"; @@ -9,9 +10,14 @@ import RooftopGardenIcon from "../../icons/amentities/RooftopGardenIcon"; import StargazingIcon from "../../icons/amentities/StargazingIcon"; import SunkenSeatingIcon from "../../icons/amentities/SunkenSeatingIcon"; import ViewingDeckWithWingsIcon from "../../icons/amentities/ViewingDeckWithWingsIcon"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; function RooftopMarasiDrive() { + const { setModal } = useModalStore(); + return (
@@ -19,36 +25,60 @@ function RooftopMarasiDrive() {

Rooftop

-
+
podium +

Amenties

- } title="Stargazing Point" /> - } title="BBQ Terrace" /> - } title="Stargazing Point" /> + } title="BBQ Terrace" /> + } title="Outdoor Kitchen" /> - } title="Cabanas with Daybeds" /> - } title="Viewing Deck with Wings" /> - } title="Lounging Space" /> - } title="Sunken Seating" /> - } title="Firepit" /> - } title="Rooftop Garden" /> - } + title="Lounging Space" + /> + } + title="Sunken Seating" + /> + } title="Firepit" /> + } + title="Rooftop Garden" + /> + } title="Communal Dining Tables" /> diff --git a/src/components/floor-plans/marasi-drive/SkyGardenMarasiDrive.tsx b/src/components/floor-plans/marasi-drive/SkyGardenMarasiDrive.tsx index 01e52ff..5dd4a06 100644 --- a/src/components/floor-plans/marasi-drive/SkyGardenMarasiDrive.tsx +++ b/src/components/floor-plans/marasi-drive/SkyGardenMarasiDrive.tsx @@ -1,4 +1,5 @@ -import AmentitiesCard from "../../AmentitiesCard"; +import useModalStore from "../../../stores/useModalStore"; +import AmentitiesBadge from "../../AmentitiesCard"; import AmenitiesBadge from "../../icons/AmenitiesBadge"; import AmphitheatreIcon from "../../icons/amentities/AmphitheatreIcon"; import BoulderingWallIcon from "../../icons/amentities/BoulderingWallIcon"; @@ -17,9 +18,14 @@ import RunningWheelIcon from "../../icons/amentities/RunningWheelIcon"; import SunLoungeIcon from "../../icons/amentities/SunLoungeIcon"; import SuspendedLoungingNetsIcon from "../../icons/amentities/SuspendedLoungingNetsIcon"; import WellnessIcon from "../../icons/amentities/WellnessIcon"; +import PlayIcon from "../../icons/PlayIcon"; import Badge from "../../ui/Badge"; +import Button from "../../ui/Button"; +import VideoModal from "../../VideoModal"; function SkyGardenMarasiDrive() { + const { setModal } = useModalStore(); + return (
@@ -31,55 +37,73 @@ function SkyGardenMarasiDrive() {
-
+
sky-garden +

Indoor Amenties

- } title="Indoor Lap Pool" /> - } title="Wellness Features" /> - } title="Changing Rooms" /> + } title="Indoor Lap Pool" /> + } title="Wellness Features" /> + } title="Changing Rooms" />

Outdoor Amenties

- } title="Padel Pong" /> - } title="Sun Lounging Deck" /> - } title="Outdoor Cinema" /> - } title="Padel Pong" /> + } title="Sun Lounging Deck" /> + } title="Outdoor Cinema" /> + } title="Bouldering Wall" /> - } title="Ping Pong in a Tube" /> - } title="Amphitheatre" /> - } title="Amphitheatre" /> + } title="Communal Dining Tables" /> - } title="Suspended Lounging Nets " /> - } title="Lush Landscape" /> - } title="Running Wheel" /> - } title="Chess Tables" /> - } title="Climbing Wall" /> - } + title="Lush Landscape" + /> + } title="Running Wheel" /> + } title="Chess Tables" /> + } title="Climbing Wall" /> + } title="Outdoor Coworking Space" /> - } title="Multi-purpose Court" />