diff --git a/apps/ui/src/App.tsx b/apps/ui/src/App.tsx
index 9f4b05fcd..fde766901 100644
--- a/apps/ui/src/App.tsx
+++ b/apps/ui/src/App.tsx
@@ -23,6 +23,7 @@ import StakePage from "./pages/StakePage";
import SwapPage from "./pages/SwapPage";
import SwapPageV2 from "./pages/SwapPageV2";
import TosPage from "./pages/TosPage";
+import WormholePage from "./pages/WormholePage";
function App(): ReactElement {
return (
@@ -64,6 +65,7 @@ function App(): ReactElement {
{process.env.REACT_APP_ENABLE_POOL_RESTRUCTURE && (
} />
)}
+ } />
} />
} />
} />
diff --git a/apps/ui/src/pages/WormholePage.scss b/apps/ui/src/pages/WormholePage.scss
new file mode 100644
index 000000000..010e88b94
--- /dev/null
+++ b/apps/ui/src/pages/WormholePage.scss
@@ -0,0 +1,10 @@
+.wormholeForm {
+ width: 500px;
+ transition: all 0.5s ease;
+}
+
+@media (min-width: 768px) {
+ .wormholeForm {
+ min-width: 460px;
+ }
+}
diff --git a/apps/ui/src/pages/WormholePage.tsx b/apps/ui/src/pages/WormholePage.tsx
new file mode 100644
index 000000000..3d12a9f16
--- /dev/null
+++ b/apps/ui/src/pages/WormholePage.tsx
@@ -0,0 +1,38 @@
+import {
+ EuiPage,
+ EuiPageBody,
+ EuiPageContent,
+ EuiPageContentBody,
+ EuiSpacer,
+ EuiTitle,
+} from "@elastic/eui";
+import type { ReactElement } from "react";
+import { useTranslation } from "react-i18next";
+
+import { WormholeForm } from "../components/WormholeForm";
+import { useTitle } from "../hooks";
+
+import "./WormholePage.scss";
+
+const WormholePage = (): ReactElement => {
+ const { t } = useTranslation();
+ useTitle(t("nav.wormhole"));
+
+ return (
+
+
+
+
+
+ {"Wormhole"}
+
+
+
+
+
+
+
+ );
+};
+
+export default WormholePage;