This commit is contained in:
iqbal024 2025-02-13 02:19:56 +07:00
commit 16de8a93a4
18 changed files with 107 additions and 355 deletions

View File

@ -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",
}, },
}, },
]; ];

View File

@ -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 />
</> </>
); );
} }

View File

@ -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 &mdash; One & Multi Page React Nextjs Creative Template", title: "Slick About Dark || Resonance &mdash; One & Multi Page React Nextjs Creative Template",

View File

@ -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 &mdash; One & Multi Page React Nextjs Creative Template",
"Slick Portfolio || Resonance &mdash; One & Multi Page React Nextjs Creative Template", description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
description:
"Resonance &mdash; 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">

View File

@ -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 &mdash; One & Multi Page React Nextjs Creative Template",
"Slick Services || Resonance &mdash; One & Multi Page React Nextjs Creative Template", description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
description:
"Resonance &mdash; 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">

View File

@ -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

View File

@ -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>
);
} }

View File

@ -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";

View File

@ -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() {

View File

@ -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">

View File

@ -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>
</> </>
); );
} }

View File

@ -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>
); );

View File

@ -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>
); );
} }

View File

@ -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";`);
} }

View File

@ -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;

View File

@ -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({

View File

@ -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";
}); });