upd

src/pages/AboutPages.tsx

@@ -1,5 +1,9 @@
 function AboutPage() {
-  return <div>AboutPage</div>;
+  return (
+    <div>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
+    </div>
+  );
 }
 
 export default AboutPage;

src/pages/SearchPage.tsx

@@ -92,7 +92,7 @@ function SearchPage() {
   }, []);
 
   return (
-    <div className="2xl:pb-[2.222vw] md:max-2xl:pb-6 pb-4 relative">
+    <div className="">
       <SearchFilters ref={filtersRef} inModal={filtersInModal} />
       <div className="2xl:grid-cols-4 md:max-2xl:grid-cols-2 grid 2xl:gap-[1.111vw] gap-4 2xl:pt-[1.111vw] pt-4">
         {data?.pages.flat().map((unit) => (

src/pages/UnitTypesPage.tsx

@@ -1,5 +1,40 @@
+import { useState } from "react";
+import ProjectSelect from "../components/ProjectSelect";
+import { projects } from "../data/projects";
+import clsx from "clsx";
+import UnitTypeCard from "../components/UnitTypeCard";
+
 function UnitTypesPage() {
-  return <div>UnitTypesPage</div>;
+  const [selectedProject, setSelectedProject] = useState(projects[0]);
+
+  return (
+    <div className="">
+      <div
+        className={clsx(
+          "2xl:p-[2.222vw] md:max-2xl:p-6 p-4 bg-white 2xl:rounded-b-[1.667vw] rounded-b-3xl 2xl:space-y-[2.222vw] md:max-2xl:space-y-8 space-y-4"
+        )}
+      >
+        <div className="2xl:space-y-[1.111vw] space-y-4">
+          <p className="2xl:text-[2.222vw] md:max-2xl:text-[32px] text-2xl font-semibold leading-[135%]">
+            Search
+          </p>
+          <ProjectSelect
+            projects={projects}
+            onSelect={(project) => setSelectedProject(project)}
+          />
+        </div>
+      </div>
+      <div className="m-4 md:max-2xl:m-6 2xl:m-[2.222vw] grid grid-cols-1 md:max-2xl:grid-cols-2 2xl:grid-cols-4 gap-4 2xl:gap-[1.111vw]">
+        {selectedProject.types?.map((type, index) => (
+          <UnitTypeCard
+            key={index}
+            project={selectedProject.title}
+            type={type}
+          />
+        ))}
+      </div>
+    </div>
+  );
 }
 
 export default UnitTypesPage;