diff --git a/code/frontend/src/App.js b/code/frontend/src/App.js
index 79e334c..1d782ed 100644
--- a/code/frontend/src/App.js
+++ b/code/frontend/src/App.js
@@ -9,6 +9,11 @@ import InputWithIcon from "./components/InputWithIcon"
 import Layout from "./components/Layout"
 import ContextTheme from "./contexts/ContextTheme"
 import { BrowserRouter } from "react-router-dom"
+import { Route, Switch } from "react-router"
+import PageHome from "./routes/PageHome"
+import PageRepositories from "./routes/PageRepositories"
+import PageAlerts from "./routes/PageAlerts"
+import PageSettings from "./routes/PageSettings"
 
 
 export default function App() {
@@ -20,27 +25,20 @@ export default function App() {
 
             <div className={classNames(Style.App, theme)}>
                 <Layout>
-                    <BoxWithHeader
-                        header={"Sto provando i bottoni!"}
-                    >
-                        <div>
-                            <div>
-                                Ammirate:
-                            </div>
-                            <div>
-                                <Button color={"Green"} icon={faArrowRight}>Verde</Button>
-                                <Button color={"Grey"} icon={faArchive}>Grigio</Button>
-                                <Button color={"Yellow"} icon={faExclamationTriangle}>Giallo</Button>
-                                <Button color={"Red"} icon={faTrash}>Rosso</Button>
-                            </div>
-                            <div>
-                                E già che ci siamo, un Input, con e senza icona:
-                            </div>
-                            <div>
-                                <Input/> <InputWithIcon icon={faSearch}/>
-                            </div>
-                        </div>
-                    </BoxWithHeader>
+                    <Switch>
+                        <Route path={"/"}>
+                            <PageHome/>
+                        </Route>
+                        <Route path={"/repositories"}>
+                            <PageRepositories/>
+                        </Route>
+                        <Route path={"/alerts"}>
+                            <PageAlerts/>
+                        </Route>
+                        <Route path={"/settings"}>
+                            <PageSettings/>
+                        </Route>
+                    </Switch>
                 </Layout>
             </div>
 
diff --git a/code/frontend/src/routes/PageAlerts.js b/code/frontend/src/routes/PageAlerts.js
new file mode 100644
index 0000000..86eee24
--- /dev/null
+++ b/code/frontend/src/routes/PageAlerts.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageAlerts.module.css"
+import classNames from "classnames"
+
+
+export default function PageAlerts({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageAlerts, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageAlerts.module.css b/code/frontend/src/routes/PageAlerts.module.css
new file mode 100644
index 0000000..407624d
--- /dev/null
+++ b/code/frontend/src/routes/PageAlerts.module.css
@@ -0,0 +1,3 @@
+.PageAlerts {
+
+}
diff --git a/code/frontend/src/routes/PageHome.js b/code/frontend/src/routes/PageHome.js
new file mode 100644
index 0000000..6a254e0
--- /dev/null
+++ b/code/frontend/src/routes/PageHome.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageHome.module.css"
+import classNames from "classnames"
+
+
+export default function PageHome({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageHome, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageHome.module.css b/code/frontend/src/routes/PageHome.module.css
new file mode 100644
index 0000000..c15562d
--- /dev/null
+++ b/code/frontend/src/routes/PageHome.module.css
@@ -0,0 +1,3 @@
+.PageHome {
+
+}
diff --git a/code/frontend/src/routes/PageRepositories.js b/code/frontend/src/routes/PageRepositories.js
new file mode 100644
index 0000000..940602c
--- /dev/null
+++ b/code/frontend/src/routes/PageRepositories.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageRepositories.module.css"
+import classNames from "classnames"
+
+
+export default function PageRepositories({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageRepositories, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageRepositories.module.css b/code/frontend/src/routes/PageRepositories.module.css
new file mode 100644
index 0000000..6f970ae
--- /dev/null
+++ b/code/frontend/src/routes/PageRepositories.module.css
@@ -0,0 +1,3 @@
+.PageRepositories {
+
+}
diff --git a/code/frontend/src/routes/PageSettings.js b/code/frontend/src/routes/PageSettings.js
new file mode 100644
index 0000000..fad7ecb
--- /dev/null
+++ b/code/frontend/src/routes/PageSettings.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageSettings.module.css"
+import classNames from "classnames"
+
+
+export default function PageSettings({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageSettings, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageSettings.module.css b/code/frontend/src/routes/PageSettings.module.css
new file mode 100644
index 0000000..ce1af54
--- /dev/null
+++ b/code/frontend/src/routes/PageSettings.module.css
@@ -0,0 +1,3 @@
+.PageSettings {
+
+}