aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--frontend/src/App.tsx3
-rw-r--r--frontend/src/pages/Homepage.tsx18
2 files changed, 20 insertions, 1 deletions
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 36c2d03..b9e84f4 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -9,6 +9,7 @@ import Profile from './pages/Profile';
9import Games from './pages/Games'; 9import Games from './pages/Games';
10import Maps from './pages/Maps'; 10import Maps from './pages/Maps';
11import User from './pages/User'; 11import User from './pages/User';
12import Homepage from './pages/Homepage';
12 13
13 14
14const App: React.FC = () => { 15const App: React.FC = () => {
@@ -26,7 +27,7 @@ const App: React.FC = () => {
26 <> 27 <>
27 <Sidebar setToken={setToken} profile={profile} setProfile={setProfile} /> 28 <Sidebar setToken={setToken} profile={profile} setProfile={setProfile} />
28 <Routes> 29 <Routes>
29 <Route path="/" element={<div>yo</div>} /> 30 <Route path="/" element={<Homepage />} />
30 <Route path="/profile" element={<Profile profile={profile} />} /> 31 <Route path="/profile" element={<Profile profile={profile} />} />
31 <Route path="/users/*" element={<User />} /> 32 <Route path="/users/*" element={<User />} />
32 <Route path="/games" element={<Games />} /> 33 <Route path="/games" element={<Games />} />
diff --git a/frontend/src/pages/Homepage.tsx b/frontend/src/pages/Homepage.tsx
new file mode 100644
index 0000000..a5429cb
--- /dev/null
+++ b/frontend/src/pages/Homepage.tsx
@@ -0,0 +1,18 @@
1import React from 'react';
2import { PortalIcon } from '../images/Images';
3
4const Homepage: React.FC = () => {
5
6 return (
7 <main>
8 <section>
9 <h1><img src={PortalIcon}/>Welcome to Least Portals Hub!</h1>
10 <p>At the moment, LPHUB is in beta state. This means that the site has only the core functionalities enabled for providing both collaborative information and competitive leaderboards.</p>
11 <p>Site should feel intuitive to navigate around. For any type of feedback, reach us at LPHUB Discord server.</p>
12 <p>By using LPHUB, you agree that you have read the 'Leaderboard Rules' and the 'About P2LP' pages.</p>
13 </section>
14 </main>
15 );
16};
17
18export default Homepage;