Use this import

Author: hendychua

airstrip-fe/src/components/github-repo-button/GithubRepoButton.tsx

@@ -3,6 +3,7 @@
 import { GITHUB_REPO_URL, PRODUCT_NAME } from '@/constants';
 import { Button } from '@mantine/core';
 import Image from 'next/image';
+import githubMark from '../../../public/github-mark.svg';
 
 export default function GithubRepoButton({ variant }: { variant?: string }) {
   return (
@@ -12,7 +13,7 @@ export default function GithubRepoButton({ variant }: { variant?: string }) {
       href={GITHUB_REPO_URL}
       target="_blank"
       leftSection={
-        <Image alt="github" src="/github-mark.svg" width={20} height={20} />
+        <Image alt="github" src={githubMark} width={20} height={20} />
       }
     >
       Check out {PRODUCT_NAME} on GitHub

airstrip-fe/src/components/logo/Logo.tsx

@@ -6,6 +6,7 @@ import classes from './Logo.module.css';
 import Link from 'next/link';
 import { Links } from '@/utils/misc/links';
 import { PRODUCT_NAME } from '@/constants';
+import logoImage from '../../../public/logo.svg';
 
 export default function Logo({
   size,
@@ -18,7 +19,7 @@ export default function Logo({
 }) {
   const logo = (
     <Group gap="0">
-      <Image alt="Logo" src="/logo.svg" width={size} height={size} />
+      <Image alt="Logo" src={logoImage} width={size} height={size} />
       {withText && <Text fw="bold">{PRODUCT_NAME}</Text>}
     </Group>
   );