package.json

@@ -33,7 +33,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
-    "react-icons": "^5.4.0",
     "react-modal-video": "^2.0.2",
     "react-photoswipe-gallery": "^3.0.1",
     "rellax": "^1.12.1",
@@ -63,6 +62,5 @@
     "prettier": "^3.4.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
-  },
+  }
-  "packageManager": "yarn@4.6.0"
 }

src/components/Footer.tsx

@@ -1,80 +1,86 @@
 "use client";
 import React from "react";
 import Image from "next/image";
-import { FaPhone, FaFax, FaFacebook, FaMapMarkerAlt, FaClock } from "react-icons/fa";
+import FooterSocials from "./FooterSocial";
+import { footerLinks, navigationLinks } from "@/data/footer";
 
 export default function Footer() {
-  const scrollToTop = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+  const scrollToTop = (event: any) => {
     event.preventDefault();
-    window.scrollTo({ top: 0, behavior: "smooth" });
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth", // Linear easing replacement
+    });
   };
 
   return (
-    <div className="relative text-white py-10">
+    <>
-      <div className="container mx-auto flex flex-wrap justify-between items-start px-6">
+      <div className="container position-relative">
-        <div className="w-full md:w-1/4 mb-6 md:mb-0 flex flex-col items-start">
+        <div className="row pb-sm-80 pb-xs-50">
-          <Image src="/assets/images/demo-slick/logo-dark.webp" alt="Cochise Oncology Logo" width={363} height={138} />
+          <div className="col-md-2 col-lg-3 text-gray mb-sm-50">
-          <p className="text-sm mt-3">© {new Date().getFullYear()} All Rights Reserved</p>
+            <div className="mb-30">
-          <p className="text-sm text-orange-300 font-semibold">Website by Megaphone Designs</p>
+              <Image
-          <a href="/privacy-policy" className="text-sm text-orange-300 font-semibold">
+                src="/assets/images/demo-slick/logo-dark.webp"
-            Privacy Policy
+                alt="Cochise Oncology Logo"
-          </a>
+                width={250}
-        </div>
+                height={56}
-
+                className="dark-mode-logo"
-        <div className="w-full md:w-1/3 mb-6 md:mb-0">
+              />
-          <h3 className="text-lg font-semibold mb-4">Contact Us</h3>
+            </div>
-          <ul className="space-y-4 border-gray-400 pl-4">
+          </div>
-            <li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
+          <div className="col-md-7 offset-md-1 offset-lg-2">
-              <FaMapMarkerAlt className="text-2xl text-gray-300" />
+            <div className="row mt-n30">
-              <div className="leading-tight">
+              {/* Footer Widget */}
-                <a
+              <div className="col-sm-3 mt-30 mx-4">
-                  href="https://www.google.com/maps/place/5151+AZ-90,+Sierra+Vista,+AZ+85635"
+                <h3 className="fw-title">Business Hours</h3>
-                  target="_blank"
+                <ul className="fw-menu clearlist local-scroll">
-                  rel="noopener noreferrer"
+                  <li>
-                  className="underline text-lg"
+                    <a className="#">Monday - Friday: 8am - 5pm</a>
-                >
+                  </li>
-                  5151 E HIGHWAY 90
+                </ul>
-                </a>
-                <br />
-                <span className="text-sm text-gray-300">Sierra Vista, Arizona 85635</span>
               </div>
-            </li>
+              {/* End Footer Widget */}
-            <li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
+              {/* Footer Widget */}
-              <FaPhone className="text-2xl text-gray-300" />
+              <div className="col-sm-3 mt-30 mx-4">
-              <span className="text-lg">(520) 803-6644</span>
+                <h3 className="fw-title">Contact Us</h3>
-            </li>
+                <ul className="fw-menu clearlist">
-            <li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
+                  <FooterSocials />
-              <FaFax className="text-2xl text-gray-300" />
+                </ul>
-              <span className="text-lg">Fax: (520) 459-3193</span>
+              </div>
-            </li>
+              {/* End Footer Widget */}
-            <li className="flex items-center space-x-4">
+              {/* Footer Widget */}
-              <FaFacebook className="text-2xl text-gray-300" />
+              <div className="col-sm-3 mt-30 mx-4">
-              <a
+                <h3 className="fw-title">Legal &amp; Press</h3>
-                href="https://www.facebook.com/p/Cochise-Oncology-61556262839823"
+                <ul className="fw-menu clearlist">
-                target="_blank"
+                  {footerLinks.map((elm: any, i: number) => (
-                rel="noopener noreferrer"
+                    <li key={i}>
-                className="underline text-lg"
+                      <a href={elm.path}>{elm.name}</a>
-              >
+                    </li>
-                Facebook
+                  ))}
-              </a>
+                </ul>
-            </li>
+              </div>
-          </ul>
+              {/* End Footer Widget */}
-        </div>
+            </div>
-
-        <div className="w-full md:w-1/4">
-          <h3 className="text-lg font-semibold mb-4">Business Hours</h3>
-          <div className="flex items-center space-x-2">
-            <FaClock className="text-xl" />
-            <span className="text-base font-medium">Monday - Friday: 8am - 5pm</span>
           </div>
         </div>
-      </div>
+        {/* Footer Text */}
-
+        <div className="row text-gray">
-      <div className="text-center mt-6">
+          <div className="col-md-4 col-lg-3">
-        <div onClick={scrollToTop} className="cursor-pointer text-white font-semibold" aria-label="Scroll to top">
+            <b>© {new Date().getFullYear()} All Rights Reserved</b>
-          Back to Top ↑
+          </div>
+          <div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
+            {/* Back to Top Link */}
+            <div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}>
+              <a href="#top" className="link-to-top color-light relative">
+                <i className="mi-arrow-up size-24 absolute top-[34px] left-3" />
+                <span className="visually-hidden">Scroll to top</span>
+              </a>
+            </div>
+            {/* End Back to Top Link */}
+          </div>
         </div>
+        {/* End Footer Text */}
       </div>
-    </div>
+    </>
   );
 }