diff --git a/src/app/[locale]/contact-us/page.tsx b/src/app/[locale]/contact-us/page.tsx
index cca3f6b..b8657bd 100644
--- a/src/app/[locale]/contact-us/page.tsx
+++ b/src/app/[locale]/contact-us/page.tsx
@@ -1,12 +1,15 @@
 import images from '@/assets/images/images';
 import InnerPageBanner from '@/components/layout/innerPages/banner';
-import ContactMap from '@/components/layout/map';
 import ContactForm from '@/components/pages/contact/ContactMeForm';
 import TouchUs from '@/components/pages/contact/TouchUs';
 import Image from 'next/image';
+import dynamic from 'next/dynamic';
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import { IPageParams } from '@/models/layout';
-import Head from 'next/head';
+
+const ContactMap = dynamic(() => import('@/components/layout/map'), {
+  ssr: false,
+});
 
 export async function generateMetadata({ params }: { params: IPageParams }) {
   const { locale } = await params;