diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 0000000..5e820a7
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,29 @@
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { HelmetProvider } from "react-helmet-async";
+
+import { ThemeProvider } from "@/components/ThemeProvider";
+
+import HomePage from "@/pages/HomePage";
+
+import LoginPage from "@/pages/LoginPage";
+
+function App() {
+    return (
+        <HelmetProvider>
+            <ThemeProvider defaultTheme="system" storageKey="ga-ui-theme">
+                <Router>
+                    <Routes>
+                        <Route path="/">
+                            <Route index element={<HomePage />} />
+                            <Route path="user/">
+                                <Route path="login" element={<LoginPage />} />
+                            </Route>
+                        </Route>
+                    </Routes>
+                </Router>
+            </ThemeProvider>
+        </HelmetProvider>
+    );
+};
+
+export default App;
diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
new file mode 100644
index 0000000..8e2b32f
--- /dev/null
+++ b/frontend/src/pages/HomePage.tsx
@@ -0,0 +1,20 @@
+import { Helmet } from "react-helmet-async";
+
+import Navbar from '@/components/Navbar';
+
+const HomePage = () => {
+    return (
+        <>
+            <Helmet>
+                <title>Home | {__SITE_NAME__}</title>
+            </Helmet>
+            <Navbar />
+            <div className="p-6 min-h-screen mx-6 text-center">
+                <h1 className="text-3xl font-bold mb-4">{__SITE_NAME__}</h1>
+                <p>This is an art gallery archiver for: Furaffinity, Twitter</p>
+            </div>
+        </>
+    )
+};
+
+export default HomePage;