diff --git a/public/images/footer-banner.jpg b/public/images/footer-banner.jpg
new file mode 100644
index 0000000..bcf2166
Binary files /dev/null and b/public/images/footer-banner.jpg differ
diff --git a/public/images/footer-banner.png b/public/images/footer-banner.png
deleted file mode 100644
index 78496c0..0000000
Binary files a/public/images/footer-banner.png and /dev/null differ
diff --git a/public/images/hero.jpg b/public/images/hero.jpg
new file mode 100644
index 0000000..a30d1be
Binary files /dev/null and b/public/images/hero.jpg differ
diff --git a/public/images/hero.png b/public/images/hero.png
deleted file mode 100644
index ae3acf2..0000000
Binary files a/public/images/hero.png and /dev/null differ
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index ce0f290..3aac7ae 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -13,7 +13,7 @@ export default function Footer() {
 		<section className='footer-wrapper'>
 			<img
 				className='footer-banner'
-				src='/images/footer-banner.png'
+				src='/images/footer-banner.jpg'
 				alt='Footer Banner'
 			/>
 			<div className='footer-container'>
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index c317fd9..511f030 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -6,7 +6,7 @@ type HeroProps = {
 };
 
 export default function Hero({
-	imageURL = '/images/hero.png',
+	imageURL = '/images/hero.jpg',
 	heading = 'TJHSST SGA',
 }: HeroProps) {
 	return (