diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 902df67..3e7925b 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,8 +1,8 @@
 ---
-import IconTwitter from "../assets/icons/IconTwitter.astro";
-import IconYoutube from "../assets/icons/IconYoutube.astro";
-import IconInstagram from "../assets/icons/IconInstagram.astro";
-import HashtagWhyULoveFootball from "./HashtagWhyULoveFootball.astro";
+import IconTwitter from "@icons/IconTwitter.astro";
+import IconYoutube from "@icons/IconYoutube.astro";
+import IconInstagram from "@icons/IconInstagram.astro";
+import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
 ---
 
 <footer class="bg-black text-white">
diff --git a/src/components/NavigationBar.astro b/src/components/NavigationBar.astro
index 418f243..de38d3b 100644
--- a/src/components/NavigationBar.astro
+++ b/src/components/NavigationBar.astro
@@ -1,5 +1,5 @@
 ---
-import HashtagWhyULoveFootball from "./HashtagWhyULoveFootball.astro";
+import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
 ---
 
 <nav class="bg-transparent">
diff --git a/src/components/PlayVideoButton.astro b/src/components/PlayVideoButton.astro
index c01165e..7026e17 100644
--- a/src/components/PlayVideoButton.astro
+++ b/src/components/PlayVideoButton.astro
@@ -1,7 +1,5 @@
 ---
-import IconPlayVideo from "../assets/icons/IconPlayVideo.astro";
-
-
+import IconPlayVideo from "@icons/IconPlayVideo.astro";
 ---
 
 <button class="bg-[#54F400] text-[#2B00FF] font-bold py-5 px-8 shadow-md transition-all duration-300 hover:bg-[#4FC90E] hover:shadow-lg active:shadow-none active:bg-[#54F400] active:text-[#1C00A8] text-xl cursor-pointer flex items-center justify-center">
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 231b73f..faea3c5 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,7 +1,7 @@
 ---
-import Footer from '../components/Footer.astro';
-import NavigationBar from '../components/NavigationBar.astro';
-import Section from '../components/Section.astro';
+import Footer from '@components/Footer.astro';
+import NavigationBar from '@components/NavigationBar.astro';
+import Section from '@components/Section.astro';
 
 interface Props {
 	title: string;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c9a176a..bd4ff94 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import '../styles/global.css';
+import Layout from '@layouts/Layout.astro';
+import '@styles/global.css';
 ---
 
 <Layout title="Welcome to Whyuluvfootball">
diff --git a/tsconfig.json b/tsconfig.json
index 77da9dd..7b39267 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,13 @@
 {
-  "extends": "astro/tsconfigs/strict"
-}
\ No newline at end of file
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@icons/*": ["src/assets/icons/*"],
+      "@components/*": ["src/components/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@pages/*": ["src/pages/*"],
+      "@styles/*": ["src/styles/*"]
+    }
+  }
+}