diff --git a/src/app/page.tsx b/src/app/page.tsx
index 62f39bf..967c428 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,7 @@
 'use client';
 import Image from 'next/image';
+import Chat from '@/images/chat.jpg';
+import RightClick from '@/images/right-click.jpg';
 
 export default function Page() {
     return (
@@ -29,7 +31,7 @@ export default function Page() {
                         </p>
                         <div className="relative w-full h-[450px] rounded-lg overflow-hidden">
                             <Image
-                                src="/images/chat.jpg"
+                                src={Chat}
                                 alt="AI Chat"
                                 fill
                                 className="object-cover transition-opacity duration-200"
@@ -48,7 +50,7 @@ export default function Page() {
                         </p>
                         <div className="relative w-full h-[450px] rounded-lg overflow-hidden">
                             <Image
-                                src="/images/right-click.jpg"
+                                src={RightClick}
                                 alt="Code Link"
                                 fill
                                 className="object-cover transition-opacity duration-200"
diff --git a/tsconfig.json b/tsconfig.json
index 06ee0db..faa931e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,7 +19,7 @@
             }
         ],
         "paths": {
-            "@/*": ["./src/*"]
+            "@/*": ["./src/*", "./public/*"]
         }
     },
     "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],