fixed logo

app/about/page.tsx

@@ -2,7 +2,7 @@ import { PageHeader } from '@/app/components/page-header';
 import { Title } from '@/app/components/title';
 import Image from 'next/image';
 import Link from 'next/link';
-import nextConfig from '../../../next.config.mjs';
+import { getImagePath } from '@/lib/images';
 
 const experience: {
   company: string;
@@ -14,19 +14,19 @@ const experience: {
     company: 'OpenText',
     role: 'Software Engineer 2',
     date: 'January 2024 → Present',
-    logo: `${nextConfig.basePath}/opentext.png`,
+    logo: getImagePath('opentext.png'),
   },
   {
     company: 'Epsilon',
     role: 'Software Engineer 1/2',
     date: 'January 2021 → January 2024',
-    logo: `${nextConfig.basePath}/epsilon.png`,
+    logo: getImagePath('epsilon.png'),
   },
   {
     company: 'KLA + ',
     role: 'Software Engineer Intern',
     date: 'May 2020 → Jun 2020',
-    logo: `${nextConfig.basePath}/kla.png`,
+    logo: getImagePath('kla.png'),
   },
 ];
 

app/layout.tsx

@@ -10,6 +10,7 @@ import Image from 'next/image';
 import nextConfig from '../next.config.mjs';
 
 import clsx from 'clsx';
+import { getImagePath } from '@/lib/images';
 
 const SaansFont = localFont({
   src: './saans-font.woff2',
@@ -85,7 +86,7 @@ export default function RootLayout({
           <header className="pt-8 md:pt-16 pb-16 px-4 md:px-0 flex justify-between">
             <Link href="/">
               <Image 
-                src={`${nextConfig.basePath}/logo2.png`}
+                src={getImagePath('logo2.png')}
                 alt="AK" 
                 width={64}
                 height={64}

lib/images.ts

@@ -0,0 +1,5 @@
+import nextConfig from "@/next.config.mjs";
+
+export const getImagePath = (imgPath: string): string => {
+    return `${nextConfig.basePath}/${imgPath}`;
+  };