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.

2025-05-27 19:37:22 +05:00
parent 83d2663dc2
commit 5d7ff3eb2a
5 changed files with 105 additions and 105 deletions
@@ -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}>
@@ -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}>
@@ -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",
    },
  },
@@ -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",
    },
  },
@@ -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>