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

Compare commits

base: rankrunners-dev:6fc4988506d20eae89dc4a72cf1c6f3302ef8910
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev
..
compare: rankrunners-dev:cab69a41e930d4e09b7281e0c173f5d94f4d360f
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev

No commits in common. "6fc4988506d20eae89dc4a72cf1c6f3302ef8910" and "cab69a41e930d4e09b7281e0c173f5d94f4d360f" have entirely different histories.
6fc4988506 ... cab69a41e9

13 changed files with 177 additions and 204 deletions
Show Stats 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;
} }
.social-nav:hover { .body-scrolled .social-nav {
color: #00abad; color: var(--color-dark-3);
} }
/* Menu sub */ /* Menu sub */

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

@ -33,7 +33,9 @@ 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>

31
src/collections/Blogs.ts
View File

@ -1,16 +1,10 @@
import formatSlug from "@/utils/payload/formatSlug"; import formatSlug from "@/utils/payload/formatSlug";
import setAuthor from "@/utils/payload/setAuthor";
import { lexicalEditor } from "@payloadcms/richtext-lexical"; import { lexicalEditor } from "@payloadcms/richtext-lexical";
import type { CollectionConfig } from "payload"; import type { CollectionConfig } from "payload";
export const Blogs: CollectionConfig = { export const Blogs: CollectionConfig = {
slug: "blogs", slug: "blogs",
labels: { plural: "Posts", singular: "Post" }, labels: { plural: "Posts", singular: "Post" },
versions: {
drafts: {
validate: true,
},
},
fields: [ fields: [
{ {
name: "title", name: "title",
@ -71,27 +65,32 @@ export const Blogs: CollectionConfig = {
}, },
], ],
}, },
{
name: "is_published",
label: "Published",
type: "checkbox",
defaultValue: true,
admin: {
position: "sidebar",
},
},
{ {
name: "createdBy", name: "createdBy",
type: "relationship", type: "relationship",
relationTo: "users", relationTo: "users",
hooks: {
beforeChange: [setAuthor],
},
admin: {
hidden: true, hidden: true,
}, // hooks: {
// beforeChange: [setAuthor],
// },
}, },
{ {
name: "updatedBy", name: "updatedBy",
type: "relationship", type: "relationship",
relationTo: "users", relationTo: "users",
hooks: {
beforeChange: [setAuthor],
},
admin: {
hidden: true, hidden: true,
}, // hooks: {
// beforeChange: [setAuthor],
// },
}, },
], ],
admin: { admin: {

31
src/collections/Pages.ts
View File

@ -8,16 +8,10 @@ import { HorizontalImageContentBlock } from "@/blocks/HorizontalImageContent";
import { ImageSliderBlock } from "@/blocks/ImageSlider"; import { ImageSliderBlock } from "@/blocks/ImageSlider";
import { OurTeamBlock } from "@/blocks/OurTeam"; import { OurTeamBlock } from "@/blocks/OurTeam";
import formatSlug from "@/utils/payload/formatSlug"; import formatSlug from "@/utils/payload/formatSlug";
import setAuthor from "@/utils/payload/setAuthor";
import { CollectionConfig } from "payload"; import { CollectionConfig } from "payload";
export const Pages: CollectionConfig = { export const Pages: CollectionConfig = {
slug: "pages", slug: "pages",
versions: {
drafts: {
validate: true,
},
},
fields: [ fields: [
{ {
name: "title", name: "title",
@ -35,6 +29,9 @@ export const Pages: CollectionConfig = {
name: "slug", name: "slug",
label: "Page Slug", label: "Page Slug",
type: "text", type: "text",
admin: {
position: "sidebar",
},
hooks: { hooks: {
beforeValidate: [formatSlug("title")], beforeValidate: [formatSlug("title")],
}, },
@ -78,28 +75,6 @@ export const Pages: CollectionConfig = {
}, },
], ],
}, },
{
name: "createdBy",
type: "relationship",
relationTo: "users",
hooks: {
beforeChange: [setAuthor],
},
admin: {
hidden: true,
},
},
{
name: "updatedBy",
type: "relationship",
relationTo: "users",
hooks: {
beforeChange: [setAuthor],
},
admin: {
hidden: true,
},
},
], ],
admin: { admin: {
hideAPIURL: true, hideAPIURL: true,

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

@ -15,12 +15,24 @@ 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-large mb-30">Knowledge and Support for Your Cancer Journey</h3> <h3 className="section-title mb-30">Check the latest news about our company in our blog.</h3>
<p className="mb-0"> <p className="section-descr mb-0">
Cancer treatment involves a team of specialists providing personalized, comprehensive care. Staying There are three kinds of web developer specialization front-end developer, back-end developer, and
informed and engaged empowers you to choose the best approach. Remember, you’re not alone in this journey. full-stack developer.
</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,7 +4,6 @@ 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;
@ -49,14 +48,10 @@ 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>
</> </>
); );
} }

47
src/components/Header.tsx
View File

@ -5,30 +5,15 @@ 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, FaPhone } from "react-icons/fa"; import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa";
const shareIcons: Record<string, any> = { const shareIcons: Record<string, any> = {
phone: { facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />,
link: "tel:+15208036644", linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />,
dom: ( twitter: <FaTwitter className="social-nav text-2xl lg:text-gray-300" />,
<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
@ -64,20 +49,22 @@ 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">
{Object.keys(shareIcons).map((k, idx) => { {/* Languages */}
return ( {/* <LanguageSelect /> */}
<li key={idx} className="!p-0 !m-0"> {/* End Languages */}
<a className="cursor-pointer" href={shareIcons[k].link} target="_blank"> <li></li>
{shareIcons[k].dom}
</a>
</li>
);
})}
</ul> </ul>
</div> </div>
<div className="flex mt-4 gap-3">
{Object.keys(shareIcons).map((k, idx) => {
return (
<a key={idx} className="cursor-pointer" href={"/"} target="_blank">
{shareIcons[k]}
</a>
);
})}
</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 flex justify-between"> <Link href={link?.href ?? "#"} className="mn-has-sub">
{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 !flex !justify-between"> <Link href={subLink?.href ?? "#"} className="mn-has-sub">
<span>{subLink.text}</span> {subLink.text}
<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,61 +57,55 @@ export default function homepage({ dark = false }) {
</Link> </Link>
</div> </div>
</section> </section>
<section className="py-5 w-full flex flex-col"> <section className="w-full py-10 flex flex-col items-center">
<div className="relative flex justify-center"> <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="w-full md:w-1/2 self-center mt-[-70px] mb-50 flex justify-center"> <p className="italic text-gray-700">
<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"> I was diagnosed with cancer up in Tucson. The doctor was said to be best oncologist in the state. Problem
<blockquote was I needed radiation for 45 days not counting weekends and holidays.
className="self-center border-teal-500 pl-4 italic text-gray-800" </p>
style={{ borderLeft: "4px solid #eee" }} <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
I was diagnosed with cancer up in Tucson. The doctor was said to be best oncologist in the state. 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">
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.
<br /> </p>
<br /> <p className="italic">
I had to tell her that that was not doable. I couldn&apos;t commute daily and I couldn&apos;t rent. I I had to tell her that that was not doable. I couldn't commute daily and I couldn't rent. I told her that
told her that I could get treatment of some sort in Sierra Vista. She told me that normally she would I could get treatment of some sort in Sierra Vista. She told me that normally she would fight me, but only
fight me, but only 2 Clinics in the state had this latest and greatest radiation hardware. Hers and 2 clinics in the state had this latest and greatest radiation hardware. Hers and Cochise Oncology in
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.
<br /> </p>
<br /> <p className="italic">
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. Plus, I credentials. I am now cancer free for 9 months. It was still 45 days of treatment but no side effects.
would go home every day after undergoing treatment. I forget, maybe 15 minutes of treatment. Plus, I would go home every day after undergoing treatment. I forget, maybe 15 minutes of treatment.
<br /> </p>
<br /> <p>Do yourself a favor and see Dr. Vedula.</p>
Do yourself a favor and see Dr. Vedula. <p className="font-bold text-gray-900">- a Cochise Oncology patient</p>
<br></br> </div>
<b>-a Cochise Oncology patient</b> <p className="text-sm text-gray-500 mt-4">*Individual Results May Vary</p>
</blockquote> </div>
</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">

10
src/payload-types.ts
View File

@ -146,11 +146,11 @@ export interface Blog {
description?: string | null; description?: string | null;
canonical_url?: string | null; canonical_url?: string | null;
}; };
is_published?: boolean | null;
createdBy?: (number | null) | User; createdBy?: (number | null) | User;
updatedBy?: (number | null) | User; updatedBy?: (number | null) | User;
updatedAt: string; updatedAt: string;
createdAt: string; createdAt: string;
_status?: ('draft' | 'published') | null;
} }
/** /**
* This interface was referenced by `Config`'s JSON-Schema * This interface was referenced by `Config`'s JSON-Schema
@ -306,11 +306,8 @@ export interface Page {
description?: string | null; description?: string | null;
cannonical_url?: string | null; cannonical_url?: string | null;
}; };
createdBy?: (number | null) | User;
updatedBy?: (number | null) | User;
updatedAt: string; updatedAt: string;
createdAt: string; createdAt: string;
_status?: ('draft' | 'published') | null;
} }
/** /**
* This interface was referenced by `Config`'s JSON-Schema * This interface was referenced by `Config`'s JSON-Schema
@ -647,11 +644,11 @@ export interface BlogsSelect<T extends boolean = true> {
description?: T; description?: T;
canonical_url?: T; canonical_url?: T;
}; };
is_published?: T;
createdBy?: T; createdBy?: T;
updatedBy?: T; updatedBy?: T;
updatedAt?: T; updatedAt?: T;
createdAt?: T; createdAt?: T;
_status?: T;
} }
/** /**
* This interface was referenced by `Config`'s JSON-Schema * This interface was referenced by `Config`'s JSON-Schema
@ -750,11 +747,8 @@ export interface PagesSelect<T extends boolean = true> {
description?: T; description?: T;
cannonical_url?: T; cannonical_url?: T;
}; };
createdBy?: T;
updatedBy?: T;
updatedAt?: T; updatedAt?: T;
createdAt?: T; createdAt?: T;
_status?: T;
} }
/** /**
* This interface was referenced by `Config`'s JSON-Schema * This interface was referenced by `Config`'s JSON-Schema

18
src/services/payload/blog.ts
View File

@ -10,12 +10,25 @@ export async function fetchBlog(page: number | undefined, search: string = "") {
pagination: true, pagination: true,
limit: 6, limit: 6,
where: !search where: !search
? undefined ? {
is_published: {
equals: true,
},
}
: { : {
and: [
{
is_published: {
equals: true,
},
},
{
title: { title: {
contains: search, contains: search,
}, },
}, },
],
},
}); });
const formattedData = blogDataQuery.docs.map((item) => { const formattedData = blogDataQuery.docs.map((item) => {
@ -38,6 +51,9 @@ export async function fetchBlogDetail(slug: string | undefined) {
collection: "blogs", collection: "blogs",
where: { where: {
slug: { equals: slug }, slug: { equals: slug },
is_published: {
equals: true,
},
}, },
limit: 1, limit: 1,
pagination: false, pagination: false,

2
src/utils/changeHeaderOnScroll.ts
View File

@ -2,9 +2,11 @@ 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");
} }

19
src/utils/payload/setAuthor.ts
View File

@ -1,17 +1,14 @@
import { FieldHook } from "payload"; import { FieldHook } from "payload";
const setAuthor: FieldHook = ({ value, req, data, field, operation }) => { const setAuthor: FieldHook = ({ req, operation, data, value }) => {
if (req.user && !!data) { // if (req.user && !!data) {
if (operation === "create") { // if (operation === "create") {
return req.user.id; // data.createdBy = req.user.id;
} else { // }
if (field.name === "updatedBy") { // data.updatedBy = req.user.id;
return req.user.id; // }
}
}
}
return value; return data;
}; };
export default setAuthor; export default setAuthor;