diff --git a/web/src/Routes.js b/web/src/Routes.js
index 2014e53..df8edfb 100644
--- a/web/src/Routes.js
+++ b/web/src/Routes.js
@@ -32,6 +32,7 @@ const Routes = () => {
   )
   return (
     <Router>
+      <Route path="/dev-ide" page={DevIdePage} name="devIde" />
       <Route path="/policies/privacy-policy" page={PrivacyPolicyPage} name="privacyPolicy" />
       <Route path="/policies/code-of-conduct" page={CodeOfConductPage} name="codeOfConduct" />
       <Route path="/account-recovery/update-password" page={UpdatePasswordPage} name="updatePassword" />
diff --git a/web/src/pages/DevIdePage/DevIdePage.js b/web/src/pages/DevIdePage/DevIdePage.js
new file mode 100644
index 0000000..1960ec5
--- /dev/null
+++ b/web/src/pages/DevIdePage/DevIdePage.js
@@ -0,0 +1,18 @@
+import MainLayout from 'src/layouts/MainLayout'
+import Seo from 'src/components/Seo/Seo'
+import IdeToolbar from 'src/components/IdeToolbarNew'
+
+const DevIdePage = () => {
+  return (
+    <MainLayout>
+      <Seo
+        title="new ide in development"
+        description="new ide in development"
+        lang="en-US"
+      />
+      <IdeToolbar />
+    </MainLayout>
+  )
+}
+
+export default DevIdePage
diff --git a/web/src/pages/HomePage/HomePage.js b/web/src/pages/HomePage/HomePage.js
index 97f884d..e853fe8 100644
--- a/web/src/pages/HomePage/HomePage.js
+++ b/web/src/pages/HomePage/HomePage.js
@@ -2,13 +2,11 @@ import MainLayout from 'src/layouts/MainLayout'
 import PartsCell from 'src/components/PartsCell'
 import LandingSection from 'src/components/LandingSection'
 import Seo from 'src/components/Seo/Seo'
-import IdeToolbar from 'src/components/IdeToolbarNew'
 
 const PartsPage = () => {
   return (
     <MainLayout>
       <Seo title="Parts page" description="Cadhub parts page" lang="en-US" />
-      <IdeToolbar />
       <LandingSection />
       <PartsCell shouldFilterPartsWithoutImage />
     </MainLayout>