From 5d7ff3eb2a3465d36d30a730f4aa1a8fb43ebb6c Mon Sep 17 00:00:00 2001
From: inmake <inmake.ru@gmail.com>
Date: Tue, 27 May 2025 19:37:22 +0500
Subject: [PATCH] Refactor floor plan components: update text size in
 FloorPlanDubaiMarina and FloorPlanMarasiDrive, and modify unit types and
 numbers in floor plan masks for both Dubai Marina and Marasi Drive.

---
 src/components/FloorPlanDubaiMarina.tsx   |   2 +-
 src/components/FloorPlanMarasiDrive.tsx   |   2 +-
 src/data/floor-plan-masks/dubai-marina.ts | 128 +++++++++++-----------
 src/data/floor-plan-masks/marasi-drive.ts |  76 ++++++-------
 src/pages/FloorsPage.tsx                  |   2 +-
 5 files changed, 105 insertions(+), 105 deletions(-)

diff --git a/src/components/FloorPlanDubaiMarina.tsx b/src/components/FloorPlanDubaiMarina.tsx
index bf16b95..8d68a6b 100644
--- a/src/components/FloorPlanDubaiMarina.tsx
+++ b/src/components/FloorPlanDubaiMarina.tsx
@@ -34,7 +34,7 @@ function FloorPlanDubaiMarina({
           <path d={mask.path} />
           <text
             transform={`translate(${mask.text.x} ${mask.text.y})`}
-            className="fill-white text-[9px] select-none"
+            className="fill-white text-[8px] select-none"
             textAnchor="middle"
           >
             <tspan x={0} y={0}>
diff --git a/src/components/FloorPlanMarasiDrive.tsx b/src/components/FloorPlanMarasiDrive.tsx
index ad6293a..4b9e58e 100644
--- a/src/components/FloorPlanMarasiDrive.tsx
+++ b/src/components/FloorPlanMarasiDrive.tsx
@@ -34,7 +34,7 @@ function FloorPlanMarasiDrive({
           <path d={mask.path} />
           <text
             transform={`translate(${mask.text.x} ${mask.text.y})`}
-            className="fill-white text-[9px] select-none"
+            className="fill-white text-[8px] select-none"
             textAnchor="middle"
           >
             <tspan x={0} y={0}>
diff --git a/src/data/floor-plan-masks/dubai-marina.ts b/src/data/floor-plan-masks/dubai-marina.ts
index d74b785..5db3432 100644
--- a/src/data/floor-plan-masks/dubai-marina.ts
+++ b/src/data/floor-plan-masks/dubai-marina.ts
@@ -6,7 +6,7 @@ export const floorPlanMasksDubaiMarina = [
       x: 85,
       y: 232,
       unitNumber: "1",
-      unitType: "qwe",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -16,7 +16,7 @@ export const floorPlanMasksDubaiMarina = [
       x: 56,
       y: 315,
       unitNumber: "2",
-      unitType: "1 BR² — B",
+      unitType: "Studio² — B",
     },
   },
   {
@@ -25,8 +25,8 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 107,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "3",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -35,8 +35,8 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 183,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "4",
+      unitType: "Studio² — A",
     },
   },
   {
@@ -45,8 +45,8 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 239,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "5",
+      unitType: "Studio² — A",
     },
   },
   {
@@ -55,8 +55,8 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 316,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "6",
+      unitType: "1 BR² — A",
     },
   },
   {
@@ -65,28 +65,28 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 393,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "7",
+      unitType: "Studio² — A",
     },
   },
   {
     id: 8,
     path: "M423.5 338.37h3.38c.55 0 1-.45 1-1v-8.31c0-.55.45-1 1-1h38.33c.55 0 1 .45 1 1v8.3c0 .55.45 1 1 1h6.08c.55 0 1 .45 1 1v92.25h1.8v18.73s.11 3.35 0 3.46l-10.27 9.5a8.01 8.01 0 0 1-9.56 1.33l-24.9-13.9c-.15-.08-.32-.13-.49-.13h-9.38c-.55 0-1-.45-1-1V339.36c0-.55.45-1 1-1Z",
     text: {
-      x: 451,
-      y: 397,
-      unitNumber: "####",
-      unitType: "##########",
+      x: 449,
+      y: 390,
+      unitNumber: "8",
+      unitType: "Studio² — A",
     },
   },
   {
     id: 9,
     path: "M483.58 337.26v-9.76h42.64v22.41h30V358h17.46v24.14h-4.02v48.93h4.12v18.59l-11.74 12.61a8.01 8.01 0 0 1-7.98 2.26l-53.9-14.87h-19.7v-18.59h1.67v-49h-3.95v-44.79h5.4Z",
     text: {
-      x: 500,
+      x: 525,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "9",
+      unitType: "1 BR² — A",
     },
   },
   {
@@ -95,117 +95,117 @@ export const floorPlanMasksDubaiMarina = [
     text: {
       x: 570,
       y: 316,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "10",
+      unitType: "Studio² — B",
     },
   },
   {
     id: 11,
     path: "M495.64 241.6h-17.41v45.48h7.19v10.13h22.29v-4.45h12.26v-1.33h22.81v-6.06h47.75v4.76h18.55v-9.82h8.52v-46.33H495.63v7.62Z",
     text: {
-      x: 495,
-      y: 260,
-      unitNumber: "####",
-      unitType: "##########",
+      x: 540,
+      y: 256,
+      unitNumber: "11",
+      unitType: "Studio² — C",
     },
   },
   {
     id: 12,
     path: "M495.64 223.94h-17.41v-44.9h7.19v-10.13h22.29v4.45h12.26v1.33h22.81v6.06h47.75v-4.76h18.55v9.82h8.52v45.75H495.63v-7.62Z",
     text: {
-      x: 495,
-      y: 200,
-      unitNumber: "####",
-      unitType: "##########",
+      x: 540,
+      y: 201,
+      unitNumber: "12",
+      unitType: "Studio² — C",
     },
   },
   {
     id: 13,
     path: "M576.92 85.4h51.77c.55 0 1 .45 1 1v84.99c0 .55-.45 1-1 1h-107.5c-.55 0-1-.45-1-1v-7.86c0-.55-.45-1-1-1h-7.73c-.55 0-1-.45-1-1v-20.02c0-.55.45-1 1-1h15.92c.55 0 1-.45 1-1l-.04-10.95c0-.55.45-1 1-1h8.37c.55 0 1-.44 1-1l.04-7.86c0-.55.45-.99 1-.99h35.18c.55 0 1-.45 1-1V86.4c0-.55.45-1 1-1Z",
     text: {
-      x: 555,
-      y: 85,
-      unitNumber: "709",
-      unitType: "1 BR",
+      x: 570,
+      y: 140,
+      unitNumber: "13",
+      unitType: "Studio² — B",
     },
   },
   {
     id: 14,
     path: "M483.58 128.54v9.76h42.64v-22.41h30v-8.08h17.46V83.67h-4.02V34.74h4.12V16.15L562.04 3.54a8.01 8.01 0 0 0-7.98-2.26l-53.9 14.87h-19.7v18.59h1.67v49h-3.95v44.79h5.4Z",
     text: {
-      x: 500,
-      y: 85,
-      unitNumber: "708",
-      unitType: "1 BR",
+      x: 525,
+      y: 75,
+      unitNumber: "14",
+      unitType: "1 BR² — A",
     },
   },
   {
     id: 15,
     path: "M423.5 128.98h3.38c.55 0 1 .45 1 1v8.31c0 .55.45 1 1 1h38.33c.55 0 1-.45 1-1v-8.3c0-.55.45-1 1-1h6.08c.55 0 1-.45 1-1V35.73h1.8V17s.11-3.35 0-3.46l-10.27-9.5a8.01 8.01 0 0 0-9.56-1.33l-24.9 13.9c-.15.08-.32.13-.49.13h-9.38c-.55 0-1 .45-1 1v110.24c0 .55.45 1 1 1Z",
     text: {
-      x: 445,
-      y: 85,
-      unitNumber: "707",
-      unitType: "1 BR",
+      x: 449,
+      y: 75,
+      unitNumber: "15",
+      unitType: "Studio² — A",
     },
   },
   {
     id: 16,
     path: "M371.29 128.98h-3.25c-.55 0-1-.45-1-1V35.73h-1.17c-.41 0-.74-.33-.74-.74V17.75c0-.55.45-1 1-1h6.3c.17 0 .34-.04.49-.13l24.9-13.9a8.01 8.01 0 0 1 9.56 1.33l13.06 12.4c.19.19.29.44.29.71v110.83c0 .55-.45 1-1 1h-6.55c-.55 0-1 .45-1 1v8.3c0 .55-.45 1-1 1H373.3c-.55 0-1-.45-1-1v-8.31c0-.55-.45-1-1-1Z",
     text: {
-      x: 390,
-      y: 85,
-      unitNumber: "706",
-      unitType: "1 BR",
+      x: 392,
+      y: 75,
+      unitNumber: "16",
+      unitType: "Studio² — A",
     },
   },
   {
     id: 17,
     path: "M268.37 85.09v21.73c0 .55.45 1 1 1h15.52c.55 0 1 .45 1 1v6.04c0 .55.45 1 1 1h28.02c.55 0 1 .45 1 1v20.43c0 .55.45 1 1 1h40.56c.55 0 1-.45 1-1v-7.82c0-.55.45-1 1-1h3.76c.55 0 1-.45 1-1V85.08c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1V35.59c0-.5-.04-.9.46-.9s.9-.4.9-.9V14.08c0-.27-.11-.54-.31-.72l-8.85-8.85a9 9 0 0 0-8.53-2.18l-52.8 14.11c-.08.02-.17.03-.26.03h-18.33c-.55 0-1 .45-1 1v16.29c0 .55.45 1 1 1s.75.45.75 1V83.1c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1Z",
     text: {
-      x: 290,
-      y: 85,
-      unitNumber: "705",
-      unitType: "1 BR",
+      x: 316,
+      y: 75,
+      unitNumber: "17",
+      unitType: "1 BR² — A",
     },
   },
   {
     id: 18,
     path: "M213.32 128.98h3.38c.55 0 1 .45 1 1v8.31c0 .55.45 1 1 1h38.33c.55 0 1-.45 1-1v-8.3c0-.55.45-1 1-1h6.08c.55 0 1-.45 1-1V35.73h1.8V17s.11-3.35 0-3.46l-10.27-9.5a8.01 8.01 0 0 0-9.56-1.33l-24.9 13.9c-.15.08-.32.13-.49.13h-9.38c-.55 0-1 .45-1 1v110.24c0 .55.45 1 1 1Z",
     text: {
-      x: 235,
-      y: 85,
-      unitNumber: "704",
-      unitType: "1 BR",
+      x: 239,
+      y: 75,
+      unitNumber: "18",
+      unitType: "Studio² — A",
     },
   },
   {
     id: 19,
     path: "M161.1 128.98h-3.25c-.55 0-1-.45-1-1V35.73h-1.17c-.41 0-.74-.33-.74-.74V17.75c0-.55.45-1 1-1h6.3c.17 0 .34-.04.49-.13l24.9-13.9a8.01 8.01 0 0 1 9.56 1.33l13.06 12.4c.19.19.29.44.29.71v110.83c0 .55-.45 1-1 1h-6.55c-.55 0-1 .45-1 1v8.3c0 .55-.45 1-1 1h-37.88c-.55 0-1-.45-1-1v-8.31c0-.55-.45-1-1-1Z",
     text: {
-      x: 180,
-      y: 85,
-      unitNumber: "703",
-      unitType: "1 BR",
+      x: 183,
+      y: 75,
+      unitNumber: "19",
+      unitType: "1 BR² — A",
     },
   },
   {
     id: 20,
     path: "M58.6 85.09v21.73c0 .55.45 1 1 1h15.96c.55 0 1 .45 1 1v6.04c0 .55.45 1 1 1h27.58c.55 0 1 .45 1 1v20.43c0 .55.45 1 1 1h40.56c.55 0 1-.45 1-1v-7.82c0-.55.45-1 1-1h3.76c.55 0 1-.45 1-1V85.08c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1V35.59c0-.5.4-.9.9-.9s.9-.4.9-.9V14.08c0-.27-.11-.54-.31-.72l-9.29-8.85a9 9 0 0 0-8.53-2.18l-52.8 14.11c-.08.02-.17.03-.26.03H60.46c-.55 0-1 .45-1 1v16.29c0 .55.45 1 1 1h1.59c.55 0 1 .45 1 1V83.1c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1Z",
     text: {
-      x: 85,
-      y: 85,
-      unitNumber: "702",
-      unitType: "1 BR",
+      x: 107,
+      y: 75,
+      unitNumber: "20",
+      unitType: "Studio² — B",
     },
   },
   {
     id: 21,
     path: "M55.26 85.4H5.31c-.55 0-1 .45-1 1v84.99c0 .55.45 1 1 1h106.12c.55 0 1-.45 1-1v-7.86c0-.55.45-1 1-1h7.72c.55 0 1-.45 1-1v-20.02c0-.55-.45-1-1-1h-15.92c-.55 0-1-.45-1-1v-10.77c0-.55-.45-1-1-1h-8.72c-.55 0-1-.45-1-1v-8.03c0-.55-.45-1-1-1H57.26c-.55 0-1-.45-1-1V86.4c0-.55-.45-1-1-1",
     text: {
-      x: 85,
-      y: 85,
-      unitNumber: "701",
+      x: 55,
+      y: 140,
+      unitNumber: "21",
       unitType: "1 BR² — B",
     },
   },
diff --git a/src/data/floor-plan-masks/marasi-drive.ts b/src/data/floor-plan-masks/marasi-drive.ts
index 5c4cd01..63f9fa6 100644
--- a/src/data/floor-plan-masks/marasi-drive.ts
+++ b/src/data/floor-plan-masks/marasi-drive.ts
@@ -6,7 +6,7 @@ export const floorPlanMasksMarasiDrive = [
       x: 85,
       y: 232,
       unitNumber: "1",
-      unitType: "qwe",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -25,8 +25,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 107,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "3",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -35,8 +35,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 183,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "4",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -45,8 +45,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 239,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "5",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -55,8 +55,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 316,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "6",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -65,8 +65,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 393,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "7",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -75,8 +75,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 451,
       y: 397,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "8",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -85,8 +85,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 500,
       y: 390,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "9",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -95,8 +95,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 570,
       y: 316,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "10",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -105,8 +105,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 495,
       y: 260,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "11",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -115,8 +115,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 495,
       y: 200,
-      unitNumber: "####",
-      unitType: "##########",
+      unitNumber: "12",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -125,8 +125,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 555,
       y: 85,
-      unitNumber: "709",
-      unitType: "1 BR",
+      unitNumber: "13",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -135,8 +135,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 500,
       y: 85,
-      unitNumber: "708",
-      unitType: "1 BR",
+      unitNumber: "14",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -145,8 +145,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 445,
       y: 85,
-      unitNumber: "707",
-      unitType: "1 BR",
+      unitNumber: "15",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -155,8 +155,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 390,
       y: 85,
-      unitNumber: "706",
-      unitType: "1 BR",
+      unitNumber: "16",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -165,8 +165,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 290,
       y: 85,
-      unitNumber: "705",
-      unitType: "1 BR",
+      unitNumber: "17",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -175,8 +175,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 235,
       y: 85,
-      unitNumber: "704",
-      unitType: "1 BR",
+      unitNumber: "18",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -185,8 +185,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 180,
       y: 85,
-      unitNumber: "703",
-      unitType: "1 BR",
+      unitNumber: "19",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -195,8 +195,8 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 85,
       y: 85,
-      unitNumber: "702",
-      unitType: "1 BR",
+      unitNumber: "20",
+      unitType: "1 BR² — B",
     },
   },
   {
@@ -205,7 +205,7 @@ export const floorPlanMasksMarasiDrive = [
     text: {
       x: 85,
       y: 85,
-      unitNumber: "701",
+      unitNumber: "21",
       unitType: "1 BR² — B",
     },
   },
diff --git a/src/pages/FloorsPage.tsx b/src/pages/FloorsPage.tsx
index 531fd27..83a586f 100644
--- a/src/pages/FloorsPage.tsx
+++ b/src/pages/FloorsPage.tsx
@@ -80,7 +80,7 @@ function FloorsPage() {
                   <UnitTypeBadge type="2 Bedroom" count={7} />
                 </div>
               </div>
-              <div className="p-[1.111vw] bg-[#F3F3F2] rounded-[0.833vw]">
+              <div className="p-[4.444vw] bg-[#F3F3F2] rounded-[0.833vw]">
                 <FloorPlanDubaiMarina selectedFloor={selectedFloor} />
               </div>
             </div>