Amended Our Service section

src/components/home/serviceSection.vue

@@ -16,24 +16,21 @@
             <div class="card-box-c foo">
               <div class="card-header-c d-flex">
                 <div class="card-box-ico">
-                  <span class="fa fa-gamepad"></span>
+                  <span class="fa fa-umbrella"></span>
                 </div>
                 <div class="card-title-c align-self-center">
-                  <h2 class="title-c">Lifestyle</h2>
+                  <h2 class="title-c">Timeshare</h2>
                 </div>
               </div>
               <div class="card-body-c">
                 <p class="content-c">
-                  Sed porttitor lectus nibh. Cras ultricies ligula sed magna dictum porta. Praesent sapien massa,
-                  convallis a pellentesque
-                  nec, egestas non nisi.
+                  Need to sell your timeshare, or thinking of buying a holiday week?
+                  <br />Get in touch to meet the professionals that has made timeshare resales a pleasure...
                 </p>
               </div>
               <div class="card-footer-c">
-                <a href="#" class="link-c link-icon">
-                  Read more
-                  <span class="ion-ios-arrow-forward"></span>
-                </a>
+                <router-link to="/timeshare/buy">Read more</router-link>
+                <span class="ion-ios-arrow-forward"></span>
               </div>
             </div>
           </div>
@@ -41,24 +38,21 @@
             <div class="card-box-c foo">
               <div class="card-header-c d-flex">
                 <div class="card-box-ico">
-                  <span class="fa fa-usd"></span>
+                  <span class="fa fa-home"></span>
                 </div>
                 <div class="card-title-c align-self-center">
-                  <h2 class="title-c">Loans</h2>
+                  <h2 class="title-c">Residential</h2>
                 </div>
               </div>
               <div class="card-body-c">
                 <p class="content-c">
-                  Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Mauris blandit
-                  aliquet elit, eget tincidunt
-                  nibh pulvinar a.
+                  Find your dream home or looking to sell your residential property, instead?
+                  <br />We pride ourself on professionalism and the right expertise...
                 </p>
               </div>
               <div class="card-footer-c">
-                <a href="#" class="link-c link-icon">
-                  Read more
-                  <span class="ion-ios-arrow-forward"></span>
-                </a>
+                <router-link to="/property/Residential/Search">Read more</router-link>
+                <span class="ion-ios-arrow-forward"></span>
               </div>
             </div>
           </div>
@@ -66,24 +60,21 @@
             <div class="card-box-c foo">
               <div class="card-header-c d-flex">
                 <div class="card-box-ico">
-                  <span class="fa fa-home"></span>
+                  <span class="fa fa-building-o"></span>
                 </div>
                 <div class="card-title-c align-self-center">
-                  <h2 class="title-c">Sell</h2>
+                  <h2 class="title-c">Commercial</h2>
                 </div>
               </div>
               <div class="card-body-c">
                 <p class="content-c">
-                  Sed porttitor lectus nibh. Cras ultricies ligula sed magna dictum porta. Praesent sapien massa,
-                  convallis a pellentesque
-                  nec, egestas non nisi.
+                  Want to generate profit through leasing or rental?
+                  <br />Allow us to act as the mediator between landlord and tenants...
                 </p>
               </div>
               <div class="card-footer-c">
-                <a href="#" class="link-c link-icon">
-                  Read more
-                  <span class="ion-ios-arrow-forward"></span>
-                </a>
+                <router-link to="/property/Commercial/Search">Read more</router-link>
+                <span class="ion-ios-arrow-forward"></span>
               </div>
             </div>
           </div>