diff --git a/public/assets/css/style.css b/public/assets/css/style.css index b7a8cd1..a9bd1f6 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1164,8 +1164,8 @@ hr.thick { } .hs-title-2 { margin-top: 0; - font-size: 120px !important; - font-weight: 400 !important; + font-size: 100px !important; + font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.025em !important; } @@ -1181,8 +1181,9 @@ hr.thick { font-size: 38px !important; font-weight: 400 !important; line-height: 1.3 !important; - letter-spacing: 0.3em !important; + letter-spacing: 0.1em !important; text-transform: uppercase !important; + color: #e3b19b; } .hs-title-3a { margin-top: 0 !important; @@ -4319,15 +4320,17 @@ a.logo:hover { backdrop-filter: blur(10px); } .main-nav.dark .inner-nav ul > li > a { - font-size: 16px; + font-size: 18px; color: #fff; opacity: 0.78; + padding: 10px; } .main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active { color: #fff; opacity: 1 !important; } + .main-nav.dark .inner-nav ul li .mn-sub li a { opacity: 1; } diff --git a/public/assets/images/Cochise_New-service_Radixact-Announcement-900x900-1-1-768x768.webp b/public/assets/images/Cochise_New-service_Radixact-Announcement-900x900-1-1-768x768.webp new file mode 100644 index 0000000..d0f7583 Binary files /dev/null and b/public/assets/images/Cochise_New-service_Radixact-Announcement-900x900-1-1-768x768.webp differ diff --git a/src/app/(main)/home-bg-video/page.tsx b/src/app/(main)/home-bg-video/page.tsx index 6b78ae9..4c865b9 100644 --- a/src/app/(main)/home-bg-video/page.tsx +++ b/src/app/(main)/home-bg-video/page.tsx @@ -11,7 +11,7 @@ export default function HomeBgVideo() {
-
+
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx index 876f694..b984640 100644 --- a/src/app/(main)/layout.tsx +++ b/src/app/(main)/layout.tsx @@ -15,7 +15,9 @@ import "react-modal-video/css/modal-video.css"; import "photoswipe/dist/photoswipe.css"; import "tippy.js/dist/tippy.css"; import "@public/assets/css/styles.css"; +import { Roboto } from "next/font/google"; +const roboto = Roboto({ subsets: ["latin"] }); export default function MainLayout({ children, }: Readonly<{ @@ -51,7 +53,7 @@ export default function MainLayout({ }, []); return ( - +
@@ -59,12 +61,7 @@ export default function MainLayout({
{children}
- {/*
-
- -
*/}
- {/*
*/}
diff --git a/src/components/HeaderNav.tsx b/src/components/HeaderNav.tsx index 1cce3db..ad6a192 100644 --- a/src/components/HeaderNav.tsx +++ b/src/components/HeaderNav.tsx @@ -37,60 +37,68 @@ export default function HeaderNav({ links, animateY = false }: any) { <> {links[0].href?.includes("/") && links.map((link: any, index: any) => ( -
  • - {!Array.isArray(link?.child) && ( - - {animateY ? ( - - {link.text} -
  • + {!Array.isArray(link?.child) && ( + + {animateY ? ( + + {link.text} + - - ) : ( - link.text - )} - - )} - - {Array.isArray(link?.child) && ( - <> - - {link.text} toggleDropdown([link.text])} /> + ) : ( + link.text + )} + )} -
      - {link.child.map((subLink: any, subLinkIdx: number) => ( -
    • - {!Array.isArray(subLink?.child) && ( - toggleMobileMenu()}> - {subLink?.text} - - )} - {Array.isArray(subLink?.child) && ( - <> - - {subLink.text}{" "} - toggleDropdown([link.text, subLink.text])} /> + {Array.isArray(link?.child) && ( + <> + + {link.text} toggleDropdown([link.text])} /> + + +
        + {link.child.map((subLink: any, subLinkIdx: number) => ( +
      • + {!Array.isArray(subLink?.child) && ( + toggleMobileMenu()}> + {subLink?.text} + )} + {Array.isArray(subLink?.child) && ( + <> + + {subLink.text}{" "} + toggleDropdown([link.text, subLink.text])} + /> + -
          - {subLink.child.map((subLink2: any, subLinkIdx2: number) => ( -
        • - toggleMobileMenu()}> - {subLink2?.text} - -
          • - ))} -
        - - )} -
        • - ))} -
      - +
        + {subLink.child.map((subLink2: any, subLinkIdx2: number) => ( +
      • + toggleMobileMenu()}> + {subLink2?.text} + +
        • + ))} +
      + + )} +
      • + ))} +
    + + )} +
    • + {index != links.length - 1 && ( +
    )} - + ))} {!links[0].href?.includes("/") && diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index a213c0f..294a0ba 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -14,16 +14,16 @@ export default function Hero() { -
    +
    {/* Home Section Content */}
    {/* Home Section Text */}
    -

    Healing Begins Here

    -

    Cochise Oncology

    -

    Southern Arizona’s Only Complete Cancer Treatment Center in Sierra Vista.

    +

    Healing Begins Here

    +

    Cochise Oncology

    +

    Southern Arizona’s Only Complete Cancer Treatment Center in Sierra Vista.

    {/* End Home Section Content */} - {/* Scroll Down */} - - {/* End Scroll Down */}
    ); diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx index 9a7a839..6bddcd1 100644 --- a/src/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -1,7 +1,5 @@ -import { features4 } from "@/data/features"; import Image from "next/image"; import Link from "next/link"; -import Cta3 from "./cta3"; import Testimonials from "./Testimonials"; import About from "./About"; import Contact from "./Contacts/Contact"; @@ -10,95 +8,58 @@ export default function homepage({ onePage = false, dark = false }) { return ( <>
    -
    +
    +
    +
    + + +
    +
    {/* Section Text */} -
    -
    -

    About Oncology

    -

    Begin your path to healing with Cochise Oncology.

    -

    - Our dedicated team in Sierra Vista, AZ is here to support you with hope, strength, and courage. We - offer personalized cancer care using innovative treatments in our state-of-the-art facility. Take the - first step towards comprehensive, patient-focused treatment by scheduling a consultation. Let us - listen to your needs, answer your questions, and create a tailored plan for your journey. Fill out our - form to connect with our compassionate experts and discover how Cochise Oncology can stand with you in - your fight against cancer. -

    - {/* Features List */} -
    - {/* Features List Item */} - {features4.map((feature, index) => ( -
    -
    - -
    -
    {feature.text}
    -
    - ))} - {/* End Features List Item */} -
    - {/* End Features List */} -
    - {onePage ? ( - <> - - Contact us - - - ) : ( - <> - - Contact us - - - )} - {onePage ? ( - <> - ) : ( - <> - {" "} - -
    - Find more about Radixact - -
    - - - )} -
    -
    -
    +
    {/* End Section Text */} - {/* Image */} -
    -
    -
    -
    - -
    - Image Description -
    -
    -
    - {/* End Images */}
    -
    - +
    +
    +
    +
    +
    + Image Description +
    +
    + Image Description +
    +
    +
    +
    +
    +

    + Radiation Oncology +

    +
    +
    + Medical Oncology +
    +
    + Skin Cancer +
    +
    + {/*
    + +
    */}
    {/* Mobile Overlay */} @@ -125,10 +86,6 @@ export default function homepage({ onePage = false, dark = false }) { with excellent training, developing multidisciplinary collaborations, and using the latest technology available in the most comfortable environment.

    - - {/* Features List */} - - {/* End Features List */}
    diff --git a/src/utils/changeHeaderOnScroll.ts b/src/utils/changeHeaderOnScroll.ts index 5a6d718..6f93a35 100644 --- a/src/utils/changeHeaderOnScroll.ts +++ b/src/utils/changeHeaderOnScroll.ts @@ -1,16 +1,13 @@ export const headerChangeOnScroll = () => { const mainNav = document.querySelector(".main-nav"); - const navLogoWrapLogo = document.querySelector(".nav-logo-wrap .logo"); const lightAfterScroll = document.querySelector(".light-after-scroll"); if (window.scrollY > 0) { mainNav?.classList.remove("transparent"); - mainNav?.classList.add("small-height", "body-scrolled"); - if (navLogoWrapLogo) navLogoWrapLogo.classList.add("small-height"); + mainNav?.classList.add("body-scrolled"); if (lightAfterScroll) lightAfterScroll.classList.remove("dark"); } else if (window.scrollY === 0) { mainNav?.classList.add("transparent"); - mainNav?.classList.remove("small-height", "body-scrolled"); - if (navLogoWrapLogo) navLogoWrapLogo.classList.remove("small-height"); + mainNav?.classList.remove("body-scrolled"); if (lightAfterScroll) lightAfterScroll.classList.add("dark"); } };