diff --git a/app/MindWork AI Studio/Chat/ContentBlockComponent.razor b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor
new file mode 100644
index 0000000..f103336
--- /dev/null
+++ b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor	
@@ -0,0 +1,18 @@
+@using MudBlazor
+
+<MudCard Class="my-2 rounded-lg" Outlined="@true">
+    <MudCardHeader>
+        <CardHeaderAvatar>
+            <MudAvatar Color="Color.Primary">Y</MudAvatar>
+        </CardHeaderAvatar>
+        <CardHeaderContent>
+            <MudText Typo="Typo.body1">You</MudText>
+        </CardHeaderContent>
+        <CardHeaderActions>
+            <MudIconButton Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" />
+        </CardHeaderActions>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudText Typo="Typo.body2">bla bla bla</MudText>
+    </MudCardContent>
+</MudCard>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Chat/ContentBlockComponent.razor.cs b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor.cs
new file mode 100644
index 0000000..08fc3f5
--- /dev/null
+++ b/app/MindWork AI Studio/Chat/ContentBlockComponent.razor.cs	
@@ -0,0 +1,7 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Chat;
+
+public partial class ContentBlockComponent : ComponentBase
+{
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Pages/Chat.razor b/app/MindWork AI Studio/Components/Pages/Chat.razor
new file mode 100644
index 0000000..9f9400b
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/Chat.razor	
@@ -0,0 +1,26 @@
+@page "/chat"
+@using AIStudio.Chat
+
+<MudText Typo="Typo.h3" Class="mb-12">Chats</MudText>
+
+<div class="d-flex flex-column" style="height: calc(100vh - 8.3em);">
+    <div class="flex-auto overflow-auto">
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+        <ContentBlockComponent/>
+    </div>
+
+    <MudPaper Style="flex: 0 0 auto;">
+        <MudTextField T="string" Variant="Variant.Filled" AutoGrow="@true" Lines="3" MaxLines="12" Label="Your Prompt" Placeholder="Type your question here...">
+        </MudTextField>
+    </MudPaper>
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Pages/Chat.razor.cs b/app/MindWork AI Studio/Components/Pages/Chat.razor.cs
new file mode 100644
index 0000000..02f3e0a
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Pages/Chat.razor.cs	
@@ -0,0 +1,7 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Pages;
+
+public partial class Chat : ComponentBase
+{
+}
\ No newline at end of file