Implement Landing Page

dapp/src/pages/ActivityPage/index.tsx

@@ -3,6 +3,7 @@ import { Flex, Link as ChakraLink, Icon } from "@chakra-ui/react"
 
 import { Link as ReactRouterLink } from "react-router-dom"
 import { useSidebar } from "#/hooks"
+import { routerPath } from "#/router/path"
 import { ArrowLeft } from "#/assets/icons"
 import ActivityDetails from "./ActivityDetails"
 import { ActivityBar } from "./ActivityBar"
@@ -17,7 +18,7 @@ export default function ActivityPage() {
 
   return (
     <Flex direction="column" gap={4} p={6}>
-      <ChakraLink as={ReactRouterLink} to="/">
+      <ChakraLink as={ReactRouterLink} to={routerPath.dashboard}>
         <Icon
           as={ArrowLeft}
           boxSize={8}

dapp/src/pages/OverviewPage/index.tsx → dapp/src/pages/DashboardPage/index.tsx

@@ -9,7 +9,7 @@ import TransactionHistory from "./TransactionHistory"
 import { DocsCard } from "./DocsCard"
 import { ActivityCarousel } from "./ActivityCarousel"
 
-export default function OverviewPage() {
+export default function DashboardPage() {
   return (
     <Flex direction="column" p={6}>
       <HStack pb={3.5}>

dapp/src/pages/LandingPage/index.tsx

@@ -0,0 +1,17 @@
+import React from "react"
+import { Flex } from "@chakra-ui/react"
+
+export default function LandingPage() {
+  return (
+    <Flex
+      w="full"
+      flexFlow="column"
+      px={10}
+      pb={10}
+      maxW="100.625rem"
+      mx="auto"
+    >
+      Content
+    </Flex>
+  )
+}

dapp/src/router/index.tsx

@@ -1,13 +1,19 @@
 import React from "react"
 import { createBrowserRouter } from "react-router-dom"
-import OverviewPage from "#/pages/OverviewPage"
+import LandingPage from "#/pages/LandingPage"
 import ActivityPage from "#/pages/ActivityPage"
+import DashboardPage from "#/pages/DashboardPage"
 import { routerPath } from "./path"
 
 export const router = createBrowserRouter([
   {
     path: routerPath.home,
-    element: <OverviewPage />,
+    element: <LandingPage />,
+    index: true,
+  },
+  {
+    path: routerPath.dashboard,
+    element: <DashboardPage />,
   },
   {
     path: `${routerPath.activity}/:activityId`,

dapp/src/router/path.ts

@@ -1,4 +1,5 @@
 export const routerPath = {
   home: "/",
+  dashboard: "/dashboard",
   activity: "/activity-details",
 }