refactor: ♻️ Use new Versia branding

README.md

@@ -1,7 +1,7 @@
 
 
 <p align="center">
-  <a href="https://versia.pub"><img src="https://cdn.versia.pub/branding/versia-dark.webp" alt="Versia Logo" height="110"></a>
+  <a href="https://versia.pub"><img src="https://cdn.versia.pub/branding/logo-dark.svg" alt="Versia Logo" height="110"></a>
 </p>
 
 

app/layout.tsx

@@ -6,7 +6,6 @@ import type { Section } from "../components/SectionProvider";
 import { Providers } from "./providers";
 
 import "@/styles/tailwind.css";
-import logo from "@/images/branding/logo.webp";
 import type { ReactNode } from "react";
 
 export const metadata: Metadata = {
@@ -19,11 +18,9 @@ export const metadata: Metadata = {
     openGraph: {
         type: "article",
         images: {
-            url: logo.src,
+            url: "https://cdn.versia.pub/branding/icon.svg",
             alt: "Versia logo",
-            height: logo.height,
-            width: logo.width,
-            type: "image/webp",
+            type: "image/svg+xml",
         },
     },
 };

components/Logo.tsx

@@ -1,4 +1,3 @@
-import logo from "@/images/branding/logo.webp";
 import clsx from "clsx";
 import type { ComponentPropsWithoutRef } from "react";
 
@@ -11,7 +10,11 @@ export function Logo(props: ComponentPropsWithoutRef<"div">) {
                 props.className,
             )}
         >
-            <img src={logo.src} alt="Logo" className="h-full rounded-sm" />
+            <img
+                src="https://cdn.versia.pub/branding/icon.svg"
+                alt="Logo"
+                className="h-full rounded-sm"
+            />
             <span className="fill-zinc-900 dark:fill-white font-semibold text-lg">
                 Versia Protocol
             </span>