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">
|
<div className="pt-5">
|
||||||
<Link
|
<Link
|
||||||
href="/contact"
|
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} →
|
{buttonText ?? placeholderButtonText} →
|
||||||
</Link>
|
</Link>
|
||||||
|
@ -29,8 +29,8 @@ async function FooterWithData() {
|
|||||||
<div className="container mx-auto flex flex-wrap justify-around items-start px-6">
|
<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">
|
<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} />
|
<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>
|
<p className="mt-4 mb-2">© {new Date().getFullYear()} All Rights Reserved</p>
|
||||||
<a href="/privacy-policy" className="text-sm text-orange-300 font-semibold">
|
<a href="/privacy-policy" className="text text-extColorPrimary8 font-semibold">
|
||||||
Privacy Policy
|
Privacy Policy
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -38,7 +38,7 @@ async function FooterWithData() {
|
|||||||
<div className="w-full md:w-1/3 mb-6 md:mb-0">
|
<div className="w-full md:w-1/3 mb-6 md:mb-0">
|
||||||
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
||||||
<ul className="space-y-4 border-gray-400 pl-0">
|
<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" />
|
<FaMapMarkerAlt className="text-2xl text-white-300" />
|
||||||
<div className="leading-tight">
|
<div className="leading-tight">
|
||||||
<a
|
<a
|
||||||
@ -53,7 +53,7 @@ async function FooterWithData() {
|
|||||||
<span className="text-sm text-white-300">{contact?.fullLocation ?? ""}</span>
|
<span className="text-sm text-white-300">{contact?.fullLocation ?? ""}</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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" />
|
<GiRotaryPhone className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={`tel:${contact?.phone ?? ""}`}
|
href={`tel:${contact?.phone ?? ""}`}
|
||||||
@ -64,7 +64,7 @@ async function FooterWithData() {
|
|||||||
{contact?.phone ?? ""}
|
{contact?.phone ?? ""}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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" />
|
<FaFax className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={`tel:${contact?.fax ?? ""}`}
|
href={`tel:${contact?.fax ?? ""}`}
|
||||||
@ -75,7 +75,7 @@ async function FooterWithData() {
|
|||||||
Fax: {contact?.fax ?? ""}
|
Fax: {contact?.fax ?? ""}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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" />
|
<FaFacebookF className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={contact?.facebook ?? ""}
|
href={contact?.facebook ?? ""}
|
||||||
@ -136,22 +136,22 @@ function FooterSkeleton() {
|
|||||||
<div className="w-full md:w-1/3 mb-6 md:mb-0 animate-pulse">
|
<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>
|
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
||||||
<ul className="space-y-4 border-gray-400 pl-0">
|
<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" />
|
<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>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</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" />
|
<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>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</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" />
|
<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>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</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" />
|
<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>
|
||||||
<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: {
|
phone: {
|
||||||
link: "tel:+15208036644",
|
link: "tel:+15208036644",
|
||||||
dom: (
|
dom: (
|
||||||
<span className="social-nav flex gap-1 text-2xl lg:text-[#00898b]">
|
<span className="social-nav flex gap-1 text-2xl lg:text-white">
|
||||||
<Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={25} />
|
<Image src="/assets/icons/phone.png" alt="Image Description" width={25} height={22} />
|
||||||
<b className="text-sm">(520) 803-6644</b>
|
<b className="text-[17px]">(520) 803-6644</b>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
facebook: {
|
facebook: {
|
||||||
link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
|
link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
|
||||||
dom: (
|
dom: (
|
||||||
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
|
<span className="social-nav flex gap-3 text-2xl lg:text-white">
|
||||||
<FaFacebook />
|
<FaFacebook size={25} />
|
||||||
<b className="text-sm lg:hidden">Facebook</b>
|
<b className="text-[17px] lg:hidden">Facebook</b>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
linkedin: {
|
linkedin: {
|
||||||
link: "https://linkedin.com/company/cochise-oncology",
|
link: "https://linkedin.com/company/cochise-oncology",
|
||||||
dom: (
|
dom: (
|
||||||
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
|
<span className="social-nav flex gap-3 text-2xl lg:text-white">
|
||||||
<FaLinkedin />
|
<FaLinkedin size={25} />
|
||||||
<b className="text-sm lg:hidden">Linkedin</b>
|
<b className="text-[17px] lg:hidden">Linkedin</b>
|
||||||
</span>
|
</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">
|
<div className="flex flex-col items-center h-full w-full content-center justify-center gap-2">
|
||||||
<a
|
<a
|
||||||
href="/contact"
|
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
|
REQUEST CONSULTATION
|
||||||
</a>
|
</a>
|
||||||
@ -86,7 +86,7 @@ export default function Header({ links }: { links: typeof navMenuData }) {
|
|||||||
{Object.keys(shareIcons).map((k, idx) => {
|
{Object.keys(shareIcons).map((k, idx) => {
|
||||||
return (
|
return (
|
||||||
<li key={idx} className="!p-0 !m-0">
|
<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}
|
{shareIcons[k].dom}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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>
|
<p className="text-xl">Southern Arizona’s Only Complete Cancer Treatment Center in Sierra Vista.</p>
|
||||||
<a
|
<a
|
||||||
href="/contact"
|
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"
|
data-btn-animate="y"
|
||||||
>
|
>
|
||||||
Request Consultation
|
Request Consultation
|
||||||
|
@ -123,15 +123,15 @@ export default function homepage({ dark = false }) {
|
|||||||
<div className="row wow fadeInUp">
|
<div className="row wow fadeInUp">
|
||||||
<div className="col-12 col-lg-6 offset-lg-6 col-xl-6 offset-xl-6">
|
<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>
|
<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
|
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,
|
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
|
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.
|
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.
|
Read on to learn more about our establishment, or reach out to us via phone or email to make an inquiry.
|
||||||
</p>
|
</p>
|
||||||
<h4>The Mission of Cochise Oncology</h4>
|
<h2 className="section-title mb-40 mb-sm-30">The Mission of Cochise Oncology</h2>
|
||||||
<p className="text-sm">
|
<p className="">
|
||||||
To provide excellence in cancer and patient care in a comprehensive center for the local community.
|
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
|
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
|
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