feat: show site title next to logo with improved styling

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 -->
+            <!-- Logo and Title -->
-            <a href="{{ .Site.BaseURL }}" class="flex items-center">
+            <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>
 

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>