diff --git a/client/src/components/complexWingPage/FloorDescription.tsx b/client/src/components/complexWingPage/FloorDescription.tsx
index a3a504b..0b58d2b 100644
--- a/client/src/components/complexWingPage/FloorDescription.tsx
+++ b/client/src/components/complexWingPage/FloorDescription.tsx
@@ -33,71 +33,93 @@ const FloorDescription = ({
                 {descriptionFloor?.wing}
               </p>
             </div>
-            <div className="py-[3px] px-2 rounded-full bg-[#00BED7] text-white justify-start self-start">
-              {floorApartments.length} units
-            </div>
+            {floorApartments.length > 0 && (
+              <div className="py-[3px] px-2 rounded-full bg-[#00BED7] text-white justify-start self-start">
+                {floorApartments.length} units
+              </div>
+            )}
           </div>
           <div className="flex flex-col gap-4 pt-4">
-            <div className="flex items-center justify-between gap-8">
-              <div className="flex gap-2 items-center">
-                <div className="min-w-6 min-h-6 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
-                  <p className="p-1 flex justify-center items-center">
-                    {
-                      floorApartments.filter(
-                        (apart) => apart.unitType === "Studio Flex"
-                      ).length
-                    }
+            {floorApartments.filter((apart) => apart.unitType === "Studio Flex")
+              .length > 0 && (
+              <div className="flex items-center justify-between gap-8">
+                <div className="flex gap-2 items-center">
+                  <div className="min-w-6 min-h-6 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
+                    <p className="p-1 flex justify-center items-center">
+                      {
+                        floorApartments.filter(
+                          (apart) => apart.unitType === "Studio Flex"
+                        ).length
+                      }
+                    </p>
+                  </div>
+                  <p className="text-s text-[#73787C] w-full">Studio Flex</p>
+                </div>
+                <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
+              </div>
+            )}
+
+            {floorApartments.filter(
+              (apart) => apart.unitType === "Studio Squared"
+            ).length > 0 && (
+              <div className="flex items-center justify-between gap-8">
+                <div className="flex gap-2 items-center">
+                  <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
+                    <p className="h-full w-full flex justify-center items-center">
+                      {
+                        floorApartments.filter(
+                          (apart) => apart.unitType === "Studio Squared"
+                        ).length
+                      }
+                    </p>
+                  </div>
+                  <p className="text-s text-[#73787C]">Studio²</p>
+                </div>
+                <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
+              </div>
+            )}
+
+            {floorApartments.filter(
+              (apart) => apart.unitType === "1 BR Squared"
+            ).length > 0 && (
+              <div className="flex items-center justify-between gap-8">
+                <div className="flex gap-2 items-center">
+                  <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
+                    <p className="h-full w-full flex justify-center items-center">
+                      {
+                        floorApartments.filter(
+                          (apart) => apart.unitType === "1 BR Squared"
+                        ).length
+                      }
+                    </p>
+                  </div>
+                  <p className="text-s text-[#73787C]">1 Bedroom²</p>
+                </div>
+                <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
+              </div>
+            )}
+
+            {floorApartments.filter(
+              (apart) => apart.unitType === "2 BR Squared"
+            ).length > 0 && (
+              <div className="flex items-center justify-between gap-8">
+                <div className="flex gap-2 items-center">
+                  <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
+                    <p className="h-full w-full flex justify-center items-center">
+                      {
+                        floorApartments.filter(
+                          (apart) => apart.unitType === "2 BR Squared"
+                        ).length
+                      }
+                    </p>
+                  </div>
+                  <p className="text-s text-[#73787C] text-nowrap">
+                    2 Bedroom²
                   </p>
                 </div>
-                <p className="text-s text-[#73787C] w-full">Studio Flex</p>
+                <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
               </div>
-              <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
-            </div>
-            <div className="flex items-center justify-between gap-8">
-              <div className="flex gap-2 items-center">
-                <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
-                  <p className="h-full w-full flex justify-center items-center">
-                    {
-                      floorApartments.filter(
-                        (apart) => apart.unitType === "Studio Squared"
-                      ).length
-                    }
-                  </p>
-                </div>
-                <p className="text-s text-[#73787C]">Studio²</p>
-              </div>
-              <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
-            </div>
-            <div className="flex items-center justify-between gap-8">
-              <div className="flex gap-2 items-center">
-                <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
-                  <p className="h-full w-full flex justify-center items-center">
-                    {
-                      floorApartments.filter(
-                        (apart) => apart.unitType === "1 BR Squared"
-                      ).length
-                    }
-                  </p>
-                </div>
-                <p className="text-s text-[#73787C]">1 Bedroom²</p>
-              </div>
-              <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
-            </div>
-            <div className="flex items-center justify-between gap-8">
-              <div className="flex gap-2 items-center">
-                <div className="min-w-6 min-h-6 p-1 rounded-full bg-[#00BED7] text-white text-xs font-semibold">
-                  <p className="h-full w-full flex justify-center items-center">
-                    {
-                      floorApartments.filter(
-                        (apart) => apart.unitType === "2 BR Squared"
-                      ).length
-                    }
-                  </p>
-                </div>
-                <p className="text-s text-[#73787C] text-nowrap">2 Bedroom²</p>
-              </div>
-              <p className="text-s text-[#0D1922] text-nowrap">Unavailable</p>
-            </div>
+            )}
           </div>
           <div
             className={`w-0 h-0 border-t-0 border-r-[7px] border-b-[12px] border-l-[7px] border-transparent border-b-white  absolute top-0 ${
diff --git a/client/src/components/complexWingPage/SequenceWing/WingSignatures.tsx b/client/src/components/complexWingPage/SequenceWing/WingSignatures.tsx
index 92e0f4e..542c6cc 100644
--- a/client/src/components/complexWingPage/SequenceWing/WingSignatures.tsx
+++ b/client/src/components/complexWingPage/SequenceWing/WingSignatures.tsx
@@ -1,7 +1,7 @@
 const WingSignatures = () => {
   return (
     <>
-      <svg
+      {/* <svg
         y={641}
         x={818}
         width="66"
@@ -31,6 +31,54 @@ const WingSignatures = () => {
           d="M17.36 5.32H18.8L16.6 13H15.03L13.46 7.32H13.44L11.87 13H10.28L8.07 5.32H9.56L11.14 11.25H11.16L12.7 5.32H14.25L15.79 11.22H15.81L17.36 5.32ZM20.1695 9.84H22.5995C22.5395 9.08 22.2095 8.55 21.4195 8.55C20.6395 8.55 20.2495 9.07 20.1695 9.84ZM22.8895 11.43L23.7495 12.19C23.2695 12.76 22.5795 13.11 21.5695 13.11C19.7495 13.11 18.7895 11.99 18.7895 10.32C18.7895 8.7 19.7395 7.52 21.4295 7.52C23.0995 7.52 23.9395 8.67 23.9395 10.15C23.9395 10.35 23.9295 10.6 23.8995 10.75H20.1695C20.2695 11.57 20.7095 12.08 21.5995 12.08C22.1195 12.08 22.5595 11.87 22.8895 11.43ZM26.8891 13.11C25.8491 13.11 25.0591 12.83 24.4591 12.39L25.0991 11.47C25.6191 11.88 26.2791 12.1 26.9091 12.1C27.5791 12.1 27.9591 11.9 27.9591 11.52C27.9591 11.09 27.4691 10.99 26.5891 10.83C25.5291 10.63 24.6791 10.24 24.6791 9.2C24.6791 8.28 25.4091 7.52 26.9291 7.52C27.8991 7.52 28.5991 7.78 29.1791 8.19L28.5791 9.09C28.0591 8.72 27.4691 8.53 26.9091 8.53C26.3091 8.53 26.0291 8.77 26.0291 9.06C26.0291 9.46 26.4191 9.55 27.3291 9.72C28.3191 9.91 29.2991 10.23 29.2991 11.34C29.2991 12.39 28.4291 13.11 26.8891 13.11ZM29.6123 8.61V7.63H30.6223V5.93H31.9623V7.63H33.1823V8.61H31.9623V11.25C31.9623 11.79 32.1223 12.06 32.7823 12.06C32.9323 12.06 33.0723 12.05 33.1823 12.03V13.01C32.9523 13.07 32.6323 13.11 32.2923 13.11C31.1423 13.11 30.6223 12.54 30.6223 11.54V8.61H29.6123ZM45.2995 5.32H46.7395L44.5395 13H42.9695L41.3995 7.32H41.3795L39.8095 13H38.2195L36.0095 5.32H37.4995L39.0795 11.25H39.0995L40.6395 5.32H42.1895L43.7295 11.22H43.7495L45.2995 5.32ZM47.4786 6.55V5.32H48.8886V6.55H47.4786ZM48.8586 13H47.5086V7.63H48.8586V13ZM50.2625 13V7.63H51.5325L51.5625 8.39H51.5825C51.9125 7.85 52.4925 7.52 53.2225 7.52C54.3525 7.52 55.0825 8.26 55.0825 9.37V13H53.7325V9.57C53.7325 9.02 53.4025 8.58 52.7725 8.58C52.0525 8.58 51.6125 9.09 51.6125 9.77V13H50.2625ZM61.3437 7.63V12.34C61.3437 14.1 60.1737 14.94 58.4237 14.94C57.5437 14.94 56.8737 14.72 56.3937 14.45L56.8337 13.47C57.2337 13.71 57.7237 13.93 58.3937 13.93C59.3037 13.93 60.0037 13.51 60.0037 12.38V12.01H59.9837C59.6037 12.55 59.0237 12.86 58.3037 12.86C56.9437 12.86 56.0737 11.73 56.0737 10.24C56.0737 8.75 56.9537 7.52 58.3837 7.52C59.1237 7.52 59.6837 7.86 60.0737 8.4H60.0937L60.1337 7.63H61.3437ZM58.7437 11.84C59.5837 11.84 60.0437 11.12 60.0437 10.19C60.0437 9.26 59.5737 8.56 58.7437 8.56C57.8737 8.56 57.4437 9.3 57.4437 10.21C57.4437 11.08 57.8537 11.84 58.7437 11.84Z"
           fill="white"
         />
+      </svg> */}
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        x={802}
+        y={630}
+        width={99}
+        height={27}
+        viewBox="0 0 99 27"
+      >
+        <path
+          d="M13.5,0h72c7.46,0,13.5,6.04,13.5,13.5h0c0,7.46-6.04,13.5-13.5,13.5H13.5C6.04,27,0,20.96,0,13.5h0C0,6.04,6.04,0,13.5,0Z"
+          style={{
+            fill: "rgba(13, 25, 34, .4)",
+            strokeWidth: 0,
+          }}
+        />
+        <path
+          d="M20.92,19.5h-7.83V7.98h7.73v1.72h-5.61v3.14h4.89v1.71h-4.89v3.23h5.71v1.72ZM28.98,19.5h-1.91l-.04-1.14h-.03c-.46.81-1.26,1.3-2.35,1.3-1.55,0-2.57-1.02-2.57-2.45,0-.99.48-1.74,1.53-2.1.83-.28,2.08-.36,3.36-.4v-.6c0-.73-.51-1.27-1.45-1.27-.87,0-1.38.43-1.62,1.07l-1.56-.77c.54-1.23,1.63-1.86,3.27-1.86,2.18,0,3.38,1.06,3.38,2.83v5.39ZM25.29,18.15c1.02,0,1.68-.77,1.68-1.71v-.43c-.48.03-1.16.08-1.69.15-.65.09-1.19.31-1.19.97,0,.59.44,1.02,1.2,1.02ZM33.9,19.66c-1.56,0-2.74-.42-3.64-1.08l.96-1.38c.78.61,1.77.95,2.71.95,1.01,0,1.58-.3,1.58-.87,0-.65-.74-.8-2.06-1.04-1.59-.3-2.86-.89-2.86-2.45,0-1.38,1.09-2.52,3.38-2.52,1.45,0,2.51.39,3.38,1l-.9,1.35c-.78-.55-1.67-.84-2.51-.84-.9,0-1.32.36-1.32.8,0,.6.58.73,1.95.99,1.48.28,2.95.76,2.95,2.43,0,1.58-1.3,2.65-3.61,2.65ZM37.99,12.91v-1.47h1.52v-2.55h2.01v2.55h1.83v1.47h-1.83v3.96c0,.81.24,1.22,1.23,1.22.23,0,.44-.02.6-.05v1.47c-.35.09-.83.15-1.34.15-1.72,0-2.51-.85-2.51-2.35v-4.4h-1.52ZM61.52,7.98h2.16l-3.3,11.52h-2.35l-2.35-8.52h-.03l-2.35,8.52h-2.39l-3.32-11.52h2.23l2.37,8.89h.03l2.31-8.89h2.33l2.31,8.85h.03l2.32-8.85ZM64.79,9.83v-1.85h2.11v1.85h-2.11ZM66.86,19.5h-2.02v-8.05h2.02v8.05ZM68.96,19.5v-8.05h1.91l.04,1.14h.03c.5-.81,1.36-1.31,2.46-1.31,1.7,0,2.79,1.11,2.79,2.77v5.45h-2.02v-5.15c0-.82-.5-1.48-1.44-1.48-1.08,0-1.74.77-1.74,1.79v4.84h-2.03ZM85.58,11.45v7.07c0,2.64-1.75,3.9-4.38,3.9-1.32,0-2.32-.33-3.04-.73l.66-1.47c.6.36,1.33.69,2.34.69,1.36,0,2.41-.63,2.41-2.33v-.55h-.03c-.57.81-1.44,1.27-2.52,1.27-2.04,0-3.35-1.7-3.35-3.93s1.32-4.08,3.47-4.08c1.11,0,1.95.51,2.53,1.32h.03l.06-1.15h1.81ZM81.68,17.76c1.26,0,1.95-1.08,1.95-2.48s-.71-2.44-1.95-2.44-1.95,1.11-1.95,2.47.61,2.45,1.95,2.45Z"
+          style={{
+            fill: "#fff",
+            strokeWidth: 0,
+          }}
+        />
+      </svg>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        x={1047.5}
+        y={630}
+        width={106.5}
+        height={27}
+        viewBox="0 0 106.5 27"
+      >
+        <path
+          d="M13.5,0h79.5c7.46,0,13.5,6.04,13.5,13.5h0c0,7.46-6.04,13.5-13.5,13.5H13.5C6.04,27,0,20.96,0,13.5h0C0,6.04,6.04,0,13.5,0Z"
+          style={{
+            fill: "rgba(13, 25, 34, .4)",
+            strokeWidth: 0,
+          }}
+        />
+        <path
+          d="M26.04,7.98h2.16l-3.3,11.52h-2.36l-2.35-8.52h-.03l-2.35,8.52h-2.39l-3.32-11.52h2.24l2.37,8.89h.03l2.31-8.89h2.33l2.31,8.85h.03l2.33-8.85ZM30.25,14.76h3.65c-.09-1.14-.59-1.93-1.77-1.93s-1.76.78-1.88,1.93ZM34.33,17.15l1.29,1.14c-.72.86-1.76,1.38-3.27,1.38-2.73,0-4.17-1.68-4.17-4.18s1.43-4.2,3.96-4.2,3.77,1.73,3.77,3.94c0,.3-.02.68-.06.9h-5.59c.15,1.23.81,1.99,2.15,1.99.78,0,1.44-.32,1.93-.97ZM40.33,19.66c-1.56,0-2.74-.42-3.64-1.08l.96-1.38c.78.61,1.77.95,2.71.95,1.01,0,1.58-.3,1.58-.87,0-.65-.73-.8-2.06-1.04-1.59-.3-2.86-.89-2.86-2.45,0-1.38,1.09-2.52,3.38-2.52,1.45,0,2.51.39,3.38,1l-.9,1.35c-.78-.55-1.66-.84-2.51-.84-.9,0-1.32.36-1.32.8,0,.6.58.73,1.95.99,1.48.28,2.96.76,2.96,2.43,0,1.58-1.31,2.65-3.62,2.65ZM44.42,12.91v-1.47h1.51v-2.55h2.01v2.55h1.83v1.47h-1.83v3.96c0,.81.24,1.22,1.23,1.22.23,0,.44-.02.6-.05v1.47c-.34.09-.82.15-1.33.15-1.73,0-2.51-.85-2.51-2.35v-4.4h-1.51ZM67.95,7.98h2.16l-3.3,11.52h-2.35l-2.35-8.52h-.03l-2.35,8.52h-2.39l-3.32-11.52h2.24l2.37,8.89h.03l2.31-8.89h2.32l2.31,8.85h.03l2.32-8.85ZM71.22,9.83v-1.85h2.11v1.85h-2.11ZM73.29,19.5h-2.03v-8.05h2.03v8.05ZM75.39,19.5v-8.05h1.91l.04,1.14h.03c.49-.81,1.36-1.31,2.46-1.31,1.7,0,2.79,1.11,2.79,2.77v5.45h-2.03v-5.15c0-.82-.49-1.48-1.44-1.48-1.08,0-1.74.77-1.74,1.79v4.84h-2.02ZM92.02,11.45v7.07c0,2.64-1.76,3.9-4.38,3.9-1.32,0-2.32-.33-3.04-.73l.66-1.47c.6.36,1.34.69,2.34.69,1.36,0,2.42-.63,2.42-2.33v-.55h-.03c-.57.81-1.44,1.27-2.52,1.27-2.04,0-3.34-1.7-3.34-3.93s1.32-4.08,3.47-4.08c1.11,0,1.95.51,2.53,1.32h.03l.06-1.15h1.81ZM88.12,17.76c1.26,0,1.95-1.08,1.95-2.48s-.71-2.44-1.95-2.44-1.95,1.11-1.95,2.47.61,2.45,1.95,2.45Z"
+          style={{
+            fill: "#fff",
+            strokeWidth: 0,
+          }}
+        />
       </svg>
     </>
   );
diff --git a/client/src/components/header/Navbar/Navbar.tsx b/client/src/components/header/Navbar/Navbar.tsx
index 12610fc..43a450f 100644
--- a/client/src/components/header/Navbar/Navbar.tsx
+++ b/client/src/components/header/Navbar/Navbar.tsx
@@ -22,13 +22,14 @@ const Navbar = () => {
 
   useEffect(() => {
     const pathname = location.pathname;
+    console.log(pathname);
     const tab = tabs.find((tab) => tab.path === pathname);
-    const defaultTab = tabs[0];
     if (tab) {
       setSelectedTab(tab);
     } else {
-      setSelectedTab(defaultTab);
+      setSelectedTab(null);
     }
+    console.log("tab", tab);
   }, [location.pathname]);
 
   useEffect(() => {
diff --git a/client/src/main.tsx b/client/src/main.tsx
index 82b8560..5a0b4f7 100644
--- a/client/src/main.tsx
+++ b/client/src/main.tsx
@@ -14,7 +14,8 @@ import UnitTypesItemPage from "./pages/UnitTypesItemPage";
 import SearchPage2 from "./pages/SearchPage2";
 import FavoritesPage2 from "./pages/FavoritesPage2";
 import WithFooterLayout from "./layouts/WithFooterLayout";
-import AboutProjects2Page from "./pages/AboutProjects2Page";
+// import AboutProjects2Page from "./pages/AboutProjects2Page";
+import AboutProjectsPage from "./pages/AboutProjectsPage";
 
 const router = createBrowserRouter([
   {
@@ -49,7 +50,7 @@ const router = createBrowserRouter([
     children: [
       {
         path: "about-projects",
-        element: <AboutProjects2Page />,
+        element: <AboutProjectsPage />,
       },
       {
         path: "about",