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

Merge branch 'main' of https://giteadev3.link/rankrunners-dev/next-cochise into main

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-02-12 01:13:36 +07:00
commit 6101070886
21 changed files with 229 additions and 199 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
package-lock.json generated
View File

@ -15,6 +15,7 @@
"@payloadcms/richtext-lexical": "^3.20.0",
"@payloadcms/storage-s3": "^3.20.0",
"@popperjs/core": "2.11.8",
"animejs": "^3.2.2",
"bootstrap": "^5.1.3",
"dayjs": "^1.11.13",
"graphql": "^16.10.0",
@ -39,6 +40,7 @@
},
"devDependencies": {
"@eslint/eslintrc": "^3",
"@types/animejs": "^3.1.13",
"@types/bootstrap": "^5.2.10",
"@types/imagesloaded": "^4.1.6",
"@types/isotope-layout": "^3.0.14",
@ -4266,6 +4268,13 @@
"@types/estree": "*"
}
},
"node_modules/@types/animejs": {
"version": "3.1.13",
"resolved": "https://registry.npmjs.org/@types/animejs/-/animejs-3.1.13.tgz",
"integrity": "sha512-yWg9l1z7CAv/TKpty4/vupEh24jDGUZXv4r26StRkpUPQm04ztJaftgpto8vwdFs8SiTq6XfaPKCSI+wjzNMvQ==",
"dev": true,
"license": "MIT"
},
"node_modules/@types/bootstrap": {
"version": "5.2.10",
"resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.10.tgz",
@ -4785,6 +4794,12 @@
"integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
"license": "MIT"
},
"node_modules/animejs": {
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.2.tgz",
"integrity": "sha512-Ao95qWLpDPXXM+WrmwcKbl6uNlC5tjnowlaRYtuVDHHoygjtIPfDUoK9NthrlZsQSKjZXlmji2TrBUAVbiH0LQ==",
"license": "MIT"
},
"node_modules/ansi-regex": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",

7
package.json
View File

@ -4,7 +4,7 @@
"private": true,
"type": "module",
"scripts": {
"dev": "NEXT_DEBUG_TURBOPACK=1 next dev --turbopack",
"dev": "next dev --turbopack",
"dev-old": "next dev",
"build": "next build",
"start": "next start",
@ -20,6 +20,7 @@
"@payloadcms/richtext-lexical": "^3.20.0",
"@payloadcms/storage-s3": "^3.20.0",
"@popperjs/core": "2.11.8",
"animejs": "^3.2.2",
"bootstrap": "^5.1.3",
"dayjs": "^1.11.13",
"graphql": "^16.10.0",
@ -44,6 +45,7 @@
},
"devDependencies": {
"@eslint/eslintrc": "^3",
"@types/animejs": "^3.1.13",
"@types/bootstrap": "^5.2.10",
"@types/imagesloaded": "^4.1.6",
"@types/isotope-layout": "^3.0.14",
@ -60,6 +62,5 @@
"prettier": "^3.4.2",
"tailwindcss": "^3.4.1",
"typescript": "^5"
},
"packageManager": "yarn@4.6.0"
}
}

3
public/assets/css/custom.css
View File

@ -91,8 +91,7 @@ a {
}
.mn-sub.open {
max-height: 200px;
overflow: auto !important;
max-height: 1000px;
opacity: 1 !important;
}
html {

BIN
public/assets/images/demo-modern/section-bg-3.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
public/assets/images/demo-modern/section-bg-3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

4
src/app/(main)/[pageslug]/page.tsx
View File

@ -24,16 +24,12 @@ function Loading() {
return (
<>
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
{/* <!-- Background Shape --> */}
<div className="bg-shape-1 opacity-003">
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
</div>
{/* <!-- End Background Shape --> */}
</section>
{/* Section */}
<BlogDetailContentSkeleton />
{/* End Section */}
</>
);
}

2
src/app/(main)/home-bg-video/page.tsx
View File

@ -4,7 +4,7 @@ import Homepage from "@/components/Homepage";
import dynamic from "next/dynamic";
const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), {
ssr: false, // Disable server-side rendering
ssr: true,
});
export default function Home1BGVideoMultiPage() {

18
src/app/(main)/page.tsx
View File

@ -2,6 +2,24 @@ import Homepage from "./home-bg-video/page";
export const metadata = {
title: "HomePage - Cochise Oncology",
description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
keywords: "Cochise Oncology, Oncology, Healthcare, Medical Services, Cancer Treatment",
author: "Cochise Oncology",
viewport: "width=device-width, initial-scale=1.0",
robots: "index, follow",
og: {
title: "HomePage - Cochise Oncology",
description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
type: "website",
url: "https://www.cochiseoncology.com",
image: "https://www.cochiseoncology.com/og-image.jpg",
},
twitter: {
card: "summary_large_image",
site: "@CochiseOncology",
title: "HomePage - Cochise Oncology",
description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
image: "https://www.cochiseoncology.com/twitter-image.jpg",
},
};
export default function Home() {

3
src/collections/Pages.ts
View File

@ -1,7 +1,6 @@
import { BeforeFooterBlock } from "@/blocks/BeforeFooter";
import { ContentBlock } from "@/blocks/Content";
import { HorizontalImageContentBlock } from "@/blocks/HorizontalImageContent";
import { ImageSliderBlock } from "@/blocks/ImageSlider";
import { OurTeamBlock } from "@/blocks/OurTeam";
import formatSlug from "@/utils/formatSlug";
import { CollectionConfig } from "payload";
@ -37,7 +36,7 @@ export const Pages: CollectionConfig = {
label: "Page Layout",
type: "blocks",
minRows: 1,
blocks: [ContentBlock, BeforeFooterBlock, OurTeamBlock, HorizontalImageContentBlock, ImageSliderBlock],
blocks: [ContentBlock, BeforeFooterBlock, OurTeamBlock, HorizontalImageContentBlock],
},
{
name: "meta",

2
src/components/Blocks/RenderBlocks.tsx
View File

@ -5,14 +5,12 @@ import { ContentBlock } from "./Content";
import { BeforeFooterBlock } from "./BeforeFooter";
import { OurTeamBlock } from "./OurTeam";
import { HorizontalImageContentBlock } from "./HorizontalImageContent";
import { ImageSliderBlock } from "./ImageSlider";
const blockComponents = {
contentBlock: ContentBlock,
beforeFooterBlock: BeforeFooterBlock,
ourTeamBlock: OurTeamBlock,
horizontalImageContentBlock: HorizontalImageContentBlock,
imageSliderBlock: ImageSliderBlock,
};
export const RenderBlocks: React.FC<{

30
src/components/Facts.tsx
View File

@ -1,4 +1,6 @@
import { numbers } from "@/data/facts";
import { features5 } from "@/data/features";
import { services5 } from "@/data/services";
import React from "react";
export default function Facts() {
@ -7,14 +9,26 @@ export default function Facts() {
{/* Numbers Grid */}
<div className="row mt-n30 wow fadeInUp">
{/* Numbers Item */}
{numbers.map((number, index) => (
<div
key={index}
className="col-sm-6 col-xl-3 d-flex align-items-stretch mt-30"
>
<div className="number-2-item">
<div className="number-2-title">{number.title}</div>
<div className="number-2-descr">{number.descr}</div>
{features5.map((elm: any, i: number) => (
<div key={i} className="col-sm-6 col-xl-3 d-flex align-items-stretch">
<div className="alt-features-item box-shadow text-center mt-30">
<div className="alt-features-icon mb-10 color-primary-1">
<svg
width={24}
height={24}
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
fillRule="evenodd"
clipRule="evenodd"
>
<path d={elm.svgPath} />
</svg>
</div>
<h4 className="alt-features-title">{elm.title}</h4>
<div className="alt-features-descr">{elm.description}</div>
</div>
</div>
))}

19
src/components/Footer.tsx
View File

@ -16,20 +16,13 @@ export default function Footer() {
return (
<>
<div className="container position-relative">
<div className="row pb-120 pb-sm-80 pb-xs-50">
<div className="col-md-4 col-lg-3 text-gray mb-sm-50">
<div className="row pb-sm-80 pb-xs-50">
<div className="col-md-2 col-lg-3 text-gray mb-sm-50">
<div className="mb-30">
<Image
src="/assets/images/demo-slick/logo-dark.webp"
alt="Cochise Oncology Logo"
width={126}
height={56}
className="light-mode-logo"
/>
<Image
src="/assets/images/demo-slick/logo-dark.webp"
alt="Cochise Oncology Logo"
width={126}
width={250}
height={56}
className="dark-mode-logo"
/>
@ -38,7 +31,7 @@ export default function Footer() {
<div className="col-md-7 offset-md-1 offset-lg-2">
<div className="row mt-n30">
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<div className="col-sm-3 mt-30 mx-4">
<h3 className="fw-title">Business Hours</h3>
<ul className="fw-menu clearlist local-scroll">
<li>
@ -48,7 +41,7 @@ export default function Footer() {
</div>
{/* End Footer Widget */}
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<div className="col-sm-3 mt-30 mx-4">
<h3 className="fw-title">Contact Us</h3>
<ul className="fw-menu clearlist">
<FooterSocials />
@ -56,7 +49,7 @@ export default function Footer() {
</div>
{/* End Footer Widget */}
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<div className="col-sm-3 mt-30 mx-4">
<h3 className="fw-title">Legal &amp; Press</h3>
<ul className="fw-menu clearlist">
{footerLinks.map((elm: any, i: number) => (

11
src/components/Header.tsx
View File

@ -43,16 +43,7 @@ export default function Header1Multipage({ links }: any) {
{/* Languages */}
{/* <LanguageSelect /> */}
{/* End Languages */}
<li>
<Link href="/contact" className="opacity-1 no-hover">
<span className="link-hover-anim underline" data-link-animate="y">
<span className="link-strong link-strong-unhovered">Request Consultation</span>
<span className="link-strong link-strong-hovered" aria-hidden="true">
Request Consultation
</span>
</span>
</Link>
</li>
<li></li>
</ul>
</div>
{/* End Main Menu */}

33
src/components/HeaderNav.tsx
View File

@ -3,12 +3,22 @@
import addScrollspy from "@/utils/addScroll";
import { init_classic_menu_resize } from "@/utils/menuToggle";
import { scrollToElement } from "@/utils/scrollToElement";
import { closeMobileMenu } from "@/utils/toggleMobileMenu";
import { closeMobileMenu, toggleMobileMenu } from "@/utils/toggleMobileMenu";
import { usePathname } from "next/navigation";
import { useEffect } from "react";
import { useEffect, useRef, useState } from "react";
import Link from "next/link";
export default function HeaderNav({ links, animateY = false }: any) {
const [isDropdownOpen, setIsDropdownOpen] = useState([""]);
const dropdownRef = useRef(null);
const toggleDropdown = (section: string[]) => {
if (section == isDropdownOpen) {
setIsDropdownOpen([""]);
}
setIsDropdownOpen(section);
};
useEffect(() => {
setTimeout(() => {
scrollToElement();
@ -52,17 +62,20 @@ export default function HeaderNav({ links, animateY = false }: any) {
className="mn-has-sub"
onClick={(e) => {
e.preventDefault();
// toggleDropdown();
toggleDropdown([link.text]);
}}
>
{link.text} <i className="mi-chevron-down" />
</a>
<ul className={`mn-sub to-left`}>
<ul className={`mn-sub to-left ${isDropdownOpen.includes(link.text) && "open"}`} ref={dropdownRef}>
{link.child.map((subLink: any, subLinkIdx: number) => (
<li key={subLinkIdx}>
{!Array.isArray(subLink?.child) && <Link href={subLink?.href}>{subLink?.text}</Link>}
{!Array.isArray(subLink?.child) && (
<Link href={subLink?.href} onClick={() => toggleMobileMenu()}>
{subLink?.text}
</Link>
)}
{Array.isArray(subLink?.child) && (
<>
<a
@ -70,16 +83,18 @@ export default function HeaderNav({ links, animateY = false }: any) {
className="mn-has-sub"
onClick={(e) => {
e.preventDefault();
// toggleDropdown();
toggleDropdown([link.text, subLink.text]);
}}
>
{subLink.text} <i className="mi-chevron-down" />
</a>
<ul className={`mn-sub to-left`}>
<ul className={`mn-sub to-left ${isDropdownOpen.includes(subLink.text) && "open"}`}>
{subLink.child.map((subLink2: any, subLinkIdx2: number) => (
<li key={subLinkIdx2}>
<Link href={subLink2?.href}>{subLink2?.text}</Link>
<Link href={subLink2?.href} onClick={() => toggleMobileMenu()}>
{subLink2?.text}
</Link>
</li>
))}
</ul>

24
src/components/Hero.tsx
View File

@ -1,6 +1,7 @@
"use client";
import { useRef, useState } from "react";
import Link from "next/link";
export default function Hero6() {
const videoRef = useRef<any | null>(null);
@ -37,15 +38,6 @@ export default function Hero6() {
</video>
<div className="bg-video-overlay bg-dark-alpha-50" />
</div>
{/* <a onClick={toggleMuteUnmute} href="#" role="button" className="bg-video-button-muted">
<i className={`mi-volume-${isMuted ? "up" : "off"}`} />
<span className="visually-hidden">Volume On</span>
</a>
<a onClick={togglePlayPause} href="#" role="button" className="bg-video-button-pause">
<i className={`mi-${isPlaying ? "pause" : "play"}`} />
<span className="visually-hidden">Pause</span>
</a> */}
{/* End Background Video */}
{/* Home Section Content */}
<div className="home-content">
<div className="row">
@ -63,18 +55,16 @@ export default function Hero6() {
<div className="local-scroll wch-unset wow fadeInUp" data-wow-delay="0.4s">
<a
href="#about"
className="btn btn-mod btn-border-w btn-large btn-round ms-1 me-1 mt-2 align-middle"
className="btn btn-mod btn-border-w btn-large btn-round ms-1 me-1 mt-2 align-middle w-full md:w-1/4"
data-btn-animate="y"
>
Learn More
</a>
<a
href="#contact"
className="btn btn-mod btn-w btn-large btn-round ms-1 me-1 mt-2 align-middle"
data-btn-animate="y"
>
Get In Touch
</a>
<Link href="/radixact">
<button className="btn btn-mod btn-w btn-border-w btn-round btn-large btn-hover-anim ms-1 me-1 mt-2 align-middle w-full md:w-1/4">
<span>Request Consultant</span>
</button>
</Link>
</div>
</div>
{/* End Home Section Text */}

141
src/components/Homepage.tsx
View File

@ -11,8 +11,7 @@ import Link from "next/link";
import TestimonialsDark from "./TestimonialsDark";
import ContactDark from "./ContactDark";
import { features4 } from "@/data/features";
import Features from "./Features";
import Team from "./Team";
import Cta3 from "./cta3";
export default function homepage({ onePage = false, dark = false }) {
return (
@ -66,31 +65,15 @@ export default function homepage({ onePage = false, dark = false }) {
</>
)}
{onePage ? (
<>
{" "}
<a href="#services" className="link-hover-anim ms-2 ms-sm-5 me-2" data-link-animate="y">
<span className="link-strong link-strong-unhovered">
Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
<span className="link-strong link-strong-hovered" aria-hidden="true">
Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
</a>
</>
<></>
) : (
<>
{" "}
<Link
href={`/slick-about${dark ? "-dark" : ""}`}
className="link-hover-anim ms-2 ms-sm-5 me-2"
data-link-animate="y"
>
<span className="link-strong link-strong-unhovered">
Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
<span className="link-strong link-strong-hovered" aria-hidden="true">
Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i>
</span>
<Link href={`/radixact`} className="link-hover-anim ms-2 ms-sm-5 me-2" data-link-animate="y">
<div className="link-strong">
Find more about Radixact
<i className="mi-arrow-right ml-4" aria-hidden="true"></i>
</div>
</Link>
</>
)}
@ -120,12 +103,16 @@ export default function homepage({ onePage = false, dark = false }) {
</div>
</div>
</section>
<section
className={`page-section ${dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"} bg-scroll`}
style={{
backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)",
}}
>
<section className={`small-section bg-dark ps-4 ps-lg-0 pe-4 pe-lg-0 position-relative overflow-hidden`}>
<div className="decoration-12 bg-white" />
<div className="decoration-13 bg-white" />
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center text-white mb-50">
<h2 className="section-title-small">Why choose Cochise Oncology?</h2>
<p className="mb-0">
Here at Cochise Oncology we offer the most up-to-date technology in cancer treatment that rivals the largest
and most prestigious centers in the country.
</p>
</div>
<Facts />
</section>
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="services">
@ -164,91 +151,45 @@ export default function homepage({ onePage = false, dark = false }) {
<Service />
{/* End Right Column */}
</div>
<div className="page-section">
<hr className="mt-0 mb-0" />
</div>
<div className="row mb-50 mb-sm-50">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
<h2 className="section-title-small mb-20">Why choose Cochise Oncology?</h2>
<p className="text-gray mb-0">
Here at Cochise Oncology we offer the most up-to-date technology in cancer treatment that rivals the
largest and most prestigious centers in the country.
</p>
</div>
</div>
{/* Features Grid */}
<Features />
{/* End Features Grid */}
</div>
</section>
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
<section
className={`page-section pb-0 scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} mb-5`}
id="team"
className="page-section bg-scroll light-content"
style={{
backgroundImage: "url(/assets/images/demo-modern/section-bg-3.jpeg)",
}}
>
<Team />
</section>
<section className="page-section pt-0 pb-0 mt-5">
<div className="container">
<div
className={`small-section ${
dark ? "bg-dark-2 light-content" : "bg-gray-light-1"
} ps-4 ps-lg-0 pe-4 pe-lg-0 round position-relative overflow-hidden`}
>
{/* Decoration Circles */}
<div className="decoration-12" />
<div className="decoration-13" />
{/* End Decoration Circles */}
<div className="row">
<div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<div className="row">
<div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20">
<h2 className="section-title-small mb-20">Like our creative works?</h2>
<p className="text-gray mb-0">
Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat
vitae lorem in vehicula.
</p>
</div>
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
{onePage ? (
<>
<a href="#contact" className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim">
<span>Start a project</span>
</a>
</>
) : (
<>
<Link
href={`/slick-portfolio${dark ? "-dark" : ""}`}
className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim"
>
<span>View all works</span>
</Link>
</>
)}
</div>
</div>
</div>
<div className="bg-overlay bg-gradient-dark-alpha-2 d-none d-md-block" />
{/* End Desktop Overlay */}
{/* Mobile Overlay */}
<div className="bg-overlay bg-dark-1 opacity-09 d-md-none" />
{/* End Mobile Overlay */}
<div className="container position-relative">
<div className="row wow fadeInUp">
<div className="col-md-7 offset-md-5 col-lg-6 offset-lg-6 col-xl-5 offset-xl-7">
<h2 className="section-title mb-40 mb-sm-30">A Cancer Treatment Center of Excellence</h2>
<p className="mb-50 mb-sm-40">
We believe our patients deserve and demand the very best in timely treatments, personalized care,
professional competence, and advanced technology. We will achieve this vision by employing caring and
competent staff with excellent training, developing multidisciplinary collaborations, and using the
latest technology available in the most comfortable environment.
</p>
{/* Features List */}
<Cta3 />
{/* End Features List */}
</div>
</div>
</div>
</section>
<section className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}>
{dark ? <TestimonialsDark /> : <Testimonials />}
</section>
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="blog">
<div className={`bg-shape-3 ${dark ? "opacity-003" : ""} `}>
<Image src="/assets/images/demo-slick/bg-shape-3.svg" width={1443} height={644} alt="" />
</div>
<Blog />
</section>
<section className={`page-section ${dark ? "bg-dark-2 light-content" : "bg-gray-light-1"} overflow-hidden`}>
<Newsletter />
</section>
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="contact">
{dark ? <ContactDark /> : <Contact />}
</section>
</>
);
}

1
src/components/Pages/Page.tsx
View File

@ -9,6 +9,7 @@ export interface PageProps {
export default async function Page({ slug }: PageProps) {
const page = await fetchPageBySlug({ slug });
if (!page) {
return notFound();
}

52
src/components/SplashScreen.tsx Normal file
View File

@ -0,0 +1,52 @@
import React, { useEffect, useState } from "react";
import Image from "next/image";
import anime from "animejs";
interface SplashScreenProps {
finishLoading: () => void;
}
const SplashScreen: React.FC<SplashScreenProps> = ({ finishLoading }) => {
const [isMounted, setIsMounted] = useState(false);
const animate = () => {
const loader = anime.timeline({
complete: () => finishLoading(),
});
loader
.add({
targets: "#logo",
delay: 0,
scale: 1,
duration: 500,
easing: "easeInOutExpo",
})
.add({
targets: "#logo",
delay: 0,
scale: 1.25,
duration: 500,
easing: "easeInOutExpo",
});
};
useEffect(() => {
const timeout = setTimeout(() => {
setIsMounted(true);
}, 10);
animate();
return () => clearTimeout(timeout);
}, []);
return isMounted ? (
<div className="flex h-screen items-center justify-center">
<Image id="logo" src={"/assets/images/demo-slick/logo-dark.webp"} alt="" width={500} height={500} />
</div>
) : (
<></>
);
};
export default SplashScreen;

26
src/components/cta3.tsx Normal file
View File

@ -0,0 +1,26 @@
import { features2 } from "@/data/features";
import React from "react";
export default function Cta3() {
return (
<>
<div className="row mt-n10">
{/* Features List Item */}
{features2.map((elm, i) => (
<>
<div key={i} className="col-lg-6 d-flex mt-10">
<div className="features-list-icon features-list-grad">
<i className="mi-check" />
</div>
<div>
<div className="features-list-text">{elm.text}</div>
<small className="text-sm">{elm.desc}</small>
</div>
</div>
</>
))}
{/* End Features List Item */}
</div>
</>
);
}

12
src/data/features.ts
View File

@ -73,19 +73,23 @@ export const features = [
export const features2 = [
{
id: 1,
text: "Business to business",
text: "Hope",
desc: "Founded in 2006, COCHISE ONCOLOGY became a leader in cancer treatment. Hope lives here, guiding patients through tough times.",
},
{
id: 2,
text: "Non-profit business",
text: "Strength",
desc: "We’ve greatly impacted Southern Arizona. Our facility is recognized for innovative and high-tech treatments.",
},
{
id: 3,
text: "Business to customer",
text: "Courage",
desc: "Fighting cancer requires immense courage. We believe no one should face this alone, so we provide whole patient care.",
},
{
id: 4,
text: "Ecommerce",
text: "Resilience",
desc: "adapt, recover, and grow stronger in the face of challenges and adversity",
},
];

23
src/payload-types.ts
View File

@ -197,17 +197,6 @@ export interface Page {
blockName?: string | null;
blockType: 'horizontalImageContentBlock';
}
| {
images?:
| {
image?: (number | null) | Media;
id?: string | null;
}[]
| null;
id?: string | null;
blockName?: string | null;
blockType: 'imageSliderBlock';
}
)[]
| null;
meta?: {
@ -580,18 +569,6 @@ export interface PagesSelect<T extends boolean = true> {
id?: T;
blockName?: T;
};
imageSliderBlock?:
| T
| {
images?:
| T
| {
image?: T;
id?: T;
};
id?: T;
blockName?: T;
};
};
meta?:
| T