Not found and loading pages

components/PropertyCard.jsx

@@ -1,6 +1,12 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import { FaBed, FaBath, FaRulerCombined, FaMoneyBill } from 'react-icons/fa';
+import {
+  FaBed,
+  FaBath,
+  FaRulerCombined,
+  FaMoneyBill,
+  FaMapMarker,
+} from 'react-icons/fa';
 
 const PropertyCard = ({ property }) => {
   const getRateDisplay = () => {
@@ -63,7 +69,7 @@ const PropertyCard = ({ property }) => {
 
         <div className='flex flex-col lg:flex-row justify-between mb-4'>
           <div className='flex align-middle gap-2 mb-4 lg:mb-0'>
-            <i className='fa-solid fa-location-dot text-lg text-orange-700'></i>
+            <FaMapMarker className='text-orange-700 mt-1' />
             <span className='text-orange-700'>
               {' '}
               {property.location.city}, {property.location.state}