Merge branch 'main' of https://giteadev3.link/rankrunners-dev/next-cochise
This commit is contained in:
commit
16de8a93a4
@ -13,10 +13,9 @@ const eslintConfig = [
|
|||||||
...compat.extends("next/core-web-vitals", "next/typescript"),
|
...compat.extends("next/core-web-vitals", "next/typescript"),
|
||||||
{
|
{
|
||||||
rules: {
|
rules: {
|
||||||
"@typescript-eslint/no-unused-vars": "warn",
|
|
||||||
"@typescript-eslint/no-explicit-any": "off",
|
"@typescript-eslint/no-explicit-any": "off",
|
||||||
"@typescript-eslint/ban-ts-comment": "off",
|
"@typescript-eslint/ban-ts-comment": "off",
|
||||||
"@next/next/no-html-link-for-pages": "off"
|
"@next/next/no-html-link-for-pages": "off",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import Blogs from "@/components/Blogs/Blogs";
|
|
||||||
import Parallax from "./home-bg-video/page";
|
import Parallax from "./home-bg-video/page";
|
||||||
import Homepage from "@/components/Homepage";
|
import Homepage from "@/components/Homepage";
|
||||||
|
import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter";
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "HomePage - Cochise Oncology",
|
title: "HomePage - Cochise Oncology",
|
||||||
@ -30,6 +30,7 @@ export default function Home() {
|
|||||||
<>
|
<>
|
||||||
<Parallax />
|
<Parallax />
|
||||||
<Homepage />
|
<Homepage />
|
||||||
|
<BeforeFooterBlock />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,9 +1,4 @@
|
|||||||
import Facts from "@/components/Facts";
|
|
||||||
import Testimonials from "@/components/Testimonials";
|
|
||||||
import TestimonialsDark from "@/components/TestimonialsDark";
|
|
||||||
import { features4 } from "@/data/features";
|
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Slick About Dark || Resonance — One & Multi Page React Nextjs Creative Template",
|
title: "Slick About Dark || Resonance — One & Multi Page React Nextjs Creative Template",
|
||||||
|
@ -4,28 +4,17 @@ import Image from "next/image";
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title:
|
title: "Slick Portfolio || Resonance — One & Multi Page React Nextjs Creative Template",
|
||||||
"Slick Portfolio || Resonance — One & Multi Page React Nextjs Creative Template",
|
description: "Resonance — One & Multi Page React Nextjs Creative Template",
|
||||||
description:
|
|
||||||
"Resonance — One & Multi Page React Nextjs Creative Template",
|
|
||||||
};
|
};
|
||||||
const onePage = false;
|
|
||||||
const dark = false;
|
const dark = false;
|
||||||
export default function SlickPortfolioPage() {
|
export default function SlickPortfolioPage() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<section
|
<section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home">
|
||||||
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
|
||||||
id="home"
|
|
||||||
>
|
|
||||||
{/* <!-- Background Shape --> */}
|
{/* <!-- Background Shape --> */}
|
||||||
<div className="bg-shape-1 wow fadeIn">
|
<div className="bg-shape-1 wow fadeIn">
|
||||||
<Image
|
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||||
src="/assets/images/demo-fancy/bg-shape-1.svg"
|
|
||||||
width={1443}
|
|
||||||
height={844}
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
{/* <!-- End Background Shape --> */}
|
{/* <!-- End Background Shape --> */}
|
||||||
|
|
||||||
@ -34,22 +23,14 @@ export default function SlickPortfolioPage() {
|
|||||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Portfolio</h1>
|
<h1 className="hs-title-10 mb-10 wow fadeInUp">Portfolio</h1>
|
||||||
|
|
||||||
<p
|
<p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s">
|
||||||
className="section-descr mb-0 wow fadeInUp"
|
|
||||||
data-wow-delay="0.2s"
|
|
||||||
>
|
|
||||||
Explore captivating web design solutions.
|
Explore captivating web design solutions.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="portfolio">
|
||||||
className={`page-section scrollSpysection ${
|
|
||||||
dark ? "bg-dark-1 light-content" : ""
|
|
||||||
} `}
|
|
||||||
id="portfolio"
|
|
||||||
>
|
|
||||||
<div className="container position-relative">
|
<div className="container position-relative">
|
||||||
<Portfolio />
|
<Portfolio />
|
||||||
</div>
|
</div>
|
||||||
@ -70,13 +51,10 @@ export default function SlickPortfolioPage() {
|
|||||||
<div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
|
<div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20">
|
<div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20">
|
||||||
<h2 className="section-title-small mb-20">
|
<h2 className="section-title-small mb-20">Like our creative works?</h2>
|
||||||
Like our creative works?
|
|
||||||
</h2>
|
|
||||||
<p className="text-gray mb-0">
|
<p className="text-gray mb-0">
|
||||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat
|
||||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
vitae lorem in vehicula.
|
||||||
vehicula.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
|
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
|
||||||
|
@ -5,28 +5,18 @@ import Image from "next/image";
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title:
|
title: "Slick Services || Resonance — One & Multi Page React Nextjs Creative Template",
|
||||||
"Slick Services || Resonance — One & Multi Page React Nextjs Creative Template",
|
description: "Resonance — One & Multi Page React Nextjs Creative Template",
|
||||||
description:
|
|
||||||
"Resonance — One & Multi Page React Nextjs Creative Template",
|
|
||||||
};
|
};
|
||||||
const onePage = false;
|
|
||||||
const dark = false;
|
const dark = false;
|
||||||
export default function SlickServicesPage() {
|
export default function SlickServicesPage() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<section
|
<section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home">
|
||||||
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
|
||||||
id="home"
|
|
||||||
>
|
|
||||||
{/* <!-- Background Shape --> */}
|
{/* <!-- Background Shape --> */}
|
||||||
<div className="bg-shape-1 wow fadeIn">
|
<div className="bg-shape-1 wow fadeIn">
|
||||||
<Image
|
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||||
src="/assets/images/demo-fancy/bg-shape-1.svg"
|
|
||||||
width={1443}
|
|
||||||
height={844}
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
{/* <!-- End Background Shape --> */}
|
{/* <!-- End Background Shape --> */}
|
||||||
|
|
||||||
@ -35,35 +25,22 @@ export default function SlickServicesPage() {
|
|||||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Our Services</h1>
|
<h1 className="hs-title-10 mb-10 wow fadeInUp">Our Services</h1>
|
||||||
|
|
||||||
<p
|
<p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s">
|
||||||
className="section-descr mb-0 wow fadeInUp"
|
|
||||||
data-wow-delay="0.2s"
|
|
||||||
>
|
|
||||||
Web design that leaves an impression.
|
Web design that leaves an impression.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="services">
|
||||||
className={`page-section scrollSpysection ${
|
|
||||||
dark ? "bg-dark-1 light-content" : ""
|
|
||||||
} `}
|
|
||||||
id="services"
|
|
||||||
>
|
|
||||||
<div className="container position-relative">
|
<div className="container position-relative">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
{/* Left Column */}
|
{/* Left Column */}
|
||||||
<div className="col-lg-5 mb-md-60 mb-sm-40">
|
<div className="col-lg-5 mb-md-60 mb-sm-40">
|
||||||
<h2 className="section-caption-slick mb-30 mb-sm-20">
|
<h2 className="section-caption-slick mb-30 mb-sm-20">WHAT WE DO</h2>
|
||||||
WHAT WE DO
|
<h3 className="section-title mb-30">We provide the best development solutions.</h3>
|
||||||
</h2>
|
|
||||||
<h3 className="section-title mb-30">
|
|
||||||
We provide the best development solutions.
|
|
||||||
</h3>
|
|
||||||
<p className="section-descr mb-50 mb-sm-40">
|
<p className="section-descr mb-50 mb-sm-40">
|
||||||
The power of design help us to solve complex problems and
|
The power of design help us to solve complex problems and cultivate business solutions.
|
||||||
cultivate business solutions.
|
|
||||||
</p>
|
</p>
|
||||||
<div className="local-scroll">
|
<div className="local-scroll">
|
||||||
<Link
|
<Link
|
||||||
@ -84,12 +61,10 @@ export default function SlickServicesPage() {
|
|||||||
</div>
|
</div>
|
||||||
<div className="row mb-50 mb-sm-50">
|
<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">
|
<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">
|
<h2 className="section-title-small mb-20">Why choose Resonance?</h2>
|
||||||
Why choose Resonance?
|
|
||||||
</h2>
|
|
||||||
<p className="text-gray mb-0">
|
<p className="text-gray mb-0">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
|
||||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
dolore magna aliqua.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -99,9 +74,7 @@ export default function SlickServicesPage() {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
|
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
|
||||||
<section
|
<section className={`page-section ${dark ? "bg-dark-1 light-content" : ""}`}>
|
||||||
className={`page-section ${dark ? "bg-dark-1 light-content" : ""}`}
|
|
||||||
>
|
|
||||||
<div className="container position-relative">
|
<div className="container position-relative">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
{/* Images */}
|
{/* Images */}
|
||||||
@ -155,32 +128,21 @@ export default function SlickServicesPage() {
|
|||||||
{/* End Images */}
|
{/* End Images */}
|
||||||
{/* Text */}
|
{/* Text */}
|
||||||
<div className="col-lg-5 d-flex align-items-center">
|
<div className="col-lg-5 d-flex align-items-center">
|
||||||
<div
|
<div className="wow fadeInUp" data-wow-duration="1.2s" data-wow-offset="255">
|
||||||
className="wow fadeInUp"
|
<h2 className="section-caption-slick mb-30 mb-sm-20">How we work?</h2>
|
||||||
data-wow-duration="1.2s"
|
|
||||||
data-wow-offset="255"
|
|
||||||
>
|
|
||||||
<h2 className="section-caption-slick mb-30 mb-sm-20">
|
|
||||||
How we work?
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<h2 className="section-title mb-30">
|
<h2 className="section-title mb-30">Get the power of the professional services</h2>
|
||||||
Get the power of the professional services
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<p className="text-gray">
|
<p className="text-gray">
|
||||||
Pellentesque ultrices purus sit amet velit eleifend, eu
|
Pellentesque ultrices purus sit amet velit eleifend, eu iaculis velit malesuada. Proin id mattis elit.
|
||||||
iaculis velit malesuada. Proin id mattis elit. Nullam a nisi
|
Nullam a nisi tellus. Mauris rhoncus diam in sem maximus, nec luctus justo imperdiet. Etiam fermentum
|
||||||
tellus. Mauris rhoncus diam in sem maximus, nec luctus justo
|
vehicula faucibus.
|
||||||
imperdiet. Etiam fermentum vehicula faucibus.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p className="text-gray mb-0">
|
<p className="text-gray mb-0">
|
||||||
Praesent ullamcorper urna id arcu molestie scelerisque. Sed
|
Praesent ullamcorper urna id arcu molestie scelerisque. Sed imperdiet tristique mauris et faucibus.
|
||||||
imperdiet tristique mauris et faucibus. Maecenas semper augue
|
Maecenas semper augue non fringilla placerat. Curabitur luctus erat sit amet ultricies aliquam. Donec
|
||||||
non fringilla placerat. Curabitur luctus erat sit amet
|
dictum convallis mauris et maximus. Nullam massa arcu, porta quis felis et, eleifend varius quam.
|
||||||
ultricies aliquam. Donec dictum convallis mauris et maximus.
|
|
||||||
Nullam massa arcu, porta quis felis et, eleifend varius quam.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -204,13 +166,10 @@ export default function SlickServicesPage() {
|
|||||||
<div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
|
<div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20">
|
<div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20">
|
||||||
<h2 className="section-title-small mb-20">
|
<h2 className="section-title-small mb-20">Like our creative works?</h2>
|
||||||
Like our creative works?
|
|
||||||
</h2>
|
|
||||||
<p className="text-gray mb-0">
|
<p className="text-gray mb-0">
|
||||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat
|
||||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
vitae lorem in vehicula.
|
||||||
vehicula.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
|
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
|
||||||
|
@ -64,13 +64,13 @@ export function GoogleReviewsBlock() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="container px-6">
|
<div className="container px-6">
|
||||||
<h2 className="text-3xl font-bold text-center">Reviews</h2>
|
<h2 className="text-3xl font-bold text-center text-white">Reviews</h2>
|
||||||
<div className="flex justify-center space-x-2">
|
<div className="flex justify-center space-x-2">
|
||||||
<h2 className="text-xl text-center font-bold">4.8</h2>
|
<h2 className="text-xl text-center font-bold text-white">4.8</h2>
|
||||||
<div className="mt-1">
|
<div className="mt-1">
|
||||||
<StarRating size={20} value={4.8} />
|
<StarRating size={20} value={4.8} />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-xs font-semibold mt-1 text-neutral-500">Over 200 Reviews</div>
|
<div className="text-xs font-semibold mt-1 text-white">Over 200 Reviews</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-20 relative">
|
<div className="mt-20 relative">
|
||||||
<Swiper
|
<Swiper
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { CardTeam } from "@/components/Teams/CardTeam";
|
import Team from "@/components/Team";
|
||||||
|
|
||||||
type Team = {
|
type Team = {
|
||||||
id: number;
|
id: number;
|
||||||
@ -13,27 +13,5 @@ export interface OurTeamProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function OurTeamBlock({ team }: OurTeamProps) {
|
export function OurTeamBlock({ team }: OurTeamProps) {
|
||||||
return (
|
return <Team data={team} />;
|
||||||
<section className="page-section bg-gray-light-1 relative">
|
|
||||||
{/* Decoration Circles */}
|
|
||||||
<div className="decoration-12" />
|
|
||||||
<div className="decoration-13" />
|
|
||||||
{/* End Decoration Circles */}
|
|
||||||
<div className="container mx-auto px-6 text-center">
|
|
||||||
<h2 className="text-4xl font-semibold text-gray-800 mb-8">Our Team</h2>
|
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
|
|
||||||
{team.map((member, idx) => (
|
|
||||||
<CardTeam
|
|
||||||
key={idx}
|
|
||||||
data={{
|
|
||||||
name: member.name,
|
|
||||||
img: member.img.url,
|
|
||||||
role: member.role,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import { blogs9 } from "@/data/blogs";
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
@ -1,6 +1,4 @@
|
|||||||
import { numbers } from "@/data/facts";
|
|
||||||
import { features5 } from "@/data/features";
|
import { features5 } from "@/data/features";
|
||||||
import { services5 } from "@/data/services";
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
export default function Facts() {
|
export default function Facts() {
|
||||||
|
@ -1,32 +1,11 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useRef, useState } from "react";
|
import { useRef } from "react";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
export default function Hero6() {
|
export default function Hero6() {
|
||||||
const videoRef = useRef<any | null>(null);
|
const videoRef = useRef<any | null>(null);
|
||||||
const [isPlaying, setIsPlaying] = useState(true);
|
|
||||||
const [isMuted, setIsMuted] = useState(true);
|
|
||||||
|
|
||||||
const togglePlayPause = () => {
|
|
||||||
if (isPlaying) {
|
|
||||||
videoRef.current.pause();
|
|
||||||
setIsPlaying(false);
|
|
||||||
} else {
|
|
||||||
videoRef.current.play();
|
|
||||||
setIsPlaying(true);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const toggleMuteUnmute = () => {
|
|
||||||
if (isMuted) {
|
|
||||||
videoRef.current.muted = false;
|
|
||||||
setIsMuted(false);
|
|
||||||
} else {
|
|
||||||
videoRef.current.muted = true;
|
|
||||||
setIsMuted(true);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return (
|
return (
|
||||||
<section className="home-section bg-dark-1 bg-dark-alpha-30 light-content scrollSpysection" id="home">
|
<section className="home-section bg-dark-1 bg-dark-alpha-30 light-content scrollSpysection" id="home">
|
||||||
<div className="container min-height-100vh d-flex align-items-center pt-100 pb-100 pt-sm-120 pb-sm-120">
|
<div className="container min-height-100vh d-flex align-items-center pt-100 pb-100 pt-sm-120 pb-sm-120">
|
||||||
|
@ -1,10 +1,9 @@
|
|||||||
import { features4 } from "@/data/features";
|
import { features4 } from "@/data/features";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import Blog from "./Blogs/Blog";
|
|
||||||
import Cta3 from "./cta3";
|
import Cta3 from "./cta3";
|
||||||
import Facts from "./Facts";
|
|
||||||
import Service from "./Service";
|
import Service from "./Service";
|
||||||
|
import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
|
||||||
|
|
||||||
export default function homepage({ onePage = false, dark = false }) {
|
export default function homepage({ onePage = false, dark = false }) {
|
||||||
return (
|
return (
|
||||||
@ -100,13 +99,9 @@ export default function homepage({ onePage = false, dark = false }) {
|
|||||||
<div className="decoration-12 bg-white" />
|
<div className="decoration-12 bg-white" />
|
||||||
<div className="decoration-13 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">
|
<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>
|
<h2 className="section-title-small">Testimonials</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>
|
</div>
|
||||||
<Facts />
|
<GoogleReviewsBlock />
|
||||||
</section>
|
</section>
|
||||||
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="services">
|
<section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="services">
|
||||||
<div className="container position-relative">
|
<div className="container position-relative">
|
||||||
@ -157,12 +152,6 @@ export default function homepage({ onePage = false, dark = false }) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<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>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,113 +1,28 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import { Swiper, SwiperSlide } from "swiper/react";
|
import { CardTeam } from "./Teams/CardTeam";
|
||||||
import { Navigation } from "swiper/modules";
|
|
||||||
import { teamMembers } from "@/data/team";
|
|
||||||
import Image from "next/image";
|
|
||||||
|
|
||||||
export default function Team() {
|
export default function Team({ data }: any) {
|
||||||
return (
|
return (
|
||||||
<div className="container position-relative">
|
<div className="container">
|
||||||
<div className="row">
|
<div className="row mb-70 mb-sm-50">
|
||||||
{/* Quote */}
|
<div className="col-md-12 offset-md-2 col-lg-6 offset-lg-3 text-center">
|
||||||
<div className="col-md-6 mb-sm-60 mb-xs-40 d-flex flex-column align-items-center">
|
<h2 className="section-title mb-30 mb-sm-20">
|
||||||
<h2 className="section-caption-slick mb-30 mb-sm-20">Our Teams</h2>
|
<span className="text-gray">Our</span> Team
|
||||||
<blockquote className="testimonial mb-0 wow fadeInUp">
|
<span className="text-gray">.</span>
|
||||||
<div className="blockquote-icon" aria-hidden="true">
|
</h2>
|
||||||
”
|
<div className="text-gray">
|
||||||
|
The same color can evoke different emotions, or have various meanings to different individuals and cultures.
|
||||||
</div>
|
</div>
|
||||||
<p>Our goal is to spend quality time with every patient</p>
|
|
||||||
<footer>
|
|
||||||
<div className="section-line mb-10" />
|
|
||||||
Cecilia Hirales
|
|
||||||
<div className="small">Clinical Director, Co-founder</div>
|
|
||||||
</footer>
|
|
||||||
</blockquote>
|
|
||||||
</div>
|
</div>
|
||||||
{/* End Quote */}
|
</div>
|
||||||
{/* Team Carousel */}
|
<div className="row mt-n40">
|
||||||
<div className="col-md-6 relative">
|
|
||||||
<div>
|
|
||||||
<Swiper
|
|
||||||
spaceBetween={0}
|
|
||||||
slidesPerView={2}
|
|
||||||
breakpoints={{
|
|
||||||
500: {
|
|
||||||
slidesPerView: 2, // When window width is <= 480px
|
|
||||||
},
|
|
||||||
0: {
|
|
||||||
slidesPerView: 1,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
modules={[Navigation]}
|
|
||||||
navigation={{
|
|
||||||
prevEl: ".snbp1",
|
|
||||||
nextEl: ".snbn1",
|
|
||||||
}}
|
|
||||||
watchSlidesProgress
|
|
||||||
resizeObserver
|
|
||||||
className="team-carousel owl-carousel owl-theme overflow-hidden position-static"
|
|
||||||
style={{
|
|
||||||
opacity: 1,
|
|
||||||
display: "block",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{/* Team item */}
|
{/* Team item */}
|
||||||
{teamMembers.map((member, index) => (
|
{data.map((member: any, index: any) => (
|
||||||
<SwiperSlide className="owl-item" key={index}>
|
<div key={index}>
|
||||||
<div className="team-carousel-item">
|
<CardTeam data={member} />
|
||||||
<div className="team-item">
|
</div>
|
||||||
<div className="team-item-image">
|
|
||||||
<Image
|
|
||||||
width={600}
|
|
||||||
height={800}
|
|
||||||
src={member.image}
|
|
||||||
className="wow scaleOutIn"
|
|
||||||
alt="Image Description"
|
|
||||||
/>
|
|
||||||
<div className="team-item-detail">
|
|
||||||
<div className="team-social-links">
|
|
||||||
{member.socials.map((social, socialIndex) => (
|
|
||||||
<a href={social.url} target="_blank" rel="noopener nofollow" key={socialIndex}>
|
|
||||||
<div className="visually-hidden">{social.platform}</div>
|
|
||||||
<i className={social.icon} />
|
|
||||||
</a>
|
|
||||||
))}
|
))}
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="team-item-descr">
|
|
||||||
<div className="team-item-name">{member.name}</div>
|
|
||||||
<div className="team-item-role">{member.role}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
|
||||||
))}
|
|
||||||
<div className="owl-controls clickable">
|
|
||||||
<div className="owl-pagination">
|
|
||||||
<div className="owl-page">
|
|
||||||
<span className=""></span>
|
|
||||||
</div>
|
|
||||||
<div className="owl-page active">
|
|
||||||
<span className=""></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="owl-buttons">
|
|
||||||
<div className="owl-prev snbp1 owl-prev-testimonial-1" role="button" tabIndex={0}>
|
|
||||||
<span className="visually-hidden">Previous Slide</span>
|
|
||||||
<i className="mi-arrow-left" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div className="owl-next snbn1" role="button" tabIndex={0}>
|
|
||||||
<span className="visually-hidden">Next Slide</span>
|
|
||||||
<i className="mi-arrow-right" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* End Team item */}
|
{/* End Team item */}
|
||||||
</Swiper>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* End Team Carousel */}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -1,27 +1,46 @@
|
|||||||
|
"use client";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
|
|
||||||
export interface CardTeamProps {
|
export interface CardTeamProps {
|
||||||
data: {
|
data: {
|
||||||
name: string;
|
name: string;
|
||||||
role: string;
|
role: string;
|
||||||
img: string;
|
img: { url: string };
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function CardTeam({ data }: CardTeamProps) {
|
export function CardTeam({ data }: CardTeamProps) {
|
||||||
return (
|
return (
|
||||||
<div className="bg-white p-6 rounded-lg shadow-md">
|
<div className="col-md-4 mt-40">
|
||||||
|
<div className="team-item">
|
||||||
|
<div className="team-item-image">
|
||||||
<Image
|
<Image
|
||||||
src={data.img}
|
src={data.img.url}
|
||||||
alt={data.name}
|
width={625}
|
||||||
width={80}
|
height={767}
|
||||||
height={80}
|
className="wow scaleOutIn"
|
||||||
className="rounded-full object-cover mx-auto"
|
data-wow-duration="1.2s"
|
||||||
style={{ width: "80px", height: "80px" }}
|
alt={`Image of ${data.name}`}
|
||||||
/>
|
/>
|
||||||
<h3 className="mt-4 text-lg font-medium text-gray-900">{data.name}</h3>
|
<div className="team-item-detail">
|
||||||
<p className="text-gray-600">{data.role}</p>
|
<div className="team-social-links">
|
||||||
<button className="bg-slate-400 rounded-full p-2 font-semibold text-slate-50 text-xs">BIOGRAPHY</button>
|
{[
|
||||||
|
{ platform: "Facebook", icon: "fa-facebook-f", url: "#" },
|
||||||
|
{ platform: "Twitter", icon: "fa-twitter", url: "#" },
|
||||||
|
{ platform: "Pinterest", icon: "fa-pinterest-p", url: "#" },
|
||||||
|
].map((social, idx) => (
|
||||||
|
<a key={idx} href={social.url} target="_blank" rel="noopener nofollow">
|
||||||
|
<div className="visually-hidden">{social.platform}</div>
|
||||||
|
<i className={social.icon} />
|
||||||
|
</a>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="team-item-descr">
|
||||||
|
<div className="team-item-name">{data.name}</div>
|
||||||
|
<div className="team-item-role">{data.role}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import { MigrateUpArgs, MigrateDownArgs, sql } from '@payloadcms/db-postgres'
|
import { MigrateUpArgs, MigrateDownArgs, sql } from "@payloadcms/db-postgres";
|
||||||
|
|
||||||
export async function up({ db, payload, req }: MigrateUpArgs): Promise<void> {
|
export async function up({ db }: MigrateUpArgs): Promise<void> {
|
||||||
await db.execute(sql`
|
await db.execute(sql`
|
||||||
CREATE TYPE "public"."enum_forms_confirmation_type" AS ENUM('message', 'redirect');
|
CREATE TYPE "public"."enum_forms_confirmation_type" AS ENUM('message', 'redirect');
|
||||||
CREATE TABLE IF NOT EXISTS "users" (
|
CREATE TABLE IF NOT EXISTS "users" (
|
||||||
@ -705,10 +705,10 @@ export async function up({ db, payload, req }: MigrateUpArgs): Promise<void> {
|
|||||||
CREATE INDEX IF NOT EXISTS "payload_preferences_rels_path_idx" ON "payload_preferences_rels" USING btree ("path");
|
CREATE INDEX IF NOT EXISTS "payload_preferences_rels_path_idx" ON "payload_preferences_rels" USING btree ("path");
|
||||||
CREATE INDEX IF NOT EXISTS "payload_preferences_rels_users_id_idx" ON "payload_preferences_rels" USING btree ("users_id");
|
CREATE INDEX IF NOT EXISTS "payload_preferences_rels_users_id_idx" ON "payload_preferences_rels" USING btree ("users_id");
|
||||||
CREATE INDEX IF NOT EXISTS "payload_migrations_updated_at_idx" ON "payload_migrations" USING btree ("updated_at");
|
CREATE INDEX IF NOT EXISTS "payload_migrations_updated_at_idx" ON "payload_migrations" USING btree ("updated_at");
|
||||||
CREATE INDEX IF NOT EXISTS "payload_migrations_created_at_idx" ON "payload_migrations" USING btree ("created_at");`)
|
CREATE INDEX IF NOT EXISTS "payload_migrations_created_at_idx" ON "payload_migrations" USING btree ("created_at");`);
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function down({ db, payload, req }: MigrateDownArgs): Promise<void> {
|
export async function down({ db }: MigrateDownArgs): Promise<void> {
|
||||||
await db.execute(sql`
|
await db.execute(sql`
|
||||||
DROP TABLE "users" CASCADE;
|
DROP TABLE "users" CASCADE;
|
||||||
DROP TABLE "media" CASCADE;
|
DROP TABLE "media" CASCADE;
|
||||||
@ -743,5 +743,5 @@ export async function down({ db, payload, req }: MigrateDownArgs): Promise<void>
|
|||||||
DROP TABLE "payload_preferences" CASCADE;
|
DROP TABLE "payload_preferences" CASCADE;
|
||||||
DROP TABLE "payload_preferences_rels" CASCADE;
|
DROP TABLE "payload_preferences_rels" CASCADE;
|
||||||
DROP TABLE "payload_migrations" CASCADE;
|
DROP TABLE "payload_migrations" CASCADE;
|
||||||
DROP TYPE "public"."enum_forms_confirmation_type";`)
|
DROP TYPE "public"."enum_forms_confirmation_type";`);
|
||||||
}
|
}
|
||||||
|
@ -6,60 +6,6 @@
|
|||||||
* and re-run `payload generate:types` to regenerate this file.
|
* and re-run `payload generate:types` to regenerate this file.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
|
||||||
* Supported timezones in IANA format.
|
|
||||||
*
|
|
||||||
* This interface was referenced by `Config`'s JSON-Schema
|
|
||||||
* via the `definition` "supportedTimezones".
|
|
||||||
*/
|
|
||||||
export type SupportedTimezones =
|
|
||||||
| 'Pacific/Midway'
|
|
||||||
| 'Pacific/Niue'
|
|
||||||
| 'Pacific/Honolulu'
|
|
||||||
| 'Pacific/Rarotonga'
|
|
||||||
| 'America/Anchorage'
|
|
||||||
| 'Pacific/Gambier'
|
|
||||||
| 'America/Los_Angeles'
|
|
||||||
| 'America/Tijuana'
|
|
||||||
| 'America/Denver'
|
|
||||||
| 'America/Phoenix'
|
|
||||||
| 'America/Chicago'
|
|
||||||
| 'America/Guatemala'
|
|
||||||
| 'America/New_York'
|
|
||||||
| 'America/Bogota'
|
|
||||||
| 'America/Caracas'
|
|
||||||
| 'America/Santiago'
|
|
||||||
| 'America/Buenos_Aires'
|
|
||||||
| 'America/Sao_Paulo'
|
|
||||||
| 'Atlantic/South_Georgia'
|
|
||||||
| 'Atlantic/Azores'
|
|
||||||
| 'Atlantic/Cape_Verde'
|
|
||||||
| 'Europe/London'
|
|
||||||
| 'Europe/Berlin'
|
|
||||||
| 'Africa/Lagos'
|
|
||||||
| 'Europe/Athens'
|
|
||||||
| 'Africa/Cairo'
|
|
||||||
| 'Europe/Moscow'
|
|
||||||
| 'Asia/Riyadh'
|
|
||||||
| 'Asia/Dubai'
|
|
||||||
| 'Asia/Baku'
|
|
||||||
| 'Asia/Karachi'
|
|
||||||
| 'Asia/Tashkent'
|
|
||||||
| 'Asia/Calcutta'
|
|
||||||
| 'Asia/Dhaka'
|
|
||||||
| 'Asia/Almaty'
|
|
||||||
| 'Asia/Jakarta'
|
|
||||||
| 'Asia/Bangkok'
|
|
||||||
| 'Asia/Shanghai'
|
|
||||||
| 'Asia/Singapore'
|
|
||||||
| 'Asia/Tokyo'
|
|
||||||
| 'Asia/Seoul'
|
|
||||||
| 'Australia/Sydney'
|
|
||||||
| 'Pacific/Guam'
|
|
||||||
| 'Pacific/Noumea'
|
|
||||||
| 'Pacific/Auckland'
|
|
||||||
| 'Pacific/Fiji';
|
|
||||||
|
|
||||||
export interface Config {
|
export interface Config {
|
||||||
auth: {
|
auth: {
|
||||||
users: UserAuthOperations;
|
users: UserAuthOperations;
|
||||||
|
@ -1,10 +1,7 @@
|
|||||||
import payloadConfig from "@/payload.config";
|
import payloadConfig from "@/payload.config";
|
||||||
import { draftMode } from "next/headers";
|
|
||||||
import { getPayload } from "payload";
|
import { getPayload } from "payload";
|
||||||
|
|
||||||
export const fetchPageBySlug = async ({ slug }: { slug: string | undefined }) => {
|
export const fetchPageBySlug = async ({ slug }: { slug: string | undefined }) => {
|
||||||
const { isEnabled: draft } = await draftMode();
|
|
||||||
|
|
||||||
const payload = await getPayload({ config: payloadConfig });
|
const payload = await getPayload({ config: payloadConfig });
|
||||||
|
|
||||||
const result = await payload.find({
|
const result = await payload.find({
|
||||||
|
@ -27,7 +27,7 @@ export const parallaxMouseMovement = () => {
|
|||||||
// });
|
// });
|
||||||
});
|
});
|
||||||
|
|
||||||
scene.addEventListener("mouseenter", function (e) {
|
scene.addEventListener("mouseenter", function () {
|
||||||
this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => {
|
this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
el.style.transition = "all .27s var(--ease-out-short)";
|
el.style.transition = "all .27s var(--ease-out-short)";
|
||||||
@ -36,7 +36,7 @@ export const parallaxMouseMovement = () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
scene.addEventListener("mouseout", function (e) {
|
scene.addEventListener("mouseout", function () {
|
||||||
this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => {
|
this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => {
|
||||||
el.style.transition = "none";
|
el.style.transition = "none";
|
||||||
});
|
});
|
||||||
|
Loading…
x
Reference in New Issue
Block a user