Fix logo

marcbouchenoire · Jun 17, 2024 · bfc306e · bfc306e
1 parent c902749
commit bfc306e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/site/src/components/sections/Introduction.tsx b/packages/site/src/components/sections/Introduction.tsx
@@ -1,5 +1,7 @@
 import { clsx } from "clsx"
+import Image from "next/image"
 import type { ComponentProps } from "react"
+import logo from "../../../public/logo.svg"
 import { InstallButton } from "../controls/InstallButton"
 
 interface Props extends ComponentProps<"section"> {
@@ -20,7 +22,7 @@ export function Introduction({ features, className, ...props }: Props) {
   return (
     <section className={clsx(className, "mt-16 md:mt-20 lg:mt-28")} {...props}>
       <h1 className="logo text-4xl font-bold md:text-5xl">
-        <img alt="Symbolist" height="80" src="/logo.svg" width="609" />
+        <Image alt="Symbolist" height="80" src={logo} width="609" />
       </h1>
       <p className="mt-6 text-lg text-zinc-700 dark:text-zinc-300 md:text-xl">
         A collection of every symbol from SF Symbols.