From d010f6a965df7cfec64efd4b8a52a72f6e93ec20 Mon Sep 17 00:00:00 2001
From: iqbal024 <muhammadiqbalalikhadafi@gmail.com>
Date: Mon, 10 Mar 2025 21:08:44 +0700
Subject: [PATCH] update icon contact us

---
 src/components/Footer.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a269aa1..a4dfdcb 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,6 @@
 import Image from "next/image";
-import { FaClock, FaFacebookF, FaFax, FaLinkedinIn, FaMapMarkerAlt, FaPhone } from "react-icons/fa";
+import { FaClock, FaFacebookF, FaFax, FaLinkedinIn, FaMapMarkerAlt } from "react-icons/fa";
+import { GiRotaryPhone } from "react-icons/gi";
 import ScrollToTop from "./ScrollToTop";
 import { fetchContact } from "@/services/payload/contact";
 import { Suspense } from "react";
@@ -53,7 +54,7 @@ async function FooterWithData() {
               </div>
             </li>
             <li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
-              <FaPhone className="text-2xl text-white-300" />
+              <GiRotaryPhone className="text-2xl text-white-300" />
               <a
                 href={`tel:${contact?.phone ?? ""}`}
                 target="_blank"
@@ -141,7 +142,7 @@ function FooterSkeleton() {
               <div className="h-2 bg-gray-300 rounded flex-1"></div>
             </li>
             <li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
-              <FaPhone className="text-2xl text-gray-300" />
+              <GiRotaryPhone className="text-2xl text-gray-300" />
               <div className="h-2 bg-gray-300 rounded flex-1"></div>
               <div className="h-2 bg-gray-300 rounded flex-1"></div>
             </li>