diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6041cbb..09ef841 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,8 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
-  |  <a class="navbar-brand" href="/aboutMe">O mnie</a>  
+  |  <a class="navbar-brand" href="/about-me">O mnie</a>  
   |  <a class="navbar-brand" href="/quotes">Kursy</a>   
   |  <a class="navbar-brand" href="/asset-calculator">Kalkulator</a>
+  |  <a class="navbar-brand" href="/chat-gpt">ChatGPT</a>
  </nav> 
 
   <router-outlet />
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index e5df818..bd943bc 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,18 +2,25 @@ import { Routes } from '@angular/router';
 import { DashboardComponent } from './components/dashboard/dashboard.component';
 import { AssetCalculatorComponent } from './asset-calculator/asset-calculator.component';
 import { AboutMeComponent } from './about-me/about-me.component';
+import { ChatGPTComponent } from './chat-gpt/chat-gpt.component';
 
 export const routes: Routes = [ 
     {   path: "", 
         title: "Kalkulator amprtyzacyjny",
         component:AssetCalculatorComponent  },
-    {   path: "aboutMe",
+    {   path: "about-me",
         title:"O mnie",
         component: AboutMeComponent  },
     {   path: "asset-calculator", 
         title: "Kalkulator amortyzacyjny",
         component:AssetCalculatorComponent  },
     {   path: "quotes", 
-        title:"Kursy!",
-        component: DashboardComponent   }
+        title:"Kursy podstawowych walut i złota",
+        component: DashboardComponent  
+     },
+     {  
+        path: "chat-gpt", 
+        title:"Chat GPT",
+        component: ChatGPTComponent 
+     }
 ];
diff --git a/src/app/chat-gpt/chat-gpt.component.css b/src/app/chat-gpt/chat-gpt.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/chat-gpt/chat-gpt.component.html b/src/app/chat-gpt/chat-gpt.component.html
new file mode 100644
index 0000000..4aeeac3
--- /dev/null
+++ b/src/app/chat-gpt/chat-gpt.component.html
@@ -0,0 +1,4 @@
+<div class="container align-center mt-5">
+<h1><p>Witam!</p><p> Prace z chat GPT w toku.</p> 
+    Już wkrótce będzie można pogadać ze AI!</h1>
+</div>
diff --git a/src/app/chat-gpt/chat-gpt.component.spec.ts b/src/app/chat-gpt/chat-gpt.component.spec.ts
new file mode 100644
index 0000000..8c25ef9
--- /dev/null
+++ b/src/app/chat-gpt/chat-gpt.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChatGPTComponent } from './chat-gpt.component';
+
+describe('ChatGPTComponent', () => {
+  let component: ChatGPTComponent;
+  let fixture: ComponentFixture<ChatGPTComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ChatGPTComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ChatGPTComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/chat-gpt/chat-gpt.component.ts b/src/app/chat-gpt/chat-gpt.component.ts
new file mode 100644
index 0000000..3d47423
--- /dev/null
+++ b/src/app/chat-gpt/chat-gpt.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-chat-gpt',
+  standalone: true,
+  imports: [],
+  templateUrl: './chat-gpt.component.html',
+  styleUrl: './chat-gpt.component.css'
+})
+export class ChatGPTComponent {
+
+}