upd

.env

@@ -1 +1 @@
-VITE_API_URL=http://192.168.1.170:3000
+VITE_API_URL=http://194.26.138.94:4002

src/components/Footer.tsx

@@ -4,23 +4,23 @@ import InstagramIcon from "./icons/InstagramIcon";
 import FacebookIcon from "./icons/FacebookIcon";
 import LinkedInIcon from "./icons/LinkedInIcon";
 import TwitterIcon from "./icons/TwitterIcon";
-import ChevronDownIcon from "./icons/ChevronDownIcon";
+// import ChevronDownIcon from "./icons/ChevronDownIcon";
 import { useFavoritesUnitsStore } from "../stores/useFavoritesUnitsStore";
-import { AnimatePresence, motion } from "motion/react";
-import { useState } from "react";
-import { BrochureButton } from "./Header";
-import clsx from "clsx";
-import { useClickAway } from "@uidotdev/usehooks";
-import Button from "./ui/Button";
+// import { AnimatePresence, motion } from "motion/react";
+// import { useState } from "react";
+// import { BrochureButton } from "./Header";
+// import clsx from "clsx";
+// import { useClickAway } from "@uidotdev/usehooks";
+// import Button from "./ui/Button";
 import useModalStore from "../stores/useModalStore";
 import PrivacyPolicyModal from "./modals/PrivacyPolicyModal";
 
 function Footer() {
   const { favoriteUnits } = useFavoritesUnitsStore();
 
-  const [opened, setOpened] = useState(false);
+  // const [opened, setOpened] = useState(false);
 
-  const ref = useClickAway<HTMLDivElement>(() => setOpened(false));
+  // const ref = useClickAway<HTMLDivElement>(() => setOpened(false));
 
   const { setModal } = useModalStore();
 
@@ -38,7 +38,7 @@ function Footer() {
       <p className="2xl:max-w-[17.083vw] text-s text-[#0D1922]/40 2xl:col-start-1 md:max-2xl:col-start-3 max-2xl:col-span-3 md:max-2xl:row-start-2 max-md:row-start-3 md:max-2xl:mt-[52px] max-md:mt-12">
         For more information, visit
         <br />
-        our website: 
+        our website:{" "}
         <Link className="text-[#00BED7] underline" to={"https://www.irth.ae"}>
           www.irth.ae
         </Link>

src/components/Header.tsx

@@ -222,16 +222,16 @@ function NavItem({ href, title }: { href: string; title: string }) {
   );
 }
 
-function ProfileBar() {
-  return (
-    <Button
-      variant="secondary"
-      className="2xl:mr-[2.222vw] mr-4 text-[#0D1922]/70 !bg-[#F3F3F2]"
-    >
-      Login
-    </Button>
-  );
-}
+// function ProfileBar() {
+//   return (
+//     <Button
+//       variant="secondary"
+//       className="2xl:mr-[2.222vw] mr-4 text-[#0D1922]/70 !bg-[#F3F3F2]"
+//     >
+//       Login
+//     </Button>
+//   );
+// }
 
 function BrochuresDropdown() {
   const [opened, setOpened] = useState(false);

src/components/SearchFilters.tsx

@@ -623,8 +623,8 @@ function SearchFilters({
                     ...
                   </motion.span>
                 )}
-              </AnimatePresence>
-               Apartments found
+              </AnimatePresence>{" "}
+              Apartments found
             </p>
           )}
           <Button

src/components/SimilarList.tsx

@@ -1,33 +0,0 @@
-import ChevronLeftIcon from "./icons/ChevronLeftIcon";
-import ChevronRightIcon from "./icons/ChevronRightIcon";
-import Button from "./ui/Button";
-
-interface SimilarListProps {
-  type: "units" | "apartments";
-  relatedTitle: string;
-  limit: number;
-}
-
-function SimilarList({ relatedTitle, type, limit }: SimilarListProps) {
-  return (
-    <div className="2xl:space-y-[1.111vw] space-y-4">
-      <div className="flex justify-between items-center">
-        <p className="md:text-h2 text-h3 font-medium">Similar {type}</p>
-        <div className="flex 2xl:gap-[0.556vw] gap-2">
-          <Button onlyIcon variant="secondary">
-            <span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
-              <ChevronLeftIcon />
-            </span>
-          </Button>
-          <Button onlyIcon variant="secondary">
-            <span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
-              <ChevronRightIcon />
-            </span>
-          </Button>
-        </div>
-      </div>
-      <div className="flex 2xl:gap-[1.111vw] md:max-2xl:gap-4 gap-2"></div>
-    </div>
-  );
-}
-export default SimilarList;

src/components/modals/UnitFiltersModal.tsx

@@ -1,7 +0,0 @@
-import SearchFilters from "../SearchFilters";
-
-function UnitFiltersModal() {
-  return <SearchFilters inModal />;
-}
-
-export default UnitFiltersModal;

vite.config.ts

@@ -7,5 +7,9 @@ export default defineConfig({
   plugins: [react(), tailwindcss()],
   server: {
     host: true,
+    port: 4001,
+  },
+  preview: {
+    port: 4001,
   },
 });