diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index a71735a..e7269cd 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet],
+  imports: [RouterOutlet,RouterLink, RouterLinkActive],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
 })
diff --git a/src/app/components/main/main.component.html b/src/app/components/main/main.component.html
index 17c1228..bd93595 100644
--- a/src/app/components/main/main.component.html
+++ b/src/app/components/main/main.component.html
@@ -1 +1 @@
-<p>main works!</p>
+<a routerLink="/trim">Trim</a>
\ No newline at end of file
diff --git a/src/app/components/main/main.component.ts b/src/app/components/main/main.component.ts
index b405849..ef396da 100644
--- a/src/app/components/main/main.component.ts
+++ b/src/app/components/main/main.component.ts
@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
+import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
 @Component({
   selector: 'app-main',
   standalone: true,
-  imports: [],
+  imports: [RouterOutlet,RouterLink, RouterLinkActive],
   templateUrl: './main.component.html',
   styleUrl: './main.component.css'
 })