86 lines
3.4 KiB
TypeScript
Raw Normal View History

2025-02-01 06:57:24 +07:00
"use client";
import React from "react";
import Image from "next/image";
2025-02-12 01:12:40 +07:00
import { FaPhone, FaFax, FaFacebook, FaMapMarkerAlt, FaClock } from "react-icons/fa";
2025-02-01 06:57:24 +07:00
2025-02-03 23:54:05 +07:00
export default function Footer() {
2025-02-12 01:12:40 +07:00
const scrollToTop = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
2025-02-01 06:57:24 +07:00
event.preventDefault();
2025-02-12 01:12:40 +07:00
window.scrollTo({ top: 0, behavior: "smooth" });
2025-02-01 06:57:24 +07:00
};
return (
2025-02-13 01:00:37 +07:00
<div
className="relative text-white py-10"
style={{
backgroundColor: "transparent",
2025-02-27 22:09:41 +07:00
backgroundImage: "linear-gradient(172deg, #798D90 0%, #C48853 100%)",
2025-02-13 01:00:37 +07:00
}}
>
2025-02-12 01:12:40 +07:00
<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>
<a href="/privacy-policy" className="text-sm text-orange-300 font-semibold">
Privacy Policy
</a>
2025-02-01 06:57:24 +07:00
</div>
2025-02-12 01:12:40 +07:00
2025-02-12 01:18:57 +07:00
<div className="w-full md:w-1/3 mb-6 md:mb-0">
2025-02-12 01:12:40 +07:00
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
2025-02-12 02:27:42 +07:00
<ul className="space-y-4 border-gray-400 pl-0">
2025-02-12 01:18:57 +07:00
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
2025-02-12 01:12:40 +07:00
<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"
2025-02-21 16:47:15 +07:00
className="text-lg text-white"
2025-02-12 01:12:40 +07:00
>
5151 E HIGHWAY 90
</a>
<br />
<span className="text-sm text-gray-300">Sierra Vista, Arizona 85635</span>
</div>
</li>
2025-02-12 01:18:57 +07:00
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
2025-02-12 01:12:40 +07:00
<FaPhone className="text-2xl text-gray-300" />
<span className="text-lg">(520) 803-6644</span>
</li>
2025-02-12 01:18:57 +07:00
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
2025-02-12 01:12:40 +07:00
<FaFax className="text-2xl text-gray-300" />
<span className="text-lg">Fax: (520) 459-3193</span>
</li>
2025-02-12 01:18:57 +07:00
<li className="flex items-center space-x-4">
2025-02-12 01:12:40 +07:00
<FaFacebook className="text-2xl text-gray-300" />
<a
href="https://www.facebook.com/p/Cochise-Oncology-61556262839823"
target="_blank"
rel="noopener noreferrer"
2025-02-21 16:47:15 +07:00
className="text-lg text-white"
2025-02-12 01:12:40 +07:00
>
Facebook
2025-02-01 06:57:24 +07:00
</a>
2025-02-12 01:12:40 +07:00
</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>
2025-02-01 06:57:24 +07:00
</div>
</div>
</div>
2025-02-12 01:12:40 +07:00
<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>
2025-02-01 06:57:24 +07:00
);
}