Made my image in the hero use StaticImage component

l-alexandrov · Jul 16, 2024 · a93d171 · a93d171
1 parent 16105be
commit a93d171
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/@lekoarts/gatsby-theme-cara/components/hero.tsx b/src/@lekoarts/gatsby-theme-cara/components/hero.tsx
@@ -10,6 +10,7 @@ import {
 } from "@lekoarts/gatsby-theme-cara/src/styles/animations";
 import Intro from "../sections/intro.mdx";
 import { withPrefix } from "gatsby";
+import { StaticImage } from "gatsby-plugin-image";
 
 const Hero = ({ offset, factor = 1 }: { offset: number; factor?: number }) => (
   <div sx={{ position: `relative` }}>
@@ -161,8 +162,8 @@ const Hero = ({ offset, factor = 1 }: { offset: number; factor?: number }) => (
           textAlign: "center",
         }}
       >
-        <img
-          src={withPrefix("/me.jpg")}
+        <StaticImage
+          src="../../../images/me.jpg"
           sx={{
             borderRadius: `30rem`,
             height: `30vw`,

diff --git a/static/me.jpg → src/images/me.jpg b/static/me.jpg → src/images/me.jpg