diff --git a/src/assets/images/cp/cj.svg b/public/images/cj.svg
similarity index 100%
rename from src/assets/images/cp/cj.svg
rename to public/images/cj.svg
diff --git a/src/assets/images/cp/cnhooghly.svg b/public/images/cnhooghly.svg
similarity index 100%
rename from src/assets/images/cp/cnhooghly.svg
rename to public/images/cnhooghly.svg
diff --git a/src/assets/images/cp/dev.svg b/public/images/dev.svg
similarity index 100%
rename from src/assets/images/cp/dev.svg
rename to public/images/dev.svg
diff --git a/src/assets/images/cp/gdsc.svg b/public/images/gdsc.svg
similarity index 100%
rename from src/assets/images/cp/gdsc.svg
rename to public/images/gdsc.svg
diff --git a/src/assets/images/cp/gdscm.svg b/public/images/gdscm.svg
similarity index 100%
rename from src/assets/images/cp/gdscm.svg
rename to public/images/gdscm.svg
diff --git a/src/assets/images/cp/gian.svg b/public/images/gian.svg
similarity index 100%
rename from src/assets/images/cp/gian.svg
rename to public/images/gian.svg
diff --git a/src/assets/images/cp/ieee.svg b/public/images/ieee.svg
similarity index 100%
rename from src/assets/images/cp/ieee.svg
rename to public/images/ieee.svg
diff --git a/src/assets/images/cp/iei.svg b/public/images/iei.svg
similarity index 100%
rename from src/assets/images/cp/iei.svg
rename to public/images/iei.svg
diff --git a/src/assets/images/cp/iiitians.svg b/public/images/iiitians.svg
similarity index 100%
rename from src/assets/images/cp/iiitians.svg
rename to public/images/iiitians.svg
diff --git a/src/assets/images/cp/rc.svg b/public/images/rc.svg
similarity index 100%
rename from src/assets/images/cp/rc.svg
rename to public/images/rc.svg
diff --git a/src/assets/images/cp/thc.svg b/public/images/thc.svg
similarity index 100%
rename from src/assets/images/cp/thc.svg
rename to public/images/thc.svg
diff --git a/src/assets/images/cp/vuchvilla.svg b/public/images/vuchvilla.svg
similarity index 100%
rename from src/assets/images/cp/vuchvilla.svg
rename to public/images/vuchvilla.svg
diff --git a/src/components/Cp/Cp.jsx b/src/components/Cp/Cp.jsx
index b3588a0..cf3a887 100644
--- a/src/components/Cp/Cp.jsx
+++ b/src/components/Cp/Cp.jsx
@@ -2,35 +2,35 @@ import React, { useState, useEffect } from 'react';
 import './Cp.css';
 
 const topImages = [
-  { src: "src/assets/images/cp/cj.svg", alt: "cj" },
-  { src: "src/assets/images/cp/cnhooghly.svg", alt: "cnhooghly" },
-  { src: "src/assets/images/cp/dev.svg", alt: "dev" },
-  { src: "src/assets/images/cp/ieee.svg", alt: "ieee" },
-  { src: "src/assets/images/cp/gdsc.svg", alt: "gdsc" },
+  { src: "/images/cj.svg", alt: "cj" },
+  { src: "/images/cnhooghly.svg", alt: "cnhooghly" },
+  { src: "/images/dev.svg", alt: "dev" },
+  { src: "/images/ieee.svg", alt: "ieee" },
+  { src: "/images/gdsc.svg", alt: "gdsc" },
 
   // double for infinite loop
-  { src: "src/assets/images/cp/cj.svg", alt: "cj" },
-  { src: "src/assets/images/cp/cnhooghly.svg", alt: "cnhooghly" },
-  { src: "src/assets/images/cp/dev.svg", alt: "dev" },
-  { src: "src/assets/images/cp/ieee.svg", alt: "ieee" },
-  { src: "src/assets/images/cp/gdsc.svg", alt: "gdsc" },
+  { src: "/images/cj.svg", alt: "cj" },
+  { src: "/images/cnhooghly.svg", alt: "cnhooghly" },
+  { src: "/images/dev.svg", alt: "dev" },
+  { src: "/images/ieee.svg", alt: "ieee" },
+  { src: "/images/gdsc.svg", alt: "gdsc" },
 ];
 
 const bottomImages = [
-  { src: "src/assets/images/cp/iei.svg", alt: "iei" },
-  { src: "src/assets/images/cp/iiitians.svg", alt: "iiitians" },
-  { src: "src/assets/images/cp/rc.svg", alt: "rc" },
-  { src: "src/assets/images/cp/thc.svg", alt: "thc" },
-  { src: "src/assets/images/cp/gdscm.svg", alt: "gdscm" },
-  { src: "src/assets/images/cp/vuchvilla.svg", alt: "vv" },
+  { src: "/images/iei.svg", alt: "iei" },
+  { src: "/images/iiitians.svg", alt: "iiitians" },
+  { src: "/images/rc.svg", alt: "rc" },
+  { src: "/images/thc.svg", alt: "thc" },
+  { src: "/images/gdscm.svg", alt: "gdscm" },
+  { src: "/images/vuchvilla.svg", alt: "vv" },
 
     // double for infinite loop
-  { src: "src/assets/images/cp/iei.svg", alt: "iei" },
-  { src: "src/assets/images/cp/iiitians.svg", alt: "iiitians" },
-  { src: "src/assets/images/cp/rc.svg", alt: "rc" },
-  { src: "src/assets/images/cp/thc.svg", alt: "thc" },
-  { src: "src/assets/images/cp/gdscm.svg", alt: "gdscm" },
-  { src: "src/assets/images/cp/vuchvilla.svg", alt: "vv" },
+  { src: "/images/iei.svg", alt: "iei" },
+  { src: "/images/iiitians.svg", alt: "iiitians" },
+  { src: "/images/rc.svg", alt: "rc" },
+  { src: "/images/thc.svg", alt: "thc" },
+  { src: "/images/gdscm.svg", alt: "gdscm" },
+  { src: "/images/vuchvilla.svg", alt: "vv" },
 ];
 
 const SimpleSlider = ({ images, direction }) => {
@@ -64,7 +64,8 @@ const SimpleSlider = ({ images, direction }) => {
         {images.map((image, index) => (
           <div key={index} className="slide my-3 sm:my-6 mx-4 sm:mx-10 w-[200px] sm:w-[30vw] md:w-[25vw] xl:w-[20vw]">
             <img
-              src={image.src}
+            // adding the extra text to get it to display on github pages (only for dev) (remove before deploy)
+              src={(window.location.href == "https://iiitkalyanifosc.github.io/Hackathon-website-2024/" ? "/Hackathon-website-2024" : "") + image.src}
               alt={image.alt}
               className="slide-image"
               style={{