diff --git a/public/images/test.png b/public/images/test.png
new file mode 100644
index 0000000..ba2b799
Binary files /dev/null and b/public/images/test.png differ
diff --git a/src/components/TestComponent.tsx b/src/components/TestComponent.tsx
new file mode 100644
index 0000000..a2444e8
--- /dev/null
+++ b/src/components/TestComponent.tsx
@@ -0,0 +1,43 @@
+import { rooms } from "../data/room-masks/dubai-marina";
+
+const TestComponent = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 632 467.5"
+    className="w-full h-full"
+    {...props}
+  >
+    <image
+      // width={1264}
+      // height={935}
+      transform="scale(.5)"
+      xlinkHref="/images/test.png"
+    />
+    {rooms.map((room) => (
+      <g
+        key={room.id}
+        data-name={room.id}
+        className="fill-transparent hover:fill-[#00BED7]/40 isolate cursor-pointer transition-colors"
+        onClick={() => {
+          console.log(room.text.unitNumber);
+        }}
+      >
+        <path d={room.path} />
+        <text
+          transform={`translate(${room.text.x} ${room.text.y})`}
+          className="fill-white text-[9px] select-none"
+          textAnchor="middle"
+        >
+          <tspan x={0} y={0}>
+            {room.text.unitNumber}
+          </tspan>
+          <tspan x={0} y={15}>
+            {room.text.unitType}
+          </tspan>
+        </text>
+      </g>
+    ))}
+  </svg>
+);
+export default TestComponent;
diff --git a/src/data/room-masks/dubai-marina.ts b/src/data/room-masks/dubai-marina.ts
new file mode 100644
index 0000000..5cbfcdf
--- /dev/null
+++ b/src/data/room-masks/dubai-marina.ts
@@ -0,0 +1,212 @@
+export const rooms = [
+  {
+    id: 1,
+    path: "M40.81 288.95h-16.7c-.55 0-1-.45-1-1v-6.52c0-.55-.45-1-1-1h-5.74c-.55 0-1-.45-1-1v-92.56c0-.55.45-1 1-1h5.78c.55 0 1-.45 1-1v-8.31c0-.55.45-1 1-1h17.34c.55 0 1 .45 1 1v2.5c0 .55.45 1 1 1h46.35c.55 0 1-.45 1-1v-3.38c0-.55.45-1 1-1h34.77c.55 0 1 .45 1 1v45.53c0 .55.45 1 1 1h7.35c.55 0 1 .45 1 1v17.28c0 .55.45 1 1 1h15.5c.55 0 1 .45 1 1v43.27c0 .55-.45 1-1 1h-5.21c-.55 0-1 .45-1 1v7.83c0 .55-.45 1-1 1h-20.77c-.55 0-1-.45-1-1v-3.39c0-.55-.45-1-1-1H91.79c-.55 0-1-.45-1-1v-3.85c0-.55-.45-1-1-1H42.81c-.55 0-1 .45-1 1v1.61c0 .55-.45 1-1 1Z",
+    text: {
+      x: 85,
+      y: 232,
+      unitNumber: "1",
+      unitType: "qwe",
+    },
+  },
+  {
+    id: 2,
+    path: "M55.26 380.44H5.31c-.55 0-1-.45-1-1v-84.9c0-.55.45-1 1-1h106.12c.55 0 1 .45 1 1v7.76c0 .55.45 1 1 1h7.72c.55 0 1 .45 1 1v20.02c0 .55-.45 1-1 1h-15.92c-.55 0-1 .45-1 1v10.4c0 .55-.45 1-1 1h-8.72c-.55 0-1 .45-1 1v8.03c0 .55-.45 1-1 1H57.26c-.55 0-1 .45-1 1v30.68c0 .55-.45 1-1 1Z",
+    text: {
+      x: 56,
+      y: 315,
+      unitNumber: "2",
+      unitType: "1 BR² — B",
+    },
+  },
+  {
+    id: 3,
+    path: "M58.6 381.25v-21.73c0-.55.45-1 1-1h15.96c.55 0 1-.45 1-1v-6.04c0-.55.45-1 1-1h27.58c.55 0 1-.45 1-1v-20.43c0-.55.45-1 1-1h40.56c.55 0 1 .45 1 1v7.82c0 .55.45 1 1 1h3.76c.55 0 1 .45 1 1v42.39c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1v47.49c0 .5.4.9.9.9s.9.4.9.9v19.71c0 .27-.11.54-.31.72l-9.29 8.85a9 9 0 0 1-8.53 2.18l-52.8-14.11a1 1 0 0 0-.26-.03H60.46c-.55 0-1-.45-1-1v-16.29c0-.55.45-1 1-1h1.59c.55 0 1-.45 1-1v-47.34c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1Z",
+    text: {
+      x: 107,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    id: 4,
+    path: "M161.1 338.37h-3.25c-.55 0-1 .45-1 1v92.26h-1.17c-.41 0-.74.33-.74.74v17.24c0 .55.45 1 1 1h6.3c.17 0 .34.04.49.13l24.9 13.9a8.01 8.01 0 0 0 9.56-1.33l13.06-12.4a1 1 0 0 0 .29-.71V339.37c0-.55-.45-1-1-1h-6.55c-.55 0-1-.45-1-1v-8.3c0-.55-.45-1-1-1h-37.88c-.55 0-1 .45-1 1v8.31c0 .55-.45 1-1 1Z",
+    text: {
+      x: 183,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    id: 5,
+    path: "M213.32 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: 239,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    id: 6,
+    path: "M268.37 381.25v-21.73c0-.55.45-1 1-1h15.52c.55 0 1-.45 1-1v-6.04c0-.55.45-1 1-1h28.02c.55 0 1-.45 1-1v-20.43c0-.55.45-1 1-1h40.56c.55 0 1 .45 1 1v7.82c0 .55.45 1 1 1h3.76c.55 0 1 .45 1 1v42.39c0 .55-.45 1-1 1h-2.44c-.55 0-1 .45-1 1v47.49c0 .5-.04.9.46.9s.9.4.9.9v19.71c0 .27-.11.54-.31.72l-8.85 8.85a9 9 0 0 1-8.53 2.18l-52.8-14.11a1 1 0 0 0-.26-.03h-18.33c-.55 0-1-.45-1-1v-16.29c0-.55.45-1 1-1s.75-.45.75-1v-47.34c0-.55-.45-1-1-1h-2.44c-.55 0-1-.45-1-1Z",
+    text: {
+      x: 316,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    id: 7,
+    path: "M371.29 338.37h-3.25c-.55 0-1 .45-1 1v92.26h-1.17c-.41 0-.74.33-.74.74v17.24c0 .55.45 1 1 1h6.3c.17 0 .34.04.49.13l24.9 13.9a8.01 8.01 0 0 0 9.56-1.33l13.06-12.4a1 1 0 0 0 .29-.71V339.37c0-.55-.45-1-1-1h-6.55c-.55 0-1-.45-1-1v-8.3c0-.55-.45-1-1-1H373.3c-.55 0-1 .45-1 1v8.31c0 .55-.45 1-1 1Z",
+    text: {
+      x: 393,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    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: "##########",
+    },
+  },
+  {
+    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,
+      y: 390,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    id: 10,
+    path: "M576.92 380.43h51.77c.55 0 1-.45 1-1v-85c0-.55-.45-1-1-1H520.87c-.55 0-1 .45-1 1v7.87c0 .55-.45 1-1 1h-7.41c-.55 0-1 .45-1 1v20.02c0 .55.45 1 1 1h15.92c.55 0 1 .45 1 1v10.5c0 .55.45 1 1 1h8.72c.55 0 1 .45 1 1v7.94c0 .55.45 1 1 1h34.82c.55 0 1 .45 1 1v30.68c0 .55.45 1 1 1Z",
+    text: {
+      x: 570,
+      y: 316,
+      unitNumber: "####",
+      unitType: "##########",
+    },
+  },
+  {
+    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: "##########",
+    },
+  },
+  {
+    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: "##########",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+    },
+  },
+  {
+    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",
+      unitType: "1 BR² — B",
+    },
+  },
+];
diff --git a/src/main.tsx b/src/main.tsx
index 3ccfdec..b766ec6 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -15,6 +15,7 @@ import LayoutWithoutFooter from "./layout/LayoutWithoutFooter.tsx";
 import { queryClient } from "./lib/queryClient.ts";
 import AboutComplexPage from "./pages/AboutComplexPage.tsx";
 import UnitTypeItemPage from "./pages/UnitTypeItemPage.tsx";
+import TestPage from "./pages/TestPage.tsx";
 
 const route = createBrowserRouter([
   {
@@ -63,6 +64,10 @@ const route = createBrowserRouter([
       },
     ],
   },
+  {
+    path: "/test",
+    element: <TestPage />,
+  },
 ]);
 
 createRoot(document.getElementById("root")!).render(
diff --git a/src/pages/TestPage.tsx b/src/pages/TestPage.tsx
new file mode 100644
index 0000000..ca02196
--- /dev/null
+++ b/src/pages/TestPage.tsx
@@ -0,0 +1,356 @@
+import TestComponent from "../components/TestComponent";
+
+function TestPage() {
+  return (
+    <div className="relative h-screen">
+      <div className="h-screen left-0 top-0 absolute overflow-hidden">
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente
+        explicabo aut tenetur, minima, at ratione molestias maxime harum nulla,
+        perspiciatis voluptatibus quas? Earum, ab quam totam quasi explicabo
+        temporibus ex. Voluptas obcaecati suscipit eius pariatur soluta! Id
+        voluptate ducimus harum itaque laudantium aliquam voluptatem nulla
+        repudiandae magni officiis voluptatibus sed autem corrupti natus
+        impedit, blanditiis labore praesentium ab. Molestias, velit. Laudantium
+        ducimus reprehenderit ab, est reiciendis nisi suscipit minus natus,
+        quibusdam expedita nulla quis inventore officia hic ipsum sit ad, quam
+        facilis doloribus. Accusamus repellat dolores eaque incidunt ab numquam.
+        Reprehenderit corrupti excepturi iure molestiae perferendis, distinctio
+        ad? Culpa cum quaerat ipsa tempora totam delectus in, assumenda
+        laudantium ea provident explicabo cumque minus quos iste, asperiores
+        tenetur eaque. Quo, enim? Asperiores officiis cupiditate aut ea at
+        minus, voluptate assumenda, aliquid illo pariatur inventore dolorum
+        impedit magni dolorem earum, officia ipsa? Non esse culpa illum possimus
+        recusandae consequatur perspiciatis iure architecto. Sit, voluptas
+        molestiae dolor fuga nostrum, asperiores doloremque debitis enim
+        assumenda excepturi cum facilis ipsum illum animi repellendus ducimus ea
+        adipisci, numquam corrupti consequatur? Dolorum vel nisi vitae facilis
+        unde! Voluptates non cum autem eius qui deleniti, voluptatem accusamus
+        ex illum! Error neque ex placeat, ea distinctio ab, dolore officiis at
+        voluptates saepe reprehenderit odio temporibus quibusdam ipsum, sunt
+        non. Error soluta aliquid totam iure praesentium pariatur a consequatur
+        minus recusandae aut et doloribus, necessitatibus officiis cupiditate
+        dolorum, officia doloremque molestiae, dolores autem voluptates eveniet
+        quod voluptatibus. Unde, quaerat aliquid! Excepturi hic qui repellendus
+        rerum necessitatibus ducimus repellat minima rem doloremque impedit
+        voluptate perferendis, et quo dolores? Labore, commodi! Nobis unde
+        aperiam quos aspernatur placeat numquam laboriosam mollitia rem odit.
+        Natus ipsum architecto perferendis voluptatum aspernatur at,
+        necessitatibus quia. Sed ea aut quas, quaerat odit temporibus nemo
+        quibusdam voluptate, pariatur doloribus quisquam qui eos sint dolor
+        laudantium molestias repellat minima! Dolorum, quaerat? Aliquid
+        asperiores porro alias rem nihil necessitatibus aut eligendi
+        voluptatibus consectetur optio. Aliquam quidem laudantium cumque ullam
+        laboriosam? Quisquam recusandae rem repellat! Beatae suscipit quasi sint
+        eum fuga. Cumque rerum quod cupiditate voluptatum quia, perferendis
+        doloribus distinctio sapiente quas, accusantium rem dolor adipisci
+        deleniti unde officiis suscipit nulla eveniet ipsum. Quia et iusto
+        accusamus provident aperiam aut temporibus. Debitis consequuntur dolores
+        eveniet eligendi perferendis, ratione sint unde magnam accusamus culpa
+        laborum illum eius officiis cum deserunt alias, qui, ab voluptatibus
+        dolor ducimus nulla dignissimos. Quasi perspiciatis nihil rem? At, omnis
+        enim nobis illo earum magni porro magnam corporis repellendus beatae
+        saepe, adipisci voluptas dicta quia iure dolor minima exercitationem
+        dolores placeat reiciendis! Cupiditate molestiae assumenda libero
+        pariatur dolorum! Quasi eos minus, nostrum tempore aut delectus ad
+        exercitationem natus maiores sed voluptatem, hic, recusandae consequatur
+        asperiores possimus sapiente nihil a facilis aliquid velit rem! Illo,
+        distinctio. Magni, et aliquid! Molestiae eveniet repellat rem
+        consequuntur nesciunt, impedit ea nam commodi, itaque officia fuga nobis
+        a ad dolorum nisi omnis quos iusto. Quibusdam accusamus nam laboriosam
+        culpa exercitationem earum nihil! Ratione. Eaque odit, sed voluptatem
+        deserunt et reiciendis ducimus voluptatibus in magnam magni. Quis
+        architecto ab repellat commodi rem incidunt ullam, inventore, laudantium
+        est vel et voluptate assumenda fugit veritatis similique? Ipsa aperiam
+        cupiditate odit doloribus ex autem. Adipisci odio nam consequatur
+        reiciendis dolorem, in doloremque nihil, architecto necessitatibus
+        beatae incidunt expedita. Dolore sit eveniet tenetur dolores mollitia
+        totam qui reiciendis. Nemo exercitationem eaque voluptatibus amet facere
+        autem odio perferendis deserunt, eveniet modi id sit vero nisi
+        reiciendis, explicabo fugit cupiditate non quam adipisci excepturi
+        accusantium possimus soluta laboriosam nesciunt? Consectetur. Possimus
+        explicabo officia aliquid. Cumque perspiciatis animi enim nam minima!
+        Fuga eaque assumenda dicta obcaecati dolorum vero delectus, repellat
+        quae. At deleniti repudiandae facere optio quibusdam, saepe alias modi
+        minima. Iste cumque quasi, fuga, recusandae vel molestiae praesentium
+        adipisci, hic ipsa enim doloremque minima eaque. Autem modi iusto
+        accusamus reiciendis! Incidunt, expedita et neque quas sapiente magni ut
+        at? Quos! Similique voluptatum quam, dolore quae fugiat porro quos
+        provident dolor magnam natus in consequuntur doloribus tenetur veniam
+        ipsum eaque eligendi vero placeat ducimus odit esse. Maxime ab
+        asperiores rerum excepturi. Nisi soluta est veniam sapiente consectetur
+        iste laboriosam voluptates corrupti minus totam. Commodi quos laborum
+        earum maiores ipsam itaque, exercitationem reiciendis, enim sequi alias
+        molestiae modi? Hic veritatis eveniet quod. Iste laudantium incidunt
+        dicta autem sequi placeat, sit beatae quo, eum facere veniam laboriosam
+        labore obcaecati? Voluptas aspernatur eos corporis dolores neque
+        excepturi quas sit ex reiciendis, quis dolorum quo! Eum harum distinctio
+        hic officiis labore deserunt sint quod dicta odio quae ut incidunt,
+        temporibus doloremque totam ratione. Obcaecati impedit voluptatibus
+        quisquam tenetur eius sint officia accusamus natus ut atque! Placeat
+        necessitatibus doloribus alias non ut vel sit similique eveniet, soluta
+        nostrum delectus dignissimos saepe culpa exercitationem harum iure
+        accusamus molestiae eius inventore laborum! Quaerat rem alias aliquid
+        fugit nisi. Dignissimos natus veritatis consequuntur molestiae enim aut
+        cumque explicabo odio non quibusdam fugit quisquam, aspernatur nobis,
+        quasi quidem labore vero animi porro impedit! Tempore assumenda optio
+        minus iste excepturi nemo? Alias ad non consectetur modi doloremque
+        possimus! Voluptate delectus unde reiciendis necessitatibus at alias
+        deleniti non? Sint ex accusantium quae soluta labore quod exercitationem
+        doloremque tempora, optio id non sit! Recusandae explicabo aspernatur
+        quibusdam illo commodi error sed dicta deserunt vel expedita laborum
+        soluta nam iusto quo, debitis eligendi reiciendis dolore velit?
+        Blanditiis deleniti ex doloremque quis nihil odit quasi! Sequi,
+        voluptatibus repudiandae sapiente, officia illo unde optio ducimus
+        officiis exercitationem obcaecati quasi. Corrupti soluta et asperiores
+        totam ad consequatur ut tenetur, modi rerum iure, ipsam doloremque
+        ratione animi culpa? Excepturi ullam voluptate soluta saepe ratione
+        magni sit nulla cum corrupti ad iste illo tempora molestias maxime
+        omnis, magnam et rerum in animi tenetur quae! Eum animi perferendis
+        laboriosam dolores? Veritatis possimus qui exercitationem quas quam
+        corporis aliquid, fugiat, assumenda alias doloremque odit iste, fuga
+        officiis ducimus laborum vel a? Dolore facere dolor quos, similique nemo
+        velit nulla ullam repudiandae. Vel, culpa, aliquam pariatur id expedita
+        numquam iure quisquam repudiandae nisi at temporibus explicabo dolores
+        reprehenderit. Quae soluta incidunt maiores omnis blanditiis nisi
+        numquam similique quibusdam vero quaerat, et dignissimos? Consequatur
+        minima saepe accusamus totam explicabo eius soluta! Fuga earum molestiae
+        neque eum perferendis reprehenderit voluptatibus velit? Rerum dolorem
+        nostrum tempore veritatis fugit aut illum doloremque? Error beatae ipsam
+        nemo! Praesentium atque rerum fuga aperiam asperiores. Animi porro
+        sequi, voluptate numquam placeat voluptates corrupti consectetur? Eum
+        quae reiciendis quos quod, deserunt voluptas aut facere at aliquid ullam
+        excepturi velit dolor. Porro nisi deserunt id quam a suscipit corrupti
+        soluta? Debitis maiores officia accusantium enim deleniti fugiat rerum
+        ab necessitatibus laborum, asperiores amet, corporis, ea id officiis
+        labore veniam! Sit, optio. Nemo nam error, esse ratione doloremque
+        itaque tempore impedit, dolore, repellendus ea possimus dolor assumenda
+        officiis expedita dolorum tenetur minus amet? Possimus aliquam veritatis
+        beatae deleniti odit necessitatibus harum eum? Repellendus error iste
+        voluptate qui aperiam distinctio perferendis facere corrupti porro,
+        dolor vel possimus voluptatem laudantium a, esse fugit assumenda amet
+        autem numquam doloribus accusamus asperiores! Labore, accusantium?
+        Debitis, accusamus. Temporibus dolores nam nulla eaque dolorem. Ipsum
+        ipsam, ab aspernatur, commodi reiciendis dolore iure ut eligendi nulla
+        atque architecto, debitis omnis vero velit eveniet quisquam voluptatibus
+        voluptate cumque ullam dolores. Deserunt accusantium molestiae
+        voluptates deleniti minus distinctio maxime ullam magni placeat?
+        Nesciunt nobis eum quibusdam laboriosam, fugiat quia sapiente quos
+        voluptatibus possimus? Reiciendis molestias at fuga labore itaque quod
+        quidem. Adipisci provident animi dolorem! Vitae architecto eum enim
+        optio fugiat, aliquid quis voluptatibus veritatis corrupti sequi,
+        asperiores perferendis! Cumque quae aliquam aliquid corporis odio itaque
+        ipsum tenetur totam quisquam amet! Dolorem vitae beatae voluptatem
+        cupiditate inventore tempore rem, explicabo repellat veniam corrupti
+        nesciunt possimus impedit dolor ullam aspernatur earum atque minima. Ea
+        optio cumque porro veniam error odit assumenda quae! Commodi, nisi velit
+        perspiciatis aliquid ut quidem accusantium! Cupiditate doloribus id
+        vitae, facilis, illo tempora fugiat sit quis reiciendis, quod a.
+        Provident reiciendis maiores, hic ducimus aperiam repellendus officia
+        sit. Aperiam laboriosam voluptates dolorum labore ab molestiae
+        praesentium veniam odit sed blanditiis. Quo alias nam facilis, veritatis
+        voluptatem mollitia eveniet magnam totam doloremque architecto quisquam
+        quasi tempore voluptatum adipisci saepe. Eos iste tenetur, laboriosam
+        dolore dolores ullam! Quae adipisci porro quia hic, impedit eligendi
+        modi accusantium? Adipisci sunt eaque, voluptatibus quos velit quam
+        beatae aliquam, deleniti ipsum, vel molestias quidem. Voluptas sed dolor
+        perferendis, expedita ea aliquam blanditiis molestiae incidunt fugit
+        minima mollitia nihil? Doloremque hic repellat neque voluptates corrupti
+        facere doloribus, rem architecto labore itaque porro tempora, nisi
+        harum! Dicta ducimus ipsum, iure recusandae nemo aspernatur. Deleniti
+        suscipit quia deserunt autem odit nihil iste quae tempore, cupiditate
+        eius totam corporis adipisci culpa numquam repudiandae veritatis,
+        laborum aliquid maiores maxime? Porro facilis, ex harum laborum
+        consectetur non autem commodi aliquid ullam ea distinctio accusantium
+        praesentium ratione ut error, delectus, magnam inventore excepturi eius?
+        Amet nihil earum cum facilis hic veritatis. Accusamus obcaecati totam
+        ipsa facilis sequi ipsam, odit harum delectus explicabo ut, recusandae
+        quia dolorem unde sapiente! Accusantium tenetur provident earum ducimus
+        nobis. Voluptatem dolore beatae ea veritatis similique sed. Dolores
+        accusamus qui, nam minus optio aliquid. Ipsa vitae magnam fuga ex
+        perspiciatis deleniti laboriosam totam ducimus quis, unde eius
+        doloremque et repudiandae ea libero incidunt quidem eos magni? Minima!
+        Soluta libero voluptas itaque aspernatur recusandae doloribus nisi
+        consequuntur, doloremque fugiat magni, repellat alias voluptatum
+        assumenda nesciunt nobis, ex eveniet nulla esse? Ex, suscipit. Quos quam
+        expedita nemo aperiam consectetur! Perspiciatis facere aperiam vitae,
+        inventore quibusdam esse deserunt accusamus suscipit nemo cupiditate,
+        repellat quis veniam dolorem sequi nostrum laborum. Nemo tempore quasi
+        aliquam possimus quae iste reprehenderit quo maiores voluptatem.
+        Laborum, voluptas id! Similique, recusandae? Laboriosam soluta
+        doloremque reprehenderit temporibus porro quaerat ipsa excepturi ad.
+        Maxime eveniet dolor quibusdam, molestias at, officiis blanditiis
+        aliquam consectetur eligendi, debitis quia porro eaque? Aperiam fuga
+        architecto eligendi in eum recusandae odio adipisci pariatur repudiandae
+        corporis sequi nam, vitae soluta vero sapiente facilis sed quos quasi
+        excepturi distinctio? Natus animi enim facere dolor. Nesciunt.
+        Laboriosam rerum recusandae ad eius hic earum vitae magni nam.
+        Blanditiis consequatur illum laborum totam nostrum perferendis esse
+        officiis sapiente dolorum assumenda! Laudantium laborum distinctio quae
+        perspiciatis error maxime voluptatem! Corrupti, minus illo id magnam
+        error, exercitationem voluptate aut laudantium assumenda qui nobis,
+        eaque consectetur eius. Incidunt dolor, reprehenderit, accusamus quaerat
+        magnam ab excepturi odio quam ea fugiat ad rerum! Quasi qui aut
+        quibusdam consequatur. Repellendus magnam consequatur dolores voluptate
+        eaque corporis minima numquam? Vel quisquam rerum iusto laborum
+        voluptatibus nisi nobis animi? Beatae ipsa hic exercitationem officia
+        dignissimos voluptatum. Odio placeat et totam quisquam, rerum delectus,
+        voluptas vitae nemo velit neque quas iusto! Itaque incidunt praesentium
+        atque quidem magni voluptatibus voluptas quam possimus. Expedita
+        distinctio illo quos sit consequuntur? Ratione, eos praesentium iusto
+        accusantium repellendus debitis, consequuntur asperiores consequatur
+        illo a autem quo perferendis molestias culpa tenetur ipsum ab
+        voluptatibus nulla. Aperiam, quas ex delectus quos nulla corporis magni?
+        Laboriosam voluptates vero corrupti pariatur. Modi quos a exercitationem
+        culpa. Atque ducimus perspiciatis temporibus? Numquam illum, sapiente
+        impedit corporis optio aut. A voluptatibus officiis quibusdam maiores
+        unde animi sint magnam! Repellendus modi at quas error praesentium aut
+        sed eligendi voluptatibus, sapiente provident eius asperiores, odit eum,
+        iure maiores quo. Dolor architecto quos repellat repudiandae animi
+        deserunt reprehenderit voluptates officiis minus. Aliquid, ut!
+        Asperiores suscipit quasi unde repellat voluptatem optio dolorum, ab
+        blanditiis porro dolor perferendis illum commodi tenetur alias
+        recusandae eius ipsum maxime sequi vitae obcaecati deleniti animi
+        officia. Voluptatem! Assumenda necessitatibus totam possimus ex non
+        inventore quis dolorum unde dolorem obcaecati esse fuga, omnis quibusdam
+        consequuntur itaque nam commodi distinctio repellat saepe explicabo
+        sapiente quam exercitationem quaerat eligendi. Atque? Necessitatibus,
+        nihil modi possimus qui excepturi, commodi odit quae autem est hic,
+        dolorem quo maiores consequatur recusandae dolores neque consectetur eum
+        numquam atque iure! Eius debitis veritatis repellat saepe dolore? Vero
+        eos, sapiente quas veritatis consequuntur quisquam doloribus
+        exercitationem vitae laboriosam ipsam repellendus ex nobis placeat
+        voluptas! At iusto doloremque eos magni eius, odio corrupti! Suscipit
+        alias fuga tenetur quidem! Ut atque sapiente nobis. Obcaecati earum
+        debitis amet, libero aspernatur placeat deleniti praesentium officia!
+        Blanditiis ratione ipsam architecto minus reprehenderit possimus natus
+        fuga optio dolorem. Soluta eligendi asperiores sapiente veniam.
+        Consequuntur, quae deserunt harum ut asperiores, maxime necessitatibus
+        corrupti molestiae eveniet nam tempora unde commodi recusandae optio
+        odio quos doloremque culpa nesciunt, at et! Alias corporis voluptates
+        sit exercitationem ipsa? Modi hic accusantium esse dolor porro nostrum
+        maxime ipsum fuga beatae dolores nulla natus mollitia veniam veritatis
+        totam, corrupti dolorum repudiandae at. Ea incidunt dolore, distinctio
+        illo unde debitis libero. Ea sit expedita qui perferendis fugit natus
+        id! Exercitationem vero facere facilis error natus quod enim odio
+        aliquid iure, doloremque similique quaerat architecto neque accusamus
+        porro asperiores ex? Omnis, dolor! Placeat perspiciatis, nesciunt earum
+        totam esse similique consectetur. Tenetur omnis aliquam dolor deserunt
+        corrupti excepturi, ab aperiam error molestias asperiores blanditiis
+        totam enim, officiis ipsa architecto magni neque ut velit! Perspiciatis
+        quo numquam nisi a quaerat ipsam quod ipsa, aspernatur expedita ducimus
+        magni molestiae est eius odit, animi ipsum quis modi sapiente obcaecati
+        vitae consequatur maxime! Quaerat natus repellendus ipsam. Quidem enim
+        amet modi iste mollitia doloremque architecto. Ratione illo consequuntur
+        eos error eius esse ea in modi reprehenderit deleniti nostrum reiciendis
+        exercitationem id, at similique voluptatibus, commodi omnis beatae.
+        Fugiat fuga alias eum quia natus accusantium dicta ab minus harum
+        libero. Maiores laboriosam explicabo vel quasi voluptates necessitatibus
+        ea sit, aspernatur, alias suscipit magni error ad nihil nulla ipsa!
+        Provident tempora odit exercitationem architecto. Quae qui dolor ex in
+        nam. Obcaecati esse unde ratione debitis aperiam at eveniet? Facere
+        repudiandae deserunt ut vel odio, architecto iste sunt optio reiciendis!
+        Inventore voluptates quam libero modi eligendi. Adipisci, vel? Sit iure
+        officiis optio dignissimos ratione, quam magnam rem autem at excepturi
+        perspiciatis voluptate rerum id hic, modi sed nostrum. Libero, quidem?
+        Odio blanditiis error tempore recusandae deserunt quod odit dolorum eos
+        voluptatum repudiandae cupiditate vero fugit ullam eius temporibus dicta
+        cum veritatis, dolore labore eum accusamus maiores repellendus? Quasi,
+        accusantium accusamus? Rem explicabo, doloremque nostrum quo alias
+        exercitationem perspiciatis ratione ex aspernatur asperiores rerum
+        natus, debitis quia ad delectus tempora accusantium temporibus incidunt
+        dignissimos porro commodi! Odio voluptatum et possimus minus. Quisquam
+        quibusdam recusandae atque eos repellat quis expedita cum. Facere ex,
+        blanditiis mollitia voluptatibus error commodi saepe at consectetur,
+        quaerat fugit aliquid aperiam culpa, repellendus similique dolore ut
+        ducimus corporis. Incidunt ipsam error quisquam, temporibus, ipsum
+        accusamus odio asperiores dolore praesentium excepturi repudiandae
+        libero porro non, molestias iusto obcaecati quod. Cupiditate labore
+        placeat ex maxime natus, fugiat saepe officiis voluptatibus! Commodi,
+        quisquam? Consequatur porro cumque assumenda enim accusamus architecto
+        quaerat cupiditate nisi eum ipsam. Perferendis animi numquam excepturi
+        tempore, nobis temporibus? Sapiente ratione vitae accusamus atque illo
+        expedita vero debitis! Nam, doloremque cum, fuga nostrum qui voluptatem
+        autem eligendi repellendus delectus sit, adipisci cumque debitis labore
+        tempora optio. A animi odio facilis quibusdam quasi. Assumenda nostrum
+        quibusdam deserunt sapiente aliquid? Inventore deleniti, sit ipsa
+        consectetur excepturi voluptatum. Ipsam veniam sunt ad odio, rem sint
+        eveniet corporis sit impedit voluptates modi earum repellendus nobis
+        facere, dolorum quae laborum consequatur nisi consequuntur. Alias ex vel
+        tempore doloribus quae. Culpa quidem magnam dolor voluptatum neque
+        assumenda, laudantium tenetur placeat facere officia esse! Ad totam quis
+        sed ipsam cum nesciunt odit provident veniam est. Facere commodi minima
+        aut quos magnam nam et, assumenda, fuga, perspiciatis aliquam nulla
+        distinctio quia impedit illum sequi esse similique optio fugiat suscipit
+        eum labore iure repudiandae unde! Ratione, dolore. Recusandae cum amet
+        quibusdam reprehenderit sapiente laboriosam, dolores unde facilis,
+        sequi, eos minima ipsam laudantium enim ullam? Tenetur quasi provident
+        eius tempore aperiam, libero aliquid mollitia illum ipsa, ex natus. Odio
+        quas atque reiciendis laudantium. Rerum, consequatur aliquam illum
+        corporis nulla accusantium consequuntur, voluptas aut inventore
+        molestias nobis sit perspiciatis ullam fugit tempora dolore itaque nam
+        perferendis veniam magnam fugiat? Impedit et accusantium esse illo
+        nostrum optio sapiente, nam unde quam doloremque culpa ipsa blanditiis
+        numquam nulla modi, dolore voluptas. Assumenda omnis aut aliquam, dolor
+        fugiat sapiente sit animi distinctio. Aliquam qui molestias dolore
+        vitae! Quasi fuga nisi vel voluptatem sit quaerat error sunt odit
+        deleniti quibusdam rem esse, optio tenetur in voluptatum at excepturi
+        doloribus fugit nesciunt ut voluptatibus. Id sapiente repudiandae nisi
+        ullam saepe adipisci ipsam molestias impedit? Nulla quod sequi fuga rem
+        accusamus fugit voluptas voluptatem delectus ipsam dicta id quis
+        aspernatur, accusantium incidunt ducimus! Molestias, adipisci!
+        Repudiandae accusamus, repellendus possimus facilis minus adipisci
+        reprehenderit dignissimos repellat laboriosam alias vero a assumenda in
+        vel! Atque quam, quos omnis obcaecati accusantium ad facilis culpa eaque
+        officia natus amet. Adipisci, odio voluptatum nulla tempore corporis
+        nisi iste dolores quos rerum fugiat ratione necessitatibus veniam qui!
+        Deleniti dolor, maxime illo at nemo quibusdam facilis doloremque, itaque
+        molestiae placeat iusto labore! Doloremque, optio, odit error debitis
+        esse sequi incidunt eaque reiciendis distinctio possimus nesciunt
+        blanditiis facere! Enim maiores voluptate ea eius saepe libero tempora
+        laboriosam, reprehenderit illo quisquam sequi consequuntur ex? Hic,
+        quod. Corrupti numquam voluptas deserunt totam unde consequatur,
+        voluptatem est, similique dolores, asperiores cumque. Ab iste, repellat
+        possimus quod magni cum veritatis molestias corporis quam, sed
+        voluptatibus? Ullam, temporibus! Quam beatae, facilis atque ducimus
+        eaque veniam dolore fugiat magnam, odit architecto accusantium, ab
+        tenetur! Officiis reiciendis aut magnam veniam optio suscipit totam
+        atque dicta inventore! Ab repudiandae vero facilis? Neque consectetur,
+        qui nemo commodi quod et atque nesciunt voluptatem quaerat quas error
+        officia eveniet ipsam iste iusto saepe, illo dolore ab recusandae!
+        Tempore maiores quas numquam distinctio debitis dicta? Soluta saepe
+        similique quod cupiditate blanditiis sint earum nobis officia assumenda,
+        sit ipsam officiis laudantium alias labore modi fugit. Dolor amet
+        eligendi fugit sunt magni officia reiciendis cum. Corporis, molestias!
+        Possimus voluptatibus recusandae non similique beatae obcaecati
+        perferendis sed provident doloribus laboriosam? Beatae blanditiis ea
+        tempora aliquam quos dicta, inventore sint magnam ipsa et nisi maxime
+        voluptates delectus aperiam id? Cumque maxime magni, ipsam dignissimos
+        nesciunt modi libero optio, ad quisquam molestiae quidem autem error.
+        Recusandae assumenda maxime culpa, ratione quo, sapiente aspernatur
+        consequatur possimus deleniti asperiores hic, corrupti sit. Blanditiis
+        possimus vero aliquid, aspernatur magnam, tenetur incidunt deleniti ea
+        veritatis dolorum atque sapiente adipisci! Qui pariatur praesentium
+        officia laudantium vel modi expedita quis, sequi voluptate nihil
+        placeat, omnis neque? Eos pariatur quam maxime quos culpa consequatur
+        voluptates eveniet, soluta, exercitationem, adipisci incidunt natus
+        necessitatibus dolorem minus autem facilis nihil temporibus odio labore
+        magni laboriosam rem ad. Assumenda, quibusdam quisquam?
+      </div>
+      <div className="max-h-screen w-1/2 right-0 top-0 absolute overflow-y-auto">
+        <div className="min-h-screen bg-neutral-200 p-8 gap-8 flex flex-col justify-between">
+          <div className="">
+            <p>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni ex
+              labore fuga delectus, quae dolores neque iure culpa architecto,
+              maiores error provident amet doloremque voluptas laboriosam
+              aliquid quasi in aperiam!
+            </p>
+          </div>
+          <TestComponent />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default TestPage;