Compare commits

..

2 Commits

7 changed files with 37 additions and 31 deletions

View File

@ -5,7 +5,7 @@ import HeroOther from "@/components/HeroOther";
import { getDefaultMetadata } from "@/utils/metadata"; import { getDefaultMetadata } from "@/utils/metadata";
import { sanitizePageNumber } from "@/utils/sanitize"; import { sanitizePageNumber } from "@/utils/sanitize";
import { Metadata } from "next"; import { Metadata } from "next";
import { headers } from "next/headers"; // import { headers } from "next/headers";
import { Suspense } from "react"; import { Suspense } from "react";
export async function generateMetadata(): Promise<Metadata> { export async function generateMetadata(): Promise<Metadata> {
@ -21,8 +21,8 @@ export default async function CategoryPage({
searchParams?: Promise<{ page?: string; s?: string }>; searchParams?: Promise<{ page?: string; s?: string }>;
}) { }) {
const path = (await params)?.path; const path = (await params)?.path;
const headersList = await headers(); // const headersList = await headers();
const paramsCategory = path?.[0] ?? ""; // const paramsCategory = path?.[0] ?? "";
const paramsPage = path?.[2] ?? ""; const paramsPage = path?.[2] ?? "";
const paramsSearch = (await searchParams)?.s; const paramsSearch = (await searchParams)?.s;
const page = sanitizePageNumber(paramsPage); const page = sanitizePageNumber(paramsPage);

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -60,7 +60,10 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
{link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} /> {link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} />
</Link> </Link>
<ul className={`mn-sub to-right ${isDropdownOpen.includes(link.text) && "open"}`} ref={dropdownRef}> <ul
className={`mn-sub to-right ${isDropdownOpen.includes(link.text) && "open"} !bg-extColorPrimary8`}
ref={dropdownRef}
>
{link.child.map((subLink: any, subLinkIdx: number) => ( {link.child.map((subLink: any, subLinkIdx: number) => (
<li key={subLinkIdx}> <li key={subLinkIdx}>
{!Array.isArray(subLink?.child) && ( {!Array.isArray(subLink?.child) && (
@ -75,7 +78,9 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
<i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} /> <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} />
</Link> </Link>
<ul className={`mn-sub to-right ${isDropdownOpen.includes(subLink.text) && "open"}`}> <ul
className={`mn-sub to-right ${isDropdownOpen.includes(subLink.text) && "open"} !bg-extColorPrimary8`}
>
{subLink.child.map((subLink2: any, subLinkIdx2: number) => ( {subLink.child.map((subLink2: any, subLinkIdx2: number) => (
<li key={subLinkIdx2}> <li key={subLinkIdx2}>
<Link href={subLink2?.href} onClick={() => toggleMobileMenu()}> <Link href={subLink2?.href} onClick={() => toggleMobileMenu()}>

View File

@ -24,7 +24,8 @@ export default function Hero() {
<p className="text-xl">Southern Arizonas Only Complete Cancer Treatment Center in Sierra Vista.</p> <p className="text-xl">Southern Arizonas 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

View File

@ -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 firstfrom the patients first greeting with the front Optimal cancer treatment places the patient firstfrom the patients 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