diff --git a/components/layout/dynamic-content-manager/dynamic-content-manager.tsx b/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
index 837bb957c..814e9d4d6 100644
--- a/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
+++ b/components/layout/dynamic-content-manager/dynamic-content-manager.tsx
@@ -6,6 +6,7 @@ import Slider from '@/components/modules/slider/slider';
 import USPSection from '@/components/modules/usp-section/usp-section';
 
 import { InformationCircleIcon } from '@heroicons/react/24/outline';
+import { Suspense } from 'react';
 interface getContentComponentProps {
   _type: string;
   _key: number;
@@ -87,7 +88,9 @@ interface dynamicContentManagerProps {
 
 const DynamicContentManager = ({ content }: dynamicContentManagerProps) => {
   return (
-    <div className="dynamic-content overflow-x-hidden">{content?.map(getContentComponent)}</div>
+    <div className="dynamic-content overflow-x-hidden">
+      <Suspense fallback={<div>Loading...</div>}>{content?.map(getContentComponent)}</Suspense>
+    </div>
   );
 };