Changed router-links

package.json

@@ -13,6 +13,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/vue-fontawesome": "^3.0.3",
+    "bootstrap": "^5.3.0",
     "core-js": "^3.8.3",
     "vue": "^3.2.13",
     "vue-router": "^4.0.3",

src/App.vue

@@ -9,7 +9,6 @@
         <router-link to="/about">About</router-link>
         <router-link to="/services">Services</router-link>
         <router-link to="/prices">Prices</router-link>
-        <router-link to="/projects">Projects</router-link>
         <router-link to="/team">Team</router-link>
         <router-link to="/contact">Contact</router-link>
       </nav>

src/components/home/work.vue

@@ -14,7 +14,7 @@
       <div class="col-md-4 id-home__work__card">
         <h3>Project Plan</h3>
         <p>There are many variations of the passages of lorem Ipsum from available, majority.</p>
-        <router-link class="btn text-btn" to="/projects">Read More <font-awesome-icon :icon="['fas', 'arrow-right']" /></router-link>
+        <router-link class="btn text-btn" to="/services">Read More <font-awesome-icon :icon="['fas', 'arrow-right']" /></router-link>
       </div>
     </div>
   </div>

src/router/index.js

@@ -3,7 +3,6 @@ import HomeView from '../views/HomeView.vue'
 import AboutView from '../views/AboutView.vue'
 import ServicesView from '../views/ServicesView.vue'
 import PricesView from '../views/PricesView.vue'
-import ProjectsView from '../views/ProjectsView.vue'
 import TeamView from '../views/TeamView.vue'
 import ContactView from '../views/ContactView.vue'
 
@@ -28,11 +27,6 @@ const routes = [
     name: 'prices',
     component: PricesView
   },
-  {
-    path: '/projects',
-    name: 'projects',
-    component: ProjectsView
-  },
   {
     path: '/team',
     name: 'team',