diff --git a/apps/site/src/app/(home)/sections/Countdown/Countdown.tsx b/apps/site/src/app/(home)/sections/Countdown/Countdown.tsx
index 07d67487..46575812 100644
--- a/apps/site/src/app/(home)/sections/Countdown/Countdown.tsx
+++ b/apps/site/src/app/(home)/sections/Countdown/Countdown.tsx
@@ -1,14 +1,15 @@
 "use client";
 
-import bg_map from "@/assets/images/maps/countdown.svg";
 import Image from "next/image";
-import useWindow from "./useWindow";
+import { useEffect, useState } from "react";
 
-import styles from "./Countdown.module.scss";
+import useWindow from "./useWindow";
 import CountdownClock from "./CountdownClock";
-import { useEffect, useState } from "react";
 
-import boat from "@/assets/icons/boat.png";
+import bg_map from "@/assets/images/maps/countdown.svg";
+import boat from "@/assets/icons/boat.svg";
+
+import styles from "./Countdown.module.scss";
 
 interface CountdownProps {
 	schedule: {
@@ -63,12 +64,12 @@ const Countdown: React.FC<CountdownProps> = ({ schedule }) => {
 		before.endTime.getTime() > 0
 			? curTime.getTime() < before.startTime.getTime()
 				? 0
-				: ((before.endTime.getTime() - curTime.getTime()) /
+				: 100 - ((before.endTime.getTime() - curTime.getTime()) /
 						(before.endTime.getTime() - before.startTime.getTime())) *
 					100
 			: 100;
 
-	const [w, h] = useWindow();
+	const [w, ] = useWindow();
 
 	const totalLines = Math.floor(w / 66) > 7 ? Math.floor(w / 66) : 7;
 
@@ -90,7 +91,7 @@ const Countdown: React.FC<CountdownProps> = ({ schedule }) => {
 	if (curTime > hackEndTime) {
 		return (
 			<div className={styles.countdownWrapper}>
-				<Image src={bg_map} alt="bg_map" />
+				<Image src={bg_map} alt="background map for countdown" />
 				<div className={styles.countdownMaterial}>
 					<h1 className={styles.endText}>Hacking has ended!</h1>
 				</div>
@@ -100,7 +101,7 @@ const Countdown: React.FC<CountdownProps> = ({ schedule }) => {
 
 	return (
 		<div className={styles.countdownWrapper}>
-			<Image src={bg_map} alt="bg_map" width={2300} />
+			<Image src={bg_map} alt="background map for countdown" width={2300} />
 			{w > 0 && (
 				<div className={styles.countdownMaterial}>
 					{curTime >= hackStartTime ? (
diff --git a/apps/site/src/app/(home)/sections/Countdown/useWindow.tsx b/apps/site/src/app/(home)/sections/Countdown/useWindow.tsx
index 8988f639..d67fa2d9 100644
--- a/apps/site/src/app/(home)/sections/Countdown/useWindow.tsx
+++ b/apps/site/src/app/(home)/sections/Countdown/useWindow.tsx
@@ -3,10 +3,10 @@ import { useEffect, useState } from "react";
 export default function useWindow() {
 	const [size, setSize] = useState([0, 0]);
 	useEffect(() => {
-		setSize([window.innerWidth, window.innerHeight]);
 		function setWindowSize() {
 			setSize([window.innerWidth, window.innerHeight]);
 		}
+		setWindowSize();
 		window.addEventListener("resize", setWindowSize);
 		return () => window.removeEventListener("resize", setWindowSize);
 	}, []);
diff --git a/apps/site/src/assets/icons/boat.png b/apps/site/src/assets/icons/boat.png
deleted file mode 100644
index 98ef637f..00000000
Binary files a/apps/site/src/assets/icons/boat.png and /dev/null differ
diff --git a/apps/site/src/assets/icons/boat.svg b/apps/site/src/assets/icons/boat.svg
new file mode 100644
index 00000000..5e52dd32
--- /dev/null
+++ b/apps/site/src/assets/icons/boat.svg
@@ -0,0 +1,15 @@
+<svg width="145" height="114" viewBox="0 0 145 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M142.312 40.0501C109.565 19.9713 5.58549 50.8066 4.39032 50.8066L10.1271 101.721C32.5962 104.748 50.4759 108.653 52.1969 108.653C140.878 105.545 143.348 61.1647 142.312 40.0501Z" fill="#EFC588"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.8604 9.48938C51.8167 9.617 48.6918 9.65721 45.8648 8.52192L44.3767 7.92433C37.5165 5.1693 29.7217 8.49726 26.9667 15.3575L26.0716 17.5864C23.3166 24.4466 26.6445 32.2414 33.5048 34.9964L35.1246 35.6469C37.9243 36.7712 40.1387 38.9313 42.2368 41.0993C44.003 42.9243 46.1726 44.416 48.6816 45.4238C58.2367 49.2617 69.094 44.627 72.9319 35.0718C76.7699 25.5167 72.1351 14.6595 62.58 10.8215C60.0466 9.80397 57.4218 9.38199 54.8604 9.48938Z" fill="#EFC588"/>
+<path d="M29.0201 34.2361C32.0713 35.4616 35.2571 34.2249 37.6981 32.2725C40.2045 30.2679 42.4195 27.1704 43.8942 23.4989C45.3689 19.8274 45.9119 16.0583 45.4886 12.8769C45.0763 9.77849 43.6311 6.68167 40.5799 5.45612C37.5287 4.23058 34.3428 5.46727 31.9018 7.41965C29.3955 9.42432 27.1805 12.5218 25.7058 16.1933C24.2311 19.8648 23.688 23.6338 24.1114 26.8153C24.5237 29.9137 25.9689 33.0105 29.0201 34.2361Z" stroke="#C38B3A" stroke-width="4.78066"/>
+<path d="M24.7175 32.3237C27.7686 33.5493 30.9545 32.3126 33.3955 30.3602C35.9019 28.3555 38.1168 25.258 39.5915 21.5865C41.0662 17.915 41.6093 14.146 41.186 10.9646C40.7737 7.86614 39.3284 4.76931 36.2773 3.54377C33.2261 2.31823 30.0402 3.55492 27.5992 5.5073C25.0929 7.51197 22.8779 10.6094 21.4032 14.281C19.9285 17.9525 19.3854 21.7215 19.8088 24.9029C20.221 28.0013 21.6663 31.0982 24.7175 32.3237Z" fill="#C38B3A" stroke="#D6A661" stroke-width="4.78066"/>
+<path d="M119.604 83.076C116.258 77.3391 84.9445 85.4665 9.64905 101.482L52.675 108.892C111.238 103.633 121.147 85.7201 119.604 83.076Z" fill="#D6A661"/>
+<path d="M6.06357 65.1488L4.15131 61.3241C31.8791 37.1817 139.683 30.25 144.225 50.3288L142.073 53.9142C133.656 34.7562 48.8509 50.1229 6.06357 65.1488Z" fill="#C48B3A"/>
+<path d="M4.1513 61.3241L2 47.4601C54.1092 28.5766 121.277 21.1666 144.225 34.5523V50.3285C135.619 30.8234 47.8943 46.026 4.1513 61.3241Z" fill="#D6A661"/>
+<path d="M36 76C21 78 12.5 97.5 0 97V101L28 108.5L53 113.5L96.5 108.5L139.5 78.5C134.5 71.5 132.5 80 127 78.5C121.5 77 117 69 105.5 69C94 69 78.5 81 62.5 82C46.5 83 51 74 36 76Z" fill="#FDE5AB" fill-opacity="0.5"/>
+<path d="M20 84.5C26.5 79.5 40 69.5 48.5 78C47.5 78 35 75.5 20 84.5Z" fill="#FFE6B8"/>
+<path d="M55 81.7424C70.6263 80.8282 87.7924 71.4374 93.28 72.4342C85.6751 76.4734 67.3722 83.9898 55 81.7424Z" fill="#FFE6B8"/>
+<path d="M112.5 70.2086C112.5 72.2086 108 75.7086 101 76.2086C115 79.2087 114.5 73.2085 116.5 76.2086C118.5 79.2087 119.5 79.2085 128 78.7085C134.8 78.3085 126.833 84.5418 122 87.7085C124.5 88.2085 130 86.2085 132.5 82.7085C135 79.2085 138 68.2085 138 64.2085C138 60.2085 135 60.2086 134.5 64.2085C134 68.2084 133.5 70.2086 130 73.2085C126.5 76.2084 120.5 71.7085 119.5 68.2085C118.5 64.7085 118.5 65.2086 116.5 60.2086C114.9 56.2086 111.5 58.5419 110 60.2086C110.833 62.8753 112.5 68.6086 112.5 70.2086Z" fill="#FFE6B8"/>
+<path d="M129.233 56.6418L130.021 58.0794C130.717 59.3511 132 60.0127 132.474 58.6423C133.394 55.979 133.541 50.5178 131.454 49.5891C129.844 48.8725 128.933 50.5187 128.477 52.3006C128.1 53.7746 128.502 55.3074 129.233 56.6418Z" fill="#FFE6B8"/>
+<path d="M20.1514 77.4064C20.3217 76.2093 19.6853 75.2768 18.8838 74.6201C17.8367 73.762 16.3557 74.1135 15.321 74.9865C14.6716 75.5343 14.2325 76.3766 14.8325 76.978C16.2162 78.3649 19.8526 79.507 20.1514 77.4064Z" fill="#FFE6B8"/>
+</svg>