diff --git a/apps/web/src/app/editor/page.tsx b/apps/web/src/app/editor/page.tsx
new file mode 100644
index 0000000..51a448d
--- /dev/null
+++ b/apps/web/src/app/editor/page.tsx
@@ -0,0 +1,48 @@
+import {
+  ResizablePanelGroup,
+  ResizablePanel,
+  ResizableHandle,
+} from "../../components/ui/resizable";
+import { MediaPanel } from "../../components/media-panel";
+import { PropertiesPanel } from "../../components/properties-panel";
+import { Timeline } from "../../components/timeline";
+import { PreviewPanel } from "../../components/preview-panel";
+
+export default function Editor() {
+  return (
+    <div className="h-screen w-screen flex flex-col bg-background">
+      <ResizablePanelGroup direction="vertical">
+        <ResizablePanel defaultSize={50} minSize={30}>
+          {/* Main content area */}
+          <ResizablePanelGroup direction="horizontal">
+            {/* Tools Panel */}
+            <ResizablePanel defaultSize={20} minSize={15}>
+              <MediaPanel />
+            </ResizablePanel>
+
+            <ResizableHandle withHandle />
+
+            {/* Preview Area */}
+            <ResizablePanel defaultSize={60}>
+              <PreviewPanel />
+            </ResizablePanel>
+
+            <ResizableHandle withHandle />
+
+            {/* Properties Panel */}
+            <ResizablePanel defaultSize={20} minSize={15}>
+              <PropertiesPanel />
+            </ResizablePanel>
+          </ResizablePanelGroup>
+        </ResizablePanel>
+
+        <ResizableHandle withHandle />
+
+        {/* Timeline */}
+        <ResizablePanel defaultSize={50} minSize={15}>
+          <Timeline />
+        </ResizablePanel>
+      </ResizablePanelGroup>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index b43a683..9b8a74c 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,48 +1,3 @@
-import {
-  ResizablePanelGroup,
-  ResizablePanel,
-  ResizableHandle,
-} from "../components/ui/resizable";
-import { MediaPanel } from "../components/media-panel";
-import { PropertiesPanel } from "../components/properties-panel";
-import { Timeline } from "../components/timeline";
-import { PreviewPanel } from "../components/preview-panel";
-
-export default function VideoEditor() {
-  return (
-    <div className="h-screen w-screen flex flex-col bg-background">
-      <ResizablePanelGroup direction="vertical">
-        <ResizablePanel defaultSize={50} minSize={30}>
-          {/* Main content area */}
-          <ResizablePanelGroup direction="horizontal">
-            {/* Tools Panel */}
-            <ResizablePanel defaultSize={20} minSize={15}>
-              <MediaPanel />
-            </ResizablePanel>
-
-            <ResizableHandle withHandle />
-
-            {/* Preview Area */}
-            <ResizablePanel defaultSize={60}>
-              <PreviewPanel />
-            </ResizablePanel>
-
-            <ResizableHandle withHandle />
-
-            {/* Properties Panel */}
-            <ResizablePanel defaultSize={20} minSize={15}>
-              <PropertiesPanel />
-            </ResizablePanel>
-          </ResizablePanelGroup>
-        </ResizablePanel>
-
-        <ResizableHandle withHandle />
-
-        {/* Timeline */}
-        <ResizablePanel defaultSize={50} minSize={15}>
-          <Timeline />
-        </ResizablePanel>
-      </ResizablePanelGroup>
-    </div>
-  );
-}
+export default function Home() {
+  return <div>Hello World</div>;
+}
\ No newline at end of file