diff --git a/app/courses/[slug]/page.tsx b/app/courses/[slug]/page.tsx
index cf22ca6..2cea74e 100644
--- a/app/courses/[slug]/page.tsx
+++ b/app/courses/[slug]/page.tsx
@@ -2,10 +2,10 @@ import React from 'react'
 import ResponsiveNav from "@/components/Navbar/ResponsiveNav";
 import { fetchCourses, fetchSettings } from "@/utils";
 import dynamic from 'next/dynamic'
-import Course from '@/components/Course/Course';
-// const DynamicComponent = dynamic(() => import('@/components/Course/Course'), {
-//   ssr: true,
-// })
+//import Course from '@/components/Course/Course';
+const DynamicComponent = dynamic(() => import('@/components/Course/Course'), {
+  ssr: true,
+})
 async function getCourses() {
   const courses = await fetchCourses();
   return courses;
@@ -33,7 +33,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
     <div className='bg-[#F6E8E8]'>
  
       <ResponsiveNav courses={courses} settings={settings} />
-      <Course course={course} settings={settings} />
+      <DynamicComponent course={course} settings={settings} />
     </div>
   )
 }
\ No newline at end of file