fix: homepage & hero for build

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

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

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

src/components/Hero.tsx

@@ -60,9 +60,9 @@ export default function Hero6() {
                 >
                   Learn More
                 </a>
-                <Link href="/radixact">
+                <Link href="/contact">
                   <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>
+                    <span>Request Consultation</span>
                   </button>
                 </Link>
               </div>

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 (

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<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
+        imageSliderBlock?:
+          | T
+          | {
+              images?:
+                | T
+                | {
+                    image?: T;
+                    id?: T;
+                  };
+              id?: T;
+              blockName?: T;
+            };
       };
   meta?:
     | T

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"