diff --git a/src/app/app.html b/src/app/app.html
index 3dd99b5..db22096 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1 +1,2 @@
 <app-sw-planet-films></app-sw-planet-films>
+<app-copilot-my-component></app-copilot-my-component>
diff --git a/src/app/app.ts b/src/app/app.ts
index 5f5f986..bfc9055 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -1,9 +1,10 @@
 import { Component, signal } from '@angular/core';
 import { SwPlanetFilms } from './sw-planet-films/sw-planet-films';
+import { CopilotMyComponent } from './copilot-my-component/copilot-my-component';
 
 @Component({
 	selector: 'app-root',
-	imports: [SwPlanetFilms],
+	imports: [SwPlanetFilms, CopilotMyComponent],
 	templateUrl: './app.html',
 	styleUrl: './app.css',
 })
diff --git a/src/app/copilot-my-component/copilot-my-component.css b/src/app/copilot-my-component/copilot-my-component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/copilot-my-component/copilot-my-component.html b/src/app/copilot-my-component/copilot-my-component.html
new file mode 100644
index 0000000..3661da0
--- /dev/null
+++ b/src/app/copilot-my-component/copilot-my-component.html
@@ -0,0 +1,8 @@
+<h1>Future Star Wars Planets</h1>
+<ul>
+	<li>Coruscant</li>
+	<li>Mandalore</li>
+	<li>Naboo</li>
+	<li>Kamino</li>
+	<li>Mustafar</li>
+</ul>
diff --git a/src/app/copilot-my-component/copilot-my-component.ts b/src/app/copilot-my-component/copilot-my-component.ts
new file mode 100644
index 0000000..e6128d3
--- /dev/null
+++ b/src/app/copilot-my-component/copilot-my-component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-copilot-my-component',
+	imports: [],
+	templateUrl: './copilot-my-component.html',
+	styleUrl: './copilot-my-component.css',
+})
+export class CopilotMyComponent {}