diff --git a/app/about/(education)/education.jsx b/app/about/components/education.jsx
similarity index 100%
rename from app/about/(education)/education.jsx
rename to app/about/components/education.jsx
diff --git a/app/about/(experience)/experience.jsx b/app/about/components/experience.jsx
similarity index 100%
rename from app/about/(experience)/experience.jsx
rename to app/about/components/experience.jsx
diff --git a/app/about/(quote)/quote.jsx b/app/about/components/quote/quote.jsx
similarity index 100%
rename from app/about/(quote)/quote.jsx
rename to app/about/components/quote/quote.jsx
diff --git a/app/about/(quote)/style.css b/app/about/components/quote/style.css
similarity index 100%
rename from app/about/(quote)/style.css
rename to app/about/components/quote/style.css
diff --git a/app/about/(quote)/useIntersectionObserver.js b/app/about/components/quote/useIntersectionObserver.js
similarity index 100%
rename from app/about/(quote)/useIntersectionObserver.js
rename to app/about/components/quote/useIntersectionObserver.js
diff --git a/app/about/(skills)/skills.jsx b/app/about/components/skills/skills.jsx
similarity index 100%
rename from app/about/(skills)/skills.jsx
rename to app/about/components/skills/skills.jsx
diff --git a/app/about/(skills)/stack.jsx b/app/about/components/skills/stack.jsx
similarity index 100%
rename from app/about/(skills)/stack.jsx
rename to app/about/components/skills/stack.jsx
diff --git a/app/about/(skills)/tools.jsx b/app/about/components/skills/tools.jsx
similarity index 100%
rename from app/about/(skills)/tools.jsx
rename to app/about/components/skills/tools.jsx
diff --git a/app/about/(spotify)/animation.jsx b/app/about/components/spotify/animation.jsx
similarity index 100%
rename from app/about/(spotify)/animation.jsx
rename to app/about/components/spotify/animation.jsx
diff --git a/app/about/(spotify)/card.jsx b/app/about/components/spotify/card.jsx
similarity index 100%
rename from app/about/(spotify)/card.jsx
rename to app/about/components/spotify/card.jsx
diff --git a/app/about/(spotify)/fetch.js b/app/about/components/spotify/fetch.js
similarity index 100%
rename from app/about/(spotify)/fetch.js
rename to app/about/components/spotify/fetch.js
diff --git a/app/about/page.jsx b/app/about/page.jsx
index edd87e7..de726f6 100644
--- a/app/about/page.jsx
+++ b/app/about/page.jsx
@@ -7,13 +7,13 @@ import FixedButon from "@/components/FixedButton";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
-import Card from "./(spotify)/card.jsx";
-import Quote from "./(quote)/quote.jsx";
-import Skills from "./(skills)/skills.jsx";
-import Tools from "./(skills)/tools.jsx";
-import Stack from "./(skills)/stack.jsx";
-import Experience from "./(experience)/experience.jsx";
-import Education from "./(education)/education.jsx";
+import Card from "./components/spotify/card.jsx";
+import Quote from "./components/quote/quote.jsx";
+import Skills from "./components/skills/skills.jsx";
+import Tools from "./components/skills/tools.jsx";
+import Stack from "./components/skills/stack.jsx";
+import Experience from "./components/experience.jsx";
+import Education from "./components/education.jsx";
 
 // images
 import Me1 from "@/public/img/me1.jpg";