refactor: add basic homepage

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';
 import Games from './pages/Games';
 import Maps from './pages/Maps';
 import User from './pages/User';
+import Homepage from './pages/Homepage';
 
 
 const App: React.FC = () => {
@@ -26,7 +27,7 @@ const App: React.FC = () => {
     <>
       <Sidebar setToken={setToken} profile={profile} setProfile={setProfile} />
       <Routes>
-        <Route path="/" element={<div>yo</div>} />
+        <Route path="/" element={<Homepage />} />
         <Route path="/profile" element={<Profile profile={profile} />} />
         <Route path="/users/*" element={<User />} />
         <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 @@
+import React from 'react';
+import { PortalIcon } from '../images/Images';
+
+const Homepage: React.FC = () => {
+
+    return (
+        <main>
+            <section>
+                <h1><img src={PortalIcon}/>Welcome to Least Portals Hub!</h1>
+                <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>
+                <p>Site should feel intuitive to navigate around. For any type of feedback, reach us at LPHUB Discord server.</p>
+                <p>By using LPHUB, you agree that you have read the 'Leaderboard Rules' and the 'About P2LP' pages.</p>
+            </section>
+        </main>
+    );
+};
+
+export default Homepage;