Use local logos instead of external URLs

Author: TheHadiAhmadi

public/logo-dark.svg

@@ -32,13 +32,13 @@ const {
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://fluentcms.com" />
     <meta property="og:site_name" content="FluentCMS" />
-    <meta property="og:image" content="https://fluentcms.com/og-image.png" />
+    <meta property="og:image" content="https://fluentcms.com/logo.svg" />
 
     <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
-    <meta name="twitter:image" content="https://fluentcms.com/og-image.png" />
+    <meta name="twitter:image" content="https://fluentcms.com/logo.svg" />
     <meta name="twitter:site" content="@fluentcms" />
 
     <!-- Canonical -->
@@ -66,7 +66,7 @@ const {
         "@type": "Organization",
         "name": "FluentCMS",
         "url": "https://fluentcms.com/",
-        "logo": "https://fluentcms.com/files/images/logo.svg",
+        "logo": "https://fluentcms.com/logo.svg",
         "description": "AI-powered, open-source headless CMS built with ASP.NET Core and Blazor",
         "sameAs": [
           "https://github.com/fluentcms/FluentCMS",

public/logo.svg

@@ -12,8 +12,8 @@ import Layout from '../layouts/Layout.astro';
       <div class="max-w-screen-xl mx-auto px-3 sm:px-4">
         <div class="flex flex-wrap items-center justify-between h-14 sm:h-16">
           <a href="/" class="flex items-center">
-            <img src="https://fluentcms.com/files/images/logo.svg" class="h-7 sm:h-9 mr-2 dark:hidden" alt="FluentCMS Logo">
-            <img src="https://fluentcms.com/files/images/logo-dark.svg" class="h-7 sm:h-9 mr-2 hidden dark:block" alt="FluentCMS Logo">
+            <img src="/logo.svg" class="h-7 sm:h-9 mr-2 dark:hidden" alt="FluentCMS Logo">
+            <img src="/logo-dark.svg" class="h-7 sm:h-9 mr-2 hidden dark:block" alt="FluentCMS Logo">
           </a>
           <div class="flex items-center md:order-2 gap-2">
             <a href="https://github.com/fluentcms/FluentCMS" target="_blank" rel="noopener noreferrer" class="text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-xs sm:text-sm px-3 sm:px-4 py-1.5 sm:py-2 text-center inline-flex items-center gap-1 sm:gap-2 dark:focus:ring-blue-800">
@@ -336,7 +336,7 @@ import Layout from '../layouts/Layout.astro';
     <div class="max-w-screen-xl mx-auto px-3 sm:px-4 py-8 sm:py-10">
       <div class="flex flex-col items-center">
         <a href="/" class="flex items-center mb-4 sm:mb-6">
-          <img src="https://fluentcms.com/files/images/logo.svg" class="h-8 sm:h-10 mr-2 sm:mr-3 filter brightness-0 invert" alt="FluentCMS Logo">
+          <img src="/logo.svg" class="h-8 sm:h-10 mr-2 sm:mr-3 filter brightness-0 invert" alt="FluentCMS Logo">
           <span class="self-center text-xl sm:text-2xl font-semibold whitespace-nowrap text-white">FluentCMS</span>
         </a>
         <p class="mb-4 sm:mb-6 text-gray-400 text-center max-w-md text-sm sm:text-base">Open-source AI-powered Headless CMS built with ASP.NET Core and Blazor. MIT Licensed.</p>