Replace logo image with SVG for improved branding consistency and visual appeal

src/components/Logo.astro

@@ -1,10 +1,13 @@
----
-import { SITE } from 'astrowind:config';
----
-
-<img
-  src="/images/365DevNet_Brand_Transparent.webp"
-  alt={SITE?.name || '365DevNet Logo'}
-  class="self-center ml-2 rtl:ml-0 rtl:mr-2 h-10 w-auto max-h-12"
-  style="max-height: 2.5rem;"
-/>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 900 120"
+  fill="none"
+  role="img"
+  aria-label="365DevNet logo"
+  class="h-14 w-auto block"
+>
+  <!-- Main Title -->
+  <text x="0" y="65" font-size="80" font-weight="bold" fill="currentColor" font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif">365DevNet</text>
+  <!-- Tagline (single line, readable) -->
+  <text x="0" y="110" font-size="25" fill="currentColor" font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif">Helping freelancers & small businesses with Microsoft 365</text>
+</svg>