Added tailwindcss, the main pages to create the Website and routes

frontend/src/router/index.js

@@ -1,8 +1,51 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import Landing from '../pages/Landing.vue'
+import GameSelection from '../pages/GameSelection.vue'
+import GameBoard from '../pages/GameBoard.vue'
+import LeaderBoards from '../pages/LeaderBoards.vue'
+import Profile from '../pages/Profile.vue'
+import Login from '../pages/Login.vue'
+import Register from '../pages/Register.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [],
+  routes: [
+    {
+      path: '/',
+      name: 'Landing',
+      component: Landing
+    },
+    {
+      path: '/game-selection',
+      name: 'GameSelection',
+      component: GameSelection
+    },
+    {
+      path: '/game-board',
+      name: 'GameBoard',
+      component: GameBoard
+    },
+    {
+      path: '/leader-boards',
+      name: 'LeaderBoards',
+      component: LeaderBoards
+    },
+    {
+      path: '/profile',
+      name: 'Profile',
+      component: Profile
+    },
+    {
+      path: '/login',
+      name: 'Login',
+      component: Login
+    },
+    {
+      path: '/register',
+      name: 'Register',
+      component: Register
+    }
+  ],
 })
 
 export default router