diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8316cdc..7d07e7b 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,12 +2,15 @@
 <header class="fixed w-full top-0 z-50 {{ with $headerConfig.background }}{{ . }}{{ else }}bg-white/80 backdrop-blur-sm{{ end }} {{ with $headerConfig.border }}{{ . }}{{ else }}border-b border-gray-100{{ end }}">
     <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
         <nav class="flex items-center justify-between h-20">
-            <!-- Logo -->
-            <a href="{{ .Site.BaseURL }}" class="flex items-center">
+            <!-- Logo and Title -->
+            <a href="{{ .Site.BaseURL }}" class="flex items-center space-x-4">
                 {{ with $headerConfig.logo }}
-                    <img src="{{ .src | relURL }}" alt="{{ $.Site.Title }}" class="{{ with .class }}{{ . }}{{ else }}h-8{{ end }}">
+                    <img src="{{ .src | relURL }}" alt="{{ $.Site.Title }}" class="{{ with .class }}{{ . }}{{ else }}h-20{{ end }}">
                 {{ else }}
-                    <span class="text-xl font-bold text-gray-900">{{ .Site.Title }}</span>
+                    <span class="text-2xl font-bold text-gray-900">{{ .Site.Title }}</span>
+                {{ end }}
+                {{ if .Site.Title }}
+                    <span class="text-2xl font-semibold text-gray-800">{{ .Site.Title }}</span>
                 {{ end }}
             </a>
 
diff --git a/static/images/saasfiy-logo.svg b/static/images/logo.svg
similarity index 100%
rename from static/images/saasfiy-logo.svg
rename to static/images/logo.svg
diff --git a/static/images/saasify-logo.svg b/static/images/saasify-logo.svg
new file mode 100644
index 0000000..440b5db
--- /dev/null
+++ b/static/images/saasify-logo.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <!-- outline around oval -->
+  <ellipse cx="100" cy="100" rx="60" ry="45" 
+           fill="none" 
+           stroke="#68b6e6" 
+           stroke-width="8"/>
+  
+  <!-- Blue oval background -->
+  <ellipse cx="100" cy="100" rx="56" ry="41" 
+           fill="#2563eb"/>
+  
+  <!-- Yellow lightning bolt -->
+  <path d="M90 40 L130 40 L100 85 L130 85 L70 160 L90 105 L70 105 Z" 
+        fill="#fbbf24"
+        stroke="white"
+        stroke-width="2"/>
+</svg>
\ No newline at end of file