fix: some header, footer, hero element's style
This commit is contained in:
parent
9bfe2fc700
commit
dbf89a93e5
@ -52,7 +52,7 @@ export function BeforeFooterBlock({ title, description, buttonText, showLinier =
|
||||
<div className="pt-5">
|
||||
<Link
|
||||
href="/contact"
|
||||
className="inline-block bg-extColorPrimary6 hover:bg-extColorPrimary8 text-white py-3 px-6 rounded-full text-lg shadow-lg transition-all duration-500"
|
||||
className="inline-block bg-extColorPrimary6 hover:bg-extColorPrimary8 text-white py-3 px-6 hover:scale-105 rounded-full text-lg shadow-sm transition-all duration-500"
|
||||
>
|
||||
{buttonText ?? placeholderButtonText} →
|
||||
</Link>
|
||||
|
||||
@ -29,8 +29,8 @@ async function FooterWithData() {
|
||||
<div className="container mx-auto flex flex-wrap justify-around 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-4 mb-2 text-[19px]">© {new Date().getFullYear()} All Rights Reserved</p>
|
||||
<a href="/privacy-policy" className="text-sm text-orange-300 font-semibold">
|
||||
<p className="mt-4 mb-2">© {new Date().getFullYear()} All Rights Reserved</p>
|
||||
<a href="/privacy-policy" className="text text-extColorPrimary8 font-semibold">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</div>
|
||||
@ -38,7 +38,7 @@ async function FooterWithData() {
|
||||
<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-0">
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<FaMapMarkerAlt className="text-2xl text-white-300" />
|
||||
<div className="leading-tight">
|
||||
<a
|
||||
@ -53,7 +53,7 @@ async function FooterWithData() {
|
||||
<span className="text-sm text-white-300">{contact?.fullLocation ?? ""}</span>
|
||||
</div>
|
||||
</li>
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<GiRotaryPhone className="text-2xl text-white-300" />
|
||||
<a
|
||||
href={`tel:${contact?.phone ?? ""}`}
|
||||
@ -64,7 +64,7 @@ async function FooterWithData() {
|
||||
{contact?.phone ?? ""}
|
||||
</a>
|
||||
</li>
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<FaFax className="text-2xl text-white-300" />
|
||||
<a
|
||||
href={`tel:${contact?.fax ?? ""}`}
|
||||
@ -75,7 +75,7 @@ async function FooterWithData() {
|
||||
Fax: {contact?.fax ?? ""}
|
||||
</a>
|
||||
</li>
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<FaFacebookF className="text-2xl text-white-300" />
|
||||
<a
|
||||
href={contact?.facebook ?? ""}
|
||||
@ -136,22 +136,22 @@ function FooterSkeleton() {
|
||||
<div className="w-full md:w-1/3 mb-6 md:mb-0 animate-pulse">
|
||||
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
||||
<ul className="space-y-4 border-gray-400 pl-0">
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<FaMapMarkerAlt 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>
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<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>
|
||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89] pb-2">
|
||||
<FaFax 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>
|
||||
<li className="flex items-center space-x-4">
|
||||
<li className="flex items-center space-x-4 border-b-[0.8px] border-[#b69a89]">
|
||||
<FaFacebookF 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>
|
||||
|
||||
@ -11,27 +11,27 @@ const shareIcons: Record<string, any> = {
|
||||
phone: {
|
||||
link: "tel:+15208036644",
|
||||
dom: (
|
||||
<span className="social-nav flex gap-1 text-2xl lg:text-[#00898b]">
|
||||
<Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={25} />
|
||||
<b className="text-sm">(520) 803-6644</b>
|
||||
<span className="social-nav flex gap-1 text-2xl lg:text-white">
|
||||
<Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={22} />
|
||||
<b className="text-[17px]">(520) 803-6644</b>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
facebook: {
|
||||
link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
|
||||
dom: (
|
||||
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
|
||||
<FaFacebook />
|
||||
<b className="text-sm lg:hidden">Facebook</b>
|
||||
<span className="social-nav flex gap-3 text-2xl lg:text-white">
|
||||
<FaFacebook size={25} />
|
||||
<b className="text-[17px] lg:hidden">Facebook</b>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
linkedin: {
|
||||
link: "https://linkedin.com/company/cochise-oncology",
|
||||
dom: (
|
||||
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
|
||||
<FaLinkedin />
|
||||
<b className="text-sm lg:hidden">Linkedin</b>
|
||||
<span className="social-nav flex gap-3 text-2xl lg:text-white">
|
||||
<FaLinkedin size={25} />
|
||||
<b className="text-[17px] lg:hidden">Linkedin</b>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
@ -78,7 +78,7 @@ export default function Header({ links }: { links: typeof navMenuData }) {
|
||||
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
|
||||
<a
|
||||
href="/contact"
|
||||
className="bg-[#00898b] px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:bg-[#00abad] scale-[1.02] mt-3 lg:mt-0"
|
||||
className="bg-extColorPrimary8 px-3 py-2 rounded-full text-white font-bold hover:cursor-pointer hover:scale-[1.15] mt-3 lg:mt-0 transition-transform duration-300"
|
||||
>
|
||||
REQUEST CONSULTATION
|
||||
</a>
|
||||
@ -86,7 +86,7 @@ export default function Header({ links }: { links: typeof navMenuData }) {
|
||||
{Object.keys(shareIcons).map((k, idx) => {
|
||||
return (
|
||||
<li key={idx} className="!p-0 !m-0">
|
||||
<a className="cursor-pointer" href={shareIcons[k].link} target="_blank">
|
||||
<a className="cursor-pointer text-white" href={shareIcons[k].link} target="_blank">
|
||||
{shareIcons[k].dom}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@ -24,7 +24,8 @@ export default function Hero() {
|
||||
<p className="text-xl">Southern Arizona’s Only Complete Cancer Treatment Center in Sierra Vista.</p>
|
||||
<a
|
||||
href="/contact"
|
||||
className="btn btn-mod btn-border-w btn-large btn-round align-middle w-full md:w-1/2 lg:w-1/4 hover:opacity-[0.5]"
|
||||
// className="btn btn-mod btn-border-w btn-large btn-round align-middle w-full md:w-1/2 lg:w-1/4 hover:opacity-[0.5]"
|
||||
className="inline-block bg-extColorPrimary6 hover:bg-extColorPrimary8 text-white py-1 px-6 hover:scale-105 rounded-full text-lg shadow-lg transition-all duration-500"
|
||||
data-btn-animate="y"
|
||||
>
|
||||
Request Consultation
|
||||
|
||||
@ -123,15 +123,15 @@ export default function homepage({ dark = false }) {
|
||||
<div className="row wow fadeInUp">
|
||||
<div className="col-12 col-lg-6 offset-lg-6 col-xl-6 offset-xl-6">
|
||||
<h2 className="section-title mb-40 mb-sm-30">A Cancer Treatment Center of Excellence</h2>
|
||||
<p className="text-sm">
|
||||
<p className="">
|
||||
Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We
|
||||
are the largest full-service cancer treatment center between Albuquerque, New Mexico and Tucson,
|
||||
Arizona. Our services cover radiation treatments as well as chemotherapy, and we also have an infusion
|
||||
center. We offer support groups as well as free hospitality housing for patients undergoing treatment.
|
||||
Read on to learn more about our establishment, or reach out to us via phone or email to make an inquiry.
|
||||
</p>
|
||||
<h4>The Mission of Cochise Oncology</h4>
|
||||
<p className="text-sm">
|
||||
<h2 className="section-title mb-40 mb-sm-30">The Mission of Cochise Oncology</h2>
|
||||
<p className="">
|
||||
To provide excellence in cancer and patient care in a comprehensive center for the local community.
|
||||
Optimal cancer treatment places the patient first—from the patient’s first greeting with the front
|
||||
office staff to the trust they develop with the physicians and the whole treatment team. We believe our
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user