src/App.tsx

@@ -14,6 +14,7 @@ import { WalletConnectProvider } from "./context/WalletConnectContext";
 import VerifyEmail from "./pages/VerifyEmail";
 import Email from "./pages/Email";
 import Thanks from "./pages/Thanks";
+import CreateValidator from "./pages/CreateValidator";
 
 function App() {
   return (
@@ -40,6 +41,10 @@ function App() {
               path="/onboarding-success"
               element={<OnboardingSuccess />}
             ></Route>
+            <Route
+              path="/validator"
+              element={<CreateValidator />}
+            ></Route>
           </Route>
           <Route path="*" element={<PageNotFound />} />
         </Routes>

src/pages/CreateValidator.tsx

@@ -0,0 +1,27 @@
+import { Box, MenuItem, Select, Typography } from '@mui/material'
+import React from 'react'
+import { useWalletConnectContext } from '../context/WalletConnectContext'
+import { useNavigate } from 'react-router-dom';
+
+const CreateValidator = () => {
+  const {session} = useWalletConnectContext();
+  const navigate = useNavigate();
+  if (!session){
+    navigate("/connect-wallet")
+  }
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        marginTop: 6,
+        gap: 1,
+      }}
+    >
+      <Typography variant="h5">Create a validator</Typography>
+      <Typography variant="body1">Select Laconic account:</Typography>
+    </Box>
+  )
+}
+
+export default CreateValidator