diff --git a/src/pages/homePage.jsx b/src/pages/homePage.jsx
index 57dbda6..cd294a5 100644
--- a/src/pages/homePage.jsx
+++ b/src/pages/homePage.jsx
@@ -1,25 +1,48 @@
-import { useState } from 'react'
-import '../css/global.css'
-import BlackButton from './components/customButton'
+import { useEffect } from 'react';
+import '../css/global.css';
+import BlackButton from './components/customButton';
 
 function HomePage() {
+  useEffect(() => {
+    const controller = new AbortController();
 
+    const fetchVideo = async () => {
+      try {
+        const res = await fetch(`${import.meta.env.VITE_ASSETS_URL}/hallway_FFF.mp4`, {
+          signal: controller.signal,
+          cache: 'force-cache', // Helps to ensure the response is stored
+        });
 
-  return(
-  	  <div style={{
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '100vh',
-        flexDirection: 'column',
-      }}>
-        <label className='title'>Fifty Shades <br /> of Bully</label>
+        // Read the response into memory (helps trigger caching)
+        await res.blob();
+        console.log('Video prefetched successfully.');
+      } catch (err) {
+        if (err.name !== 'AbortError') {
+          console.error('Video prefetch failed:', err);
+        }
+      }
+    };
 
-        <div style={{ height: '8vh' }}/>
+    fetchVideo();
 
-        <BlackButton text="Start" to='/warn'/>
-  	  </div>
-  )
+    return () => controller.abort();
+  }, []);
+
+  return (
+    <div style={{
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      height: '100vh',
+      flexDirection: 'column',
+    }}>
+      <label className='title'>Fifty Shades <br /> of Bully</label>
+
+      <div style={{ height: '8vh' }} />
+
+      <BlackButton text="Start" to='/warn' />
+    </div>
+  );
 }
 
-export default HomePage
+export default HomePage;
diff --git a/src/pages/introductionPage.jsx b/src/pages/introductionPage.jsx
index bde77eb..8fe7bab 100644
--- a/src/pages/introductionPage.jsx
+++ b/src/pages/introductionPage.jsx
@@ -15,7 +15,6 @@ function IntroductionPageData(){
         maxWidth:"100vw",
         flexDirection: 'column',
       }}>
-        {/* <PlayVideo src='hallway_FFF.mp4'/> */}
         
         <div style={{
             position: "fixed",