diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte
index 219febc..39e39d9 100644
--- a/ui/src/routes/+layout.svelte
+++ b/ui/src/routes/+layout.svelte
@@ -60,7 +60,7 @@
   <div class="layout-container">
     <header class="header">
       <div class="header-content">
-        <h1>Project Optima</h1>
+        <img src={$theme === 'dark' ? '/tts-logo-dark.png' : '/tts-logo.png'} alt="Total Tech Solutions" class="header-logo" />
         <button
           class="theme-toggle"
           on:click={() => theme.toggle()}
diff --git a/ui/src/styles/layout.css b/ui/src/styles/layout.css
index 826ea03..1bb7058 100644
--- a/ui/src/styles/layout.css
+++ b/ui/src/styles/layout.css
@@ -33,6 +33,14 @@
   color: var(--header-text);
 }
 
+.header-logo {
+  height: 40px;
+  width: auto;
+  display: block;
+}
+
+
+
 /* Layout Wrapper */
 .layout-wrapper {
   display: flex;
diff --git a/ui/static/logo.png b/ui/static/logo.png
new file mode 100644
index 0000000..1390802
Binary files /dev/null and b/ui/static/logo.png differ
diff --git a/ui/static/tts-logo-dark.png b/ui/static/tts-logo-dark.png
new file mode 100644
index 0000000..f51f0ee
Binary files /dev/null and b/ui/static/tts-logo-dark.png differ
diff --git a/ui/static/tts-logo.png b/ui/static/tts-logo.png
new file mode 100644
index 0000000..1ee0062
Binary files /dev/null and b/ui/static/tts-logo.png differ