diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07abf38..4838bc6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,16 @@
 import CodeEditor from "@/components/code-editor";
+import { DEFAULT_PROBLEM } from "@/config/problem";
+import MdxPreview from "@/components/problem-description";
 
 export default function Home() {
-  return <CodeEditor />;
+  return (
+    <div className="h-full flex items-center">
+      <div className="h-full w-1/2">
+        <MdxPreview source={DEFAULT_PROBLEM} />
+      </div>
+      <div className="h-full w-1/2">
+        <CodeEditor />
+      </div>
+    </div>
+  )
 }