diff --git a/src/app/(main)/home-bg-video/page.tsx b/src/app/(main)/home-bg-video/page.tsx index c7df79b..9317775 100644 --- a/src/app/(main)/home-bg-video/page.tsx +++ b/src/app/(main)/home-bg-video/page.tsx @@ -3,7 +3,7 @@ import Hero from "@/components/Hero"; import dynamic from "next/dynamic"; const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), { - ssr: true, + ssr: false, }); export default function Home1BGVideoMultiPage() { diff --git a/src/collections/Pages.ts b/src/collections/Pages.ts index 533af53..766bf8b 100644 --- a/src/collections/Pages.ts +++ b/src/collections/Pages.ts @@ -1,6 +1,7 @@ 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"; @@ -36,7 +37,7 @@ export const Pages: CollectionConfig = { label: "Page Layout", type: "blocks", minRows: 1, - blocks: [ContentBlock, BeforeFooterBlock, OurTeamBlock, HorizontalImageContentBlock], + blocks: [ContentBlock, BeforeFooterBlock, OurTeamBlock, HorizontalImageContentBlock, ImageSliderBlock], }, { name: "meta", diff --git a/src/components/Blocks/RenderBlocks.tsx b/src/components/Blocks/RenderBlocks.tsx index 37a92e3..646d7d1 100644 --- a/src/components/Blocks/RenderBlocks.tsx +++ b/src/components/Blocks/RenderBlocks.tsx @@ -5,12 +5,14 @@ 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<{ diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 6b6adbd..dea36c5 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -60,9 +60,9 @@ export default function Hero6() { > Learn More - + diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx index ac4d043..b4fdcd7 100644 --- a/src/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -1,18 +1,10 @@ -import React from "react"; - +import { features4 } from "@/data/features"; +import Image from "next/image"; +import Link from "next/link"; +import Blog from "./Blogs/Blog"; +import Cta3 from "./cta3"; import Facts from "./Facts"; import Service from "./Service"; -import Image from "next/image"; -import Testimonials from "./Testimonials"; -import Blog from "./Blogs/Blog"; -import Newsletter from "./Newsletter"; -import Contact from "./Contacts/Contact"; -import Link from "next/link"; -import TestimonialsDark from "./TestimonialsDark"; -import ContactDark from "./ContactDark"; -import { features4 } from "@/data/features"; -import Cta3 from "./cta3"; -import { fetchBlog } from "@/services/payload/blog"; export default function homepage({ onePage = false, dark = false }) { return ( diff --git a/src/payload-types.ts b/src/payload-types.ts index 80374ba..56dede4 100644 --- a/src/payload-types.ts +++ b/src/payload-types.ts @@ -197,6 +197,17 @@ 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?: { @@ -569,6 +580,18 @@ export interface PagesSelect { id?: T; blockName?: T; }; + imageSliderBlock?: + | T + | { + images?: + | T + | { + image?: T; + id?: T; + }; + id?: T; + blockName?: T; + }; }; meta?: | T diff --git a/yarn.lock b/yarn.lock index 0089dac..258077f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3370,6 +3370,13 @@ __metadata: languageName: node linkType: hard +"@types/animejs@npm:^3.1.13": + version: 3.1.13 + resolution: "@types/animejs@npm:3.1.13" + checksum: 10c0/6c1c977417a699bf4c3eaf6fdb948ea29011543f69370f98f7c7bac42aadb3309dda23a8415738f7480eed1a355b6ee130d1405339cd031a876774fc8e6f6c47 + languageName: node + linkType: hard + "@types/bootstrap@npm:^5.2.10": version: 5.2.10 resolution: "@types/bootstrap@npm:5.2.10" @@ -3781,6 +3788,13 @@ __metadata: languageName: node linkType: hard +"animejs@npm:^3.2.2": + version: 3.2.2 + resolution: "animejs@npm:3.2.2" + checksum: 10c0/f43dfcc0c743a2774e76fbfcb16a22350da7104f413d9d1b85c48128b0c078090642809deb631e21dfa0a40651111be39d9d7f694c9c1b70d8637ce8b6d63116 + languageName: node + linkType: hard + "ansi-regex@npm:^5.0.1": version: 5.0.1 resolution: "ansi-regex@npm:5.0.1" @@ -7595,6 +7609,7 @@ __metadata: "@payloadcms/richtext-lexical": "npm:^3.20.0" "@payloadcms/storage-s3": "npm:^3.20.0" "@popperjs/core": "npm:2.11.8" + "@types/animejs": "npm:^3.1.13" "@types/bootstrap": "npm:^5.2.10" "@types/imagesloaded": "npm:^4.1.6" "@types/isotope-layout": "npm:^3.0.14" @@ -7602,6 +7617,7 @@ __metadata: "@types/react": "npm:^19" "@types/react-dom": "npm:^19" "@types/react-modal-video": "npm:^1.2.3" + animejs: "npm:^3.2.2" bootstrap: "npm:^5.1.3" dayjs: "npm:^1.11.13" eslint: "npm:^9"