From 8572263f1f72766e1a367d7afcf0c6aff03f9294 Mon Sep 17 00:00:00 2001
From: Gary <gary@acorn-media.co.uk>
Date: Tue, 29 Apr 2025 11:58:18 +0100
Subject: [PATCH] Update social media icons and service icons to Font Awesome 6

---
 includes/footer.php     |  6 +++---
 includes/nav.php        |  6 +++---
 sections/counter.php    | 14 +++++++-------
 sections/services-2.php | 28 ++++++++++++++--------------
 4 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/includes/footer.php b/includes/footer.php
index 0254d35..bda0a67 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -6,9 +6,9 @@
               <h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
               <p>The Roofing Specialists.</p>
               <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
-                <li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
-                <li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
-                <li class="ftco-animate"><a href="#"><span class="fa fa-instagram"></span></a></li>
+                <li class="ftco-animate"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
+                <li class="ftco-animate"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
+                <li class="ftco-animate"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
               </ul>
             </div>
           </div>
diff --git a/includes/nav.php b/includes/nav.php
index 0f7ad89..884837d 100644
--- a/includes/nav.php
+++ b/includes/nav.php
@@ -8,9 +8,9 @@
 					<div class="col-3 d-flex justify-content-end align-items-center">
 						<div class="social-media">
 			    		<p class="mb-0 d-flex">
-			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a>
-			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
-			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Instagram</i></span></a>
+			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
+			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
+			    			<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
 			    		</p>
 		        </div>
 					</div>
diff --git a/sections/counter.php b/sections/counter.php
index f39930a..c4c24ea 100644
--- a/sections/counter.php
+++ b/sections/counter.php
@@ -4,7 +4,7 @@
           <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
             <div class="block-18 text-center">
               <div class="text">
-              	<div class="icon"><span class="fa fa-calendar"></span></div>
+              	<div class="icon"><span><i class="fa-solid fa-people-roof"></i></span></div>
                 <strong class="number" data-number="25">0</strong>
               	<span>Years of Experienced</span>
               </div>
@@ -13,7 +13,7 @@
           <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
             <div class="block-18 text-center">
               <div class="text">
-              	<div class="icon"><span class="fa fa-briefcase"></span></div>
+              	<div class="icon"><span><i class="fa-solid fa-clipboard-list"></i></span></div>
                 <strong class="number" data-number="8500">0</strong>
               	<span>Project completed</span>
               </div>
@@ -22,8 +22,8 @@
           <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
             <div class="block-18 text-center">
               <div class="text">
-              	<div class="icon"><span class="fa fa-users"></span></div>
-                <strong class="number" data-number="2342">0</strong>
+              	<div class="icon"><span><i class="fa-solid fa-face-smile"></i></span></div>
+                <strong class="number" data-number="2892">0</strong>
               	<span>Happy Clients</span>
               </div>
             </div>
@@ -31,9 +31,9 @@
           <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
             <div class="block-18 text-center">
               <div class="text">
-              	<div class="icon"><span class="fa fa-bar-chart"></span></div>
-                <strong class="number" data-number="30">0</strong>
-              	<span>Business Partners</span>
+              	<div class="icon"><span><i class="fa-solid fa-people-group"></i></span></div>
+                <strong class="number" data-number="15">0</strong>
+              	<span>Team Members</span>
               </div>
             </div>
           </div>
diff --git a/sections/services-2.php b/sections/services-2.php
index 6439d38..57eed40 100644
--- a/sections/services-2.php
+++ b/sections/services-2.php
@@ -10,7 +10,7 @@
           <div class="col-md-4 services ftco-animate">
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof"></span>
+            		<span><i class="fa-solid fa-window-minimize"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">UPVC Roofline</h3>
@@ -20,7 +20,7 @@
             </div>
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-2"></span>
+                <span><i class="fa-solid fa-circle"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Fascias</h3>
@@ -30,7 +30,7 @@
             </div> 
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-trowel-bricks"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Valleys Repointed</h3>
@@ -40,7 +40,7 @@
             </div> 
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-window-minimize"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Flat Roof</h3>
@@ -50,7 +50,7 @@
             </div> 
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-soap"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Roof Cleaning</h3>
@@ -63,7 +63,7 @@
           <div class="col-md-4 services ftco-animate">
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-1"></span>
+                <span><i class="fa-solid fa-square-minus"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Soffits</h3>
@@ -73,7 +73,7 @@
             </div> 
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-3"></span>
+                <span><i class="fa-solid fa-water"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Guttering</h3>
@@ -83,7 +83,7 @@
             </div>  
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-soap"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Gutter Cleaning</h3>
@@ -93,7 +93,7 @@
             </div>  
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-people-roof"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">New Roof</h3>
@@ -103,7 +103,7 @@
             </div>
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-eraser"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Moss Removal</h3>
@@ -116,7 +116,7 @@
           <div class="col-md-4 services ftco-animate">
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-5"></span>
+                <span><i class="fa-solid fa-hammer"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Roof Repairs</h3>
@@ -126,7 +126,7 @@
             </div>
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-trowel-bricks"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Ridges Pointed</h3>
@@ -138,7 +138,7 @@
              
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-droplet"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Leaks Repaired</h3>
@@ -151,7 +151,7 @@
             
             <div class="d-block d-flex">
               <div class="icon d-flex justify-content-center align-items-center">
-            		<span class="flaticon-roof-4"></span>
+                <span><i class="fa-solid fa-people-roof"></i></span>
               </div>
               <div class="media-body pl-3">
                 <h3 class="heading">Re-Roofs</h3>