Prop Search Image replaced

src/components/property/propertySearchPage.vue

@@ -1,24 +1,24 @@
 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <div class="col-sm-12">
-      <div class="about-img-box">
-        <img
-          src="img/Johannesburg-south-africa-1.jpg"
-          alt="Property Listing"
-          class="img-fluid"
-          style="width:800px;height:400px;"
-        />
-      </div>
-      <div class="sinse-box">
-        <h3 class="sinse-title">
-          Property Listing
-          <span></span>
-        </h3>
-      </div>
-    </div>
-    <br />
     <div class="container col-md-10" v-if="propertyType === 'Residential'">
+      <div class="col-sm-12">
+        <div class="about-img-box">
+          <img
+            src="img/Pretoria-South-Africa.jpg"
+            alt="Property Listing"
+            class="img-fluid"
+            style="width:800px;height:400px;"
+          />
+        </div>
+        <div class="sinse-box">
+          <h3 class="sinse-title">
+            Property Listing
+            <span></span>
+          </h3>
+        </div>
+      </div>
+      <br />
       <div class="row">
         <div class="col-md-12">
           <h1 class="my-4">About Residential Properties</h1>
@@ -70,7 +70,25 @@
       </div>
       <br />
     </div>
+
     <div class="container col-md-10" v-if="propertyType === 'Commercial'">
+      <div class="col-sm-12">
+        <div class="about-img-box">
+          <img
+            src="img/Johannesburg-south-africa-1.jpg"
+            alt="Property Listing"
+            class="img-fluid"
+            style="width:800px;height:400px;"
+          />
+        </div>
+        <div class="sinse-box">
+          <h3 class="sinse-title">
+            Property Listing
+            <span></span>
+          </h3>
+        </div>
+      </div>
+      <br />
       <div class="row">
         <div class="col-md-12">
           <h1 class="my-4">About Commercial Properties</h1>