commit

package.json

@@ -33,6 +33,7 @@
     "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",
@@ -62,5 +63,6 @@
     "prettier": "^3.4.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
-  }
+  },
+  "packageManager": "yarn@4.6.0"
 }

src/components/Footer.tsx

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