rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into dev

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-03-04 21:15:40 +07:00
commit fccd846349
8 changed files with 134 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/assets/css/style.css
View File

@ -3908,8 +3908,8 @@ a.logo:hover {
display: none; display: none;
} }
.body-scrolled .social-nav { .social-nav:hover {
color: var(--color-dark-3); color: #00abad;
} }
/* Menu sub */ /* Menu sub */

2
src/app/(main)/layout.tsx
View File

@ -33,9 +33,7 @@ export default function MainLayout({
<body className="appear-animate body"> <body className="appear-animate body">
<div className="theme-slick"> <div className="theme-slick">
<div className="page" id="top"> <div className="page" id="top">
<nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset">
<Header links={navMenuData} /> <Header links={navMenuData} />
</nav>
<main id="main">{children}</main> <main id="main">{children}</main>
<Footer /> <Footer />
</div> </div>

20
src/components/Blogs/Blog.tsx
View File

@ -15,24 +15,12 @@ export default async function Blog() {
<div className="row mb-60 mb-sm-40"> <div className="row mb-60 mb-sm-40">
<div className="col-lg-8 offset-lg-2 text-center mb-md-30"> <div className="col-lg-8 offset-lg-2 text-center mb-md-30">
<h2 className="section-caption-slick mb-30 mb-sm-20">Our Blog</h2> <h2 className="section-caption-slick mb-30 mb-sm-20">Our Blog</h2>
<h3 className="section-title mb-30">Check the latest news about our company in our blog.</h3> <h3 className="section-title-large mb-30">Knowledge and Support for Your Cancer Journey</h3>
<p className="section-descr mb-0"> <p className="mb-0">
There are three kinds of web developer specialization front-end developer, back-end developer, and Cancer treatment involves a team of specialists providing personalized, comprehensive care. Staying
full-stack developer. informed and engaged empowers you to choose the best approach. Remember, you’re not alone in this journey.
</p> </p>
</div> </div>
<div className="col-lg-2 d-flex align-items-end">
<div className="local-scroll text-center text-lg-end w-100">
<Link href={`/slick-blog-dark`} className="link-hover-anim" data-link-animate="y">
<span className="link-strong link-strong-unhovered">
Our blog <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
<span className="link-strong link-strong-hovered" aria-hidden="true">
Our blog <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
</Link>
</div>
</div>
</div> </div>
{/* Blog Posts Grid */} {/* Blog Posts Grid */}
<div className="row mt-n30"> <div className="row mt-n30">

5
src/components/Blogs/BlogDetail.tsx
View File

@ -4,6 +4,7 @@ import { RichText } from "@payloadcms/richtext-lexical/react";
import { headers } from "next/headers"; import { headers } from "next/headers";
import Image from "next/image"; import Image from "next/image";
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import Blog from "./Blog";
export interface BlogDetailProps { export interface BlogDetailProps {
slug: string | undefined; slug: string | undefined;
@ -48,10 +49,14 @@ export default async function BlogDetail({ slug }: BlogDetailProps) {
{/* End Post */} {/* End Post */}
</div> </div>
{/* End Content */} {/* End Content */}
<hr style={{ width: "100%", border: "1px solid #aaa" }} />
</div> </div>
</div> </div>
</section> </section>
{/* End Section */} {/* End Section */}
<div className="mb-5">
<Blog />
</div>
</> </>
); );
} }

39
src/components/Header.tsx
View File

@ -5,15 +5,30 @@ import { navMenuData } from "@/data/menu";
import { toggleMobileMenu } from "@/utils/toggleMobileMenu"; import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa"; import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
const shareIcons: Record<string, any> = { const shareIcons: Record<string, any> = {
facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />, phone: {
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />, link: "tel:+15208036644",
twitter: <FaTwitter className="social-nav text-2xl lg:text-gray-300" />, dom: (
<span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
<FaPhone />
<b className="text-sm">(520) 803-6644</b>
</span>
),
},
facebook: {
link: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
dom: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
},
linkedin: {
link: "https://linkedin.com/company/cochise-oncology",
dom: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
},
}; };
export default function Header({ links }: { links: typeof navMenuData }) { export default function Header({ links }: { links: typeof navMenuData }) {
return ( return (
<nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
<div className="main-nav-sub full-wrapper"> <div className="main-nav-sub full-wrapper">
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format. {/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
@ -49,22 +64,20 @@ export default function Header({ links }: { links: typeof navMenuData }) {
{/* End Item With Sub */} {/* End Item With Sub */}
</ul> </ul>
<ul className="items-end clearlist"> <ul className="items-end clearlist">
{/* Languages */}
{/* <LanguageSelect /> */}
{/* End Languages */}
<li></li>
</ul>
</div>
<div className="flex mt-4 gap-3">
{Object.keys(shareIcons).map((k, idx) => { {Object.keys(shareIcons).map((k, idx) => {
return ( return (
<a key={idx} className="cursor-pointer" href={"/"} target="_blank"> <li key={idx} className="!p-0 !m-0">
{shareIcons[k]} <a className="cursor-pointer" href={shareIcons[k].link} target="_blank">
{shareIcons[k].dom}
</a> </a>
</li>
); );
})} })}
</ul>
</div> </div>
{/* End Main Menu */} {/* End Main Menu */}
</div> </div>
</nav>
); );
} }

6
src/components/HeaderNav.tsx
View File

@ -56,7 +56,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
{Array.isArray(link?.child) && ( {Array.isArray(link?.child) && (
<> <>
<Link href={link?.href ?? "#"} className="mn-has-sub"> <Link href={link?.href ?? "#"} className="mn-has-sub flex justify-between">
{link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} /> {link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} />
</Link> </Link>
@ -70,8 +70,8 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
)} )}
{Array.isArray(subLink?.child) && ( {Array.isArray(subLink?.child) && (
<> <>
<Link href={subLink?.href ?? "#"} className="mn-has-sub"> <Link href={subLink?.href ?? "#"} className="mn-has-sub !flex !justify-between">
{subLink.text} <span>{subLink.text}</span>
<i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} /> <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} />
</Link> </Link>

98
src/components/Homepage.tsx
View File

@ -57,55 +57,61 @@ export default function homepage({ dark = false }) {
</Link> </Link>
</div> </div>
</section> </section>
<section className="w-full py-10 flex flex-col items-center"> <section className="py-5 w-full flex flex-col">
<div className="w-11/12 md:w-3/4 lg:w-2/3 bg-white p-6 md:p-8 rounded-lg shadow-lg"> <div className="relative flex justify-center">
<p className="italic text-gray-700"> <div className="w-full md:w-1/2 self-center mt-[-70px] mb-50 flex justify-center">
I was diagnosed with cancer up in Tucson. The doctor was said to be best oncologist in the state. Problem <div className="bg-white h-full flex flex-col lg:flex-row flex-wrap justify-center p-4 lg:p-8 gap-3 rounded-xl shadow-xl">
was I needed radiation for 45 days not counting weekends and holidays. <blockquote
</p> className="self-center border-teal-500 pl-4 italic text-gray-800"
<p className="italic text-gray-700 mt-4"> style={{ borderLeft: "4px solid #eee" }}
I had to tell her that that was not doable. I couldn't commute daily and I couldn't rent. I told her that I >
could get treatment of some sort in Sierra Vista. She told me that normally she would fight me, but only 2 I was diagnosed with cancer up in Tucson. The doctor was said to be best oncologist in the state.
Clinics in the state had this latest and greatest radiation hardware. Hers and Cochise Oncology in Sierra
Vista.
</p>
<p className="italic text-gray-700 mt-4">
I had to tell her that that was not doable. I couldn't commute daily and I couldn't rent. I told her that I
could get treatment of some sort in Sierra Vista. She told me that normally she would fight me, but only 2
Clinics in the state had this latest and greatest radiation hardware. Hers and Cochise Oncology in Sierra
Vista.
</p>
<p className="italic text-gray-700 mt-4">Do yourself a favor and see Dr. Vedula.</p>
<p className="font-bold text-indigo-600 mt-4">- a Cochise Oncology patient</p>
<p className="text-sm text-gray-500 text-center mt-4">*Individual Results May Vary</p>
</div>
</section>
<section className="py-5 w-full items-center">
<div className="max-w-7xl mx-auto p-6 text-center">
<h2>Testimonials</h2>
<div className="text-left text-gray-700 space-y-4">
<p className="italic">
I was diagnosed with cancer up in Tucson. The doctor was said to be the best oncologist in the state.
Problem was I needed radiation for 45 days not counting weekends and holidays. Problem was I needed radiation for 45 days not counting weekends and holidays.
</p> <br />
<p className="italic"> <br />
I had to tell her that that was not doable. I couldn't commute daily and I couldn't rent. I told her that I had to tell her that that was not doable. I couldn&apos;t commute daily and I couldn&apos;t rent. I
I could get treatment of some sort in Sierra Vista. She told me that normally she would fight me, but only told her that I could get treatment of some sort in Sierra Vista. She told me that normally she would
2 clinics in the state had this latest and greatest radiation hardware. Hers and Cochise Oncology in fight me, but only 2 Clinics in the state had this latest and greatest radiation hardware. Hers and
Cochise Oncology in Sierra Vista.
<br />
<br />
At Cochise Oncology I was introduced to Dr. Vedula. What a good man and what a great doctor. Check out
his credentials. I am now cancer free for 9 months. It was still 45 days of treatment but no side
effects. Plus, I would go home every day after undergoing treatment. I forget, maybe 15 minutes of
treatment.
<br />
<br />
Do yourself a favor and see Dr. Vedula.
<br></br>
<b>-a Cochise Oncology patient</b>
</blockquote>
</div>
</div>
</div>
<h1 className="w-full text-center !font-light">Testimonials</h1>
<blockquote
className="w-full md:w-8/12 self-center border-teal-500 pl-4 italic text-gray-800"
style={{ borderLeft: "4px solid #eee" }}
>
I was diagnosed with cancer up in Tucson. The doctor was said to be best oncologist in the state. Problem was
I needed radiation for 45 days not counting weekends and holidays.
<br />
<br />
I had to tell her that that was not doable. I couldn&apos;t commute daily and I couldn&apos;t rent. I told her
that I could get treatment of some sort in Sierra Vista. She told me that normally she would fight me, but
only 2 Clinics in the state had this latest and greatest radiation hardware. Hers and Cochise Oncology in
Sierra Vista. Sierra Vista.
</p> <br />
<p className="italic"> <br />
At Cochise Oncology I was introduced to Dr. Vedula. What a good man and what a great doctor. Check out his At Cochise Oncology I was introduced to Dr. Vedula. What a good man and what a great doctor. Check out his
credentials. I am now cancer free for 9 months. It was still 45 days of treatment but no side effects. credentials. I am now cancer free for 9 months. It was still 45 days of treatment but no side effects. Plus, I
Plus, I would go home every day after undergoing treatment. I forget, maybe 15 minutes of treatment. would go home every day after undergoing treatment. I forget, maybe 15 minutes of treatment.
</p> <br />
<p>Do yourself a favor and see Dr. Vedula.</p> <br />
<p className="font-bold text-gray-900">- a Cochise Oncology patient</p> Do yourself a favor and see Dr. Vedula.
</div> <br></br>
<p className="text-sm text-gray-500 mt-4">*Individual Results May Vary</p> <b>-a Cochise Oncology patient</b>
</div> </blockquote>
</section>
<section className="py-5 w-full items-center">
<Testimonials /> <Testimonials />
</section> </section>
<section className="page-section bg-scroll light-content bg-[url(/assets/images/demo-modern/section-bg-3.jpeg)] bg-cover"> <section className="page-section bg-scroll light-content bg-[url(/assets/images/demo-modern/section-bg-3.jpeg)] bg-cover">

2
src/utils/changeHeaderOnScroll.ts
View File

@ -2,11 +2,9 @@ export const headerChangeOnScroll = () => {
const mainNav = document.querySelector(".main-nav"); const mainNav = document.querySelector(".main-nav");
const lightAfterScroll = document.querySelector(".light-after-scroll"); const lightAfterScroll = document.querySelector(".light-after-scroll");
if (window.scrollY > 0) { if (window.scrollY > 0) {
mainNav?.classList.remove("transparent");
mainNav?.classList.add("body-scrolled"); mainNav?.classList.add("body-scrolled");
if (lightAfterScroll) lightAfterScroll.classList.remove("dark"); if (lightAfterScroll) lightAfterScroll.classList.remove("dark");
} else if (window.scrollY === 0) { } else if (window.scrollY === 0) {
mainNav?.classList.add("transparent");
mainNav?.classList.remove("body-scrolled"); mainNav?.classList.remove("body-scrolled");
if (lightAfterScroll) lightAfterScroll.classList.add("dark"); if (lightAfterScroll) lightAfterScroll.classList.add("dark");
} }