diff --git a/packages/website/src/components/Hero/index.tsx b/packages/website/src/components/Hero/index.tsx
index 07864bb248e..ba103f8a18b 100644
--- a/packages/website/src/components/Hero/index.tsx
+++ b/packages/website/src/components/Hero/index.tsx
@@ -4,6 +4,11 @@ export default function Hero() {
   // Enlarges and decreases the opacity of the taikoGeom image upon scroll
   if (typeof window !== "undefined") {
     const changeTaikoGeom = () => {
+      // only do animation on home page
+      if (window.location.pathname !== "/") {
+        return;
+      }
+
       const taikoGeom = document.getElementById("taikoGeom");
       const taikoGeomParent = document.getElementById("taikoGeomParent");
       const elementHeight = window.pageYOffset;