diff --git a/frontend/src/app/components/navbar/navbar.component.html b/frontend/src/app/components/navbar/navbar.component.html
index 6a2f62b..0bce4b8 100644
--- a/frontend/src/app/components/navbar/navbar.component.html
+++ b/frontend/src/app/components/navbar/navbar.component.html
@@ -6,7 +6,7 @@
             <div class="flex items-center">
                 <a routerLink="/" class="text-xl font-semibold"
                     [class.text-black]="!isHomePage || hasScrolled || isMobileMenuOpen"
-                    [class.text-white]="isHomePage && !hasScrolled && !isMobileMenuOpen">SMETOVI</a>
+                    [class.text-white]="isHomePage && !hasScrolled && !isMobileMenuOpen"><img class="logo" src="../../../assets/images/smetovi-logo.png"></a>
             </div>
 
             <!-- Navigation Menu on the Right (Desktop) -->
diff --git a/frontend/src/app/components/navbar/navbar.component.scss b/frontend/src/app/components/navbar/navbar.component.scss
index 5dffa06..ab4e730 100644
--- a/frontend/src/app/components/navbar/navbar.component.scss
+++ b/frontend/src/app/components/navbar/navbar.component.scss
@@ -9,6 +9,9 @@ nav {
     a {
         padding: 8px;
     }
+    img.logo {
+        max-width: 160px;
+    }
     .sub-menu {
         a {
             padding: 8px 20px;
diff --git a/frontend/src/assets/images/smetovi-logo.png b/frontend/src/assets/images/smetovi-logo.png
new file mode 100644
index 0000000..f20b11c
Binary files /dev/null and b/frontend/src/assets/images/smetovi-logo.png differ