chore: Update logo file format to webp and add og image (#164)

Author: 7nohe

docs/astro.config.mjs

@@ -2,6 +2,10 @@ import starlight from "@astrojs/starlight";
 // @ts-check
 import { defineConfig } from "astro/config";
 
+const site = "https://openapi-react-query-codegen.vercel.app";
+const ogUrl = new URL("og.jpg", site).href;
+const ogImageAlt = "OpenAPI React Query Codegen";
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [
@@ -10,6 +14,16 @@ export default defineConfig({
       social: {
         github: "https://github.com/7nohe/openapi-react-query-codegen",
       },
+      head: [
+        {
+          tag: "meta",
+          attrs: { property: "og:image", content: ogUrl },
+        },
+        {
+          tag: "meta",
+          attrs: { property: "og:image:alt", content: ogImageAlt },
+        },
+      ],
       sidebar: [
         {
           label: "Guides",

docs/public/favicon.svg

@@ -5,7 +5,7 @@ template: splash
 hero:
   tagline: Code generator for creating React Query (also known as TanStack Query) hooks based on your OpenAPI schema.
   image:
-    file: ../../assets/logo.png
+    file: ../../assets/logo.webp
   actions:
     - text: Get Started
       link: /guides/introduction/