diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..8c7f7c7
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,29 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { AuthProvider } from "./contexts/AuthContext";
+import Layout from "./components/Layout";
+import Landing from "./pages/Landing";
+import Auth from "./pages/Auth";
+import UploadInvoice from "./pages/UploadInvoice";
+import Dashboard from "./pages/Dashboard";
+
+export default function App() {
+  return (
+    <Router basename="/juntosnoscomemoselmundo">
+      <AuthProvider>
+        <Layout>
+          <Routes>
+            <Route path="/" element={<Landing />} />
+            <Route path="/auth" element={<Auth />} />
+            <Route path="/upload" element={<UploadInvoice />} />
+            <Route path="/dashboard" element={<Dashboard />} />
+          </Routes>
+        </Layout>
+      </AuthProvider>
+    </Router>
+  );
+}
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..f1ddfb1
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,20 @@
+@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:ital,wght@0,700;1,700&family=Roboto:wght@400;500;700;900&display=swap');
+@import "tailwindcss";
+
+@theme {
+  --font-sans: "Roboto", ui-sans-serif, system-ui, sans-serif;
+  --font-display: "Anton", "Roboto Condensed", ui-sans-serif, system-ui, sans-serif;
+
+  --color-brand-blue: #00468B; 
+  --color-brand-navy: #153C5D;
+  --color-brand-dark-blue: #0F2D51;
+  --color-brand-yellow: #FFC900; 
+  --color-brand-red: #E21931; 
+  --color-brand-cream: #F8F9FA; 
+  --color-brand-purple: #3A2350;
+  --color-brand-orange: #ED6B22;
+}
+
+body {
+  @apply bg-white text-brand-dark-blue font-sans antialiased;
+}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..080dac3
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,10 @@
+import {StrictMode} from 'react';
+import {createRoot} from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);