diff --git a/app/public/assets/dot.png b/app/public/assets/dot.png
deleted file mode 100644
index 1f9b70ba..00000000
Binary files a/app/public/assets/dot.png and /dev/null differ
diff --git a/app/public/assets/earth.afdesign b/app/src/app/_components/modules/Hero/Globe/earth.afdesign
similarity index 100%
rename from app/public/assets/earth.afdesign
rename to app/src/app/_components/modules/Hero/Globe/earth.afdesign
diff --git a/app/public/assets/earth.png b/app/src/app/_components/modules/Hero/Globe/earth.png
similarity index 100%
rename from app/public/assets/earth.png
rename to app/src/app/_components/modules/Hero/Globe/earth.png
diff --git a/app/public/assets/earth.svg b/app/src/app/_components/modules/Hero/Globe/earth.svg
similarity index 100%
rename from app/public/assets/earth.svg
rename to app/src/app/_components/modules/Hero/Globe/earth.svg
diff --git a/app/src/app/_components/modules/Hero/Globe.tsx b/app/src/app/_components/modules/Hero/Globe/index.tsx
similarity index 94%
rename from app/src/app/_components/modules/Hero/Globe.tsx
rename to app/src/app/_components/modules/Hero/Globe/index.tsx
index 1b0978ca..acf1bee0 100644
--- a/app/src/app/_components/modules/Hero/Globe.tsx
+++ b/app/src/app/_components/modules/Hero/Globe/index.tsx
@@ -5,6 +5,7 @@
 import clsx from "clsx";
 import { useEffect, useRef } from "react";
 import * as THREE from "three";
+import earthPng from "./earth.png";
 
 interface Props {
   className?: string;
@@ -32,7 +33,7 @@ const Globe = ({ className, width = 0, height = 0 }: Readonly<Props>) => {
 
     const geometry = new THREE.SphereGeometry(5, 64, 64);
 
-    const texture = new THREE.TextureLoader().load("./assets/earth.png");
+    const texture = new THREE.TextureLoader().load(earthPng.src);
 
     // TODO: Add inner glow
 
diff --git a/app/src/app/_components/modules/Hero/Hero.tsx b/app/src/app/_components/modules/Hero/Hero.tsx
index 0a439732..a72ac4b5 100644
--- a/app/src/app/_components/modules/Hero/Hero.tsx
+++ b/app/src/app/_components/modules/Hero/Hero.tsx
@@ -8,7 +8,6 @@ import {
   SiTypescript,
   SiUnity,
 } from "react-icons/si";
-import Globe from "./Globe";
 import styles from "./Hero.module.css";
 import { Photo } from "./Photo";
 import Technology from "./Technology";
@@ -141,11 +140,11 @@ const Hero = ({ disableBlog = false }: Readonly<Props>) => {
         </div>
       </div>
 
-      <Globe
+      {/* <Globe
         className="absolute bottom-0 left-1/2 -translate-x-1/2 h-[512px] w-[3072px]"
         width={3072}
         height={512}
-      />
+      /> */}
     </div>
   );
 };