diff --git a/app/index.tsx b/app/pages/home.tsx
similarity index 96%
rename from app/index.tsx
rename to app/pages/home.tsx
index 55210fa..fc65370 100644
--- a/app/index.tsx
+++ b/app/pages/home.tsx
@@ -1,8 +1,8 @@
 import { useState } from "react";
-import "./app.css";
+import "../app.css";
 import { motion } from "motion/react";
 
-export function Welcome() {
+export function HomePage() {
   const [rolling, setRolling] = useState(false);
   const [showResetPopup, setShowResetPopup] = useState(false);
 
@@ -44,7 +44,7 @@ export function Welcome() {
           <div className="w-full overflow-hidden mt-4">
             <motion.div
               className="flex space-x-3"
-              animate={rolling ? { x: [15000, -15110] } : null}
+              animate={rolling ? { x: [15000, -15110] } : undefined}
               transition={
                 rolling
                   ? {
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 5f4c806..3f9f563 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -1,5 +1,5 @@
 import type { Route } from "./+types/home";
-import { Welcome } from "../index";
+import { HomePage } from "../pages/home";
 
 export function meta({}: Route.MetaArgs) {
   return [
@@ -9,5 +9,5 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export default function Home() {
-  return <Welcome />;
+  return <HomePage />;
 }