Verstka complited 7 tasks

src/components/FloorPopup.tsx

@@ -33,7 +33,7 @@ function FloorPopup({ title, complexName, data, onSelect }: FloorPopupProps) {
       <div className="flex 2xl:gap-[0.278vw] gap-1">
         <p className="2xl:px-[0.556vw] 2xl:py-[0.278vw] px-2 py-0.5 bg-[#F3F3F2] 2xl:rounded-[0.278vw] rounded text-caption-s text-[#0D1922]/70">
           {title && Number.isNaN(+title!.split(" ").at(-1)!)
-            ? "16 Amenties"
+            ? "16 Amen ties"
             : `${
                 complexName === "marasi-drive"
                   ? data[
@@ -84,7 +84,7 @@ function FloorPopup({ title, complexName, data, onSelect }: FloorPopupProps) {
               </p>
               <p className="text-caption-m text-[#0D1922]/70">
                 Indoor Amenties
-              </p>
+              </p >
             </div>
             <div className="flex 2xl:gap-[0.556vw] gap-2">
               <p className="bg-[#00BED7] rounded-full flex justify-center items-center font-mono text-caption-s text-white 2xl:w-[1.111vw] 2xl:h-[1.111vw] w-4 h-4">

src/components/SequenceSlider.tsx

@@ -232,7 +232,7 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
           <Compass
             imgStyle={{
               transform: `rotate(${
-                currentIndex + (complexName === "dubai-marina" ? 90 : 0)
+                currentIndex*3 + (complexName === "dubai-marina" ? 90 : 0)
               }deg)`,
             }}
           />

src/components/UnitCard.tsx

@@ -42,7 +42,7 @@ function UnitCard({ unit }: { unit: Unit }) {
     <Link
       target="_blank"
       to={`/complex/${complexNameToSlug(unit.project)}/${unit.unitNo}`}
-      className="2xl:p-[1.111vw] p-4 2xl:rounded-[1.111vw] rounded-2xl 2xl:space-y-[1.111vw] space-y-4 bg-white"
+      className="2xl:p-[1.111vw] p-4 2xl:rounded-[1.111vw] rounded-2xl 2xl:space-y-[1.111vw] space-y-4 bg-white hover:-translate-y-2 transition-[translate,box-shadow] duration-300 hover:[box-shadow:0_4px_16px_0_rgba(0,0,0,.1)]"
     >
       <div className="flex items-center justify-between">
         <div className="2xl:space-y-[0.278vw] space-y-1">
@@ -91,7 +91,7 @@ function UnitCard({ unit }: { unit: Unit }) {
             maximumFractionDigits: 2,
           })} Sqft`}
         </p>
-        {!unit.project.includes("Marasi Drive") && (
+        {(
           <p className="text-[#00BED7] text-h4 font-medium">
             {`AED ${Intl.NumberFormat("ar-AE", {
               currency: "AED",

src/components/UnitTypeCard.tsx

@@ -7,10 +7,10 @@ function UnitTypeCard({ project, type }: { project: Project; type: UnitType }) {
     <Link
       target="_blank"
       to={`/unit-types/${project.slug}/${type.slug}`}
-      className="bg-white p-4 2xl:p-[1.111vw] rounded-2xl 2xl:rounded-[1.111vw] space-y-4 2xl:space-y-[1.111vw]"
+      className="bg-white p-4 2xl:p-[1.111vw] rounded-2xl 2xl:rounded-[1.111vw] space-y-4 2xl:space-y-[1.111vw] hover:-translate-y-2 transition-[translate,box-shadow] duration-300 hover:[box-shadow:0_4px_16px_0_rgba(0,0,0,.1)]"
     >
       <div className="space-y-1 2xl:space-y-[0.278vw]">
-        <p className="text-s">{project.title}</p>
+        <p className="text-s text-[#00BED7]">{project.title}</p>
         <div className="flex items-center gap-2 2xl:gap-[0.556vw]">
           {type.wings && (
             <>