increased page linking

ArshiaAdhya · Feb 19, 2024 · 60abd61 · 60abd61
1 parent c19376e
commit 60abd61
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/footer/footer.component.ts b/src/app/footer/footer.component.ts
@@ -1,17 +1,24 @@
 import { Component } from '@angular/core';
+import { Router } from '@angular/router'; // Import essential Router module
+import { RouterLink, RouterOutlet } from '@angular/router';
+import { AboutUsComponent } from '../about-us/about-us.component';
 
 @Component({
   selector: 'app-footer',
   standalone: true,
-  imports: [],
+  imports: [
+    AboutUsComponent,
+    RouterLink,
+    RouterOutlet,
+  ],
   template: `
 <!-- footer.component.html -->
 <!-- footer.component.html -->
 <footer class="bg-blue-800 text-white py-6">
   <div class="md:flex-row justify-between items-center">
     <div class="flex flex-wrap items-center justify-center"> <!-- Updated -->
       <div class="mx-4 ">
-        <a href="#" class="text-gray-300 hover:text-white">Home</a>
+        <a routerLink="/" class="text-gray-300 hover:text-white">Home</a>
       </div>
       <div class="mx-4">
         <a href="#" class="text-gray-300 hover:text-white">About</a>
@@ -20,7 +27,7 @@ import { Component } from '@angular/core';
         <a href="#" class="text-gray-300 hover:text-white">Services</a>
       </div>
       <div class="mx-4 ">
-        <a href="#" class="text-gray-300 hover:text-white">Contact</a>
+        <a routerLink="/contact_us" class="text-gray-300 hover:text-white">Contact</a>
       </div>
     </div>
   

diff --git a/src/app/nav-bar/nav-bar.component.ts b/src/app/nav-bar/nav-bar.component.ts
@@ -27,7 +27,7 @@ import { RouterLink, RouterOutlet } from '@angular/router';
     </div>
   </div>
   <div class="navbar-center">
-    <a class="btn btn-ghost text-xl">Generosity</a>
+    <a routerLink="/" class="btn btn-ghost text-xl">Generosity</a>
   </div>
   <div class="navbar-end">
     <button class="btn btn-ghost btn-circle">