diff --git a/src/components/cards/PwcCard.vue b/src/components/cards/PwcCard.vue
new file mode 100644
index 00000000..4a8e3f61
--- /dev/null
+++ b/src/components/cards/PwcCard.vue
@@ -0,0 +1,156 @@
+<template>
+    <div class="card">
+        <h1>PWC Gym Countdown</h1>
+        <div class="countdown">
+            <p v-if="isOpen">Time remaining until closure: {{ countdownTime }}</p>
+            <p v-else>Time remaining until next opening: {{ countdownTime }}</p>
+        </div>
+    </div>
+</template>
+
+<script>export default {
+        data() {
+            return {
+                openingTimes: [
+                    { day: 1, start: "15:30", end: "20:00" }, // Monday
+                    { day: 2, start: "15:30", end: "20:00" }, // Tuesday
+                    { day: 3, start: "15:30", end: "20:00" }, // Wednesday
+                    { day: 4, start: "15:30", end: "20:00" }, // Thursday
+                    { day: 5, start: "15:30", end: "18:00" }, // Friday
+                    { day: 6, start: "10:00", end: "15:00" }, // Saturday
+                    { day: 0, start: "10:00", end: "15:00" }, // Sunday
+                ],
+                currentTimeMs: 0,
+            };
+        },
+        computed: {
+            currentTime() {
+                return new Date(this.currentTimeMs);
+            },
+            currentDay() {
+                return this.currentTime.getDay();
+            },
+            currentOpeningTime() {
+                const openingTime = this.openingTimes.find(
+                    (time) => time.day === this.currentDay
+                );
+                return this.getTimeInMs(
+                    this.currentTime.toDateString(),
+                    openingTime.start
+                );
+            },
+            currentClosingTime() {
+                const closingTime = this.openingTimes.find(
+                    (time) => time.day === this.currentDay
+                );
+                return this.getTimeInMs(
+                    this.currentTime.toDateString(),
+                    closingTime.end
+                );
+            },
+            nextOpeningTime() {
+                if (this.currentTime < this.currentOpeningTime) {
+                    const openingTime = this.openingTimes.find(
+                        (time) => time.day === this.currentDay
+                    );
+                    return this.getTimeInMs(
+                        this.getNextDate(this.currentDay),
+                        openingTime.start
+                    );
+                } else {
+                    const nextDay = (this.currentDay + 1) % 7;
+                    const openingTime = this.openingTimes.find(
+                        (time) => time.day === nextDay
+                    );
+                    return this.getTimeInMs(this.getNextDate(nextDay), openingTime.start);
+                }
+            },
+            isOpen() {
+                return (
+                    this.currentTime >= this.currentOpeningTime &&
+                    this.currentTime <= this.currentClosingTime
+                );
+            },
+            countdownTime() {
+                const targetTime = this.isOpen
+                    ? this.currentClosingTime
+                    : this.nextOpeningTime;
+                const timeDiff = targetTime - this.currentTimeMs;
+                if (timeDiff <= 0) {
+                    return "00:00:00";
+                }
+                const hours = String(Math.floor(timeDiff / (1000 * 60 * 60))).padStart(
+                    2,
+                    "0"
+                );
+                const minutes = String(
+                    Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60))
+                ).padStart(2, "0");
+                const seconds = String(
+                    Math.floor((timeDiff % (1000 * 60)) / 1000)
+                ).padStart(2, "0");
+                return `${hours}:${minutes}:${seconds}`;
+            },
+        },
+        methods: {
+            getTimeInMs(dateString, timeString) {
+                const dateTimeString = `${dateString} ${timeString}`;
+                return new Date(dateTimeString).getTime();
+            },
+            getNextDate(day) {
+                const today = this.currentTime.getDay();
+                const difference = (day - today + 7) % 7;
+                const nextDate = new Date(this.currentTime);
+                nextDate.setDate(this.currentTime.getDate() + difference);
+                return nextDate.toDateString();
+            },
+            updateCurrentTime() {
+                this.currentTimeMs = Date.now();
+            },
+            goToHomepage() {
+                // Use Vue Router to navigate to the homepage
+                this.$router.push("/");
+            },
+        },
+        created() {
+            // Initialize the countdown immediately
+            this.updateCurrentTime();
+
+            // Update currentTime every second
+            this.timer = setInterval(() => {
+                this.updateCurrentTime();
+            }, 1000);
+        },
+        beforeDestroy() {
+            clearInterval(this.timer);
+        },
+    };</script>
+
+<style lang="sass" scoped>
+@import 'src/styles/style.sass'
+
+.card
+  padding: 10px
+  background-color: #00563F
+  color: #FFFFFF
+  display: flex
+  flex-direction: column
+  justify-content: center
+  align-items: center
+  min-height: 150px
+  width: 200px
+
+  .title
+    font-size: 18px
+    margin: 15px 0
+    text-align: center
+
+
+  .countdown
+    font-size: 16px
+    font-weight: bold
+    margin-top: 10px
+
+  .countdown p
+    margin: 5px 0
+</style>
\ No newline at end of file
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index e4949f4c..64f0469e 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -19,6 +19,7 @@
         <holiday-card />
         <schedule-card />
         <weather-card />
+        <pwc-card/>
         <lunch-card />
         <upcoming-events-card />
 
@@ -70,8 +71,9 @@ import {
 import { mapActions } from "pinia";
 import CardContainer from "@/components/CardContainer.vue";
 import UpcomingEventsCard from "@/components/cards/UpcomingEventsCard.vue";
-import IconTextCard from "@/components/cards/IconTextCard.vue";
-import WeatherCard from "@/components/cards/WeatherCard.vue";
+ import IconTextCard from "@/components/cards/IconTextCard.vue";
+ import WeatherCard from "@/components/cards/WeatherCard.vue";
+ import PwcCard from "@/components/cards/PwcCard.vue";
 import ScheduleCard from "@/components/cards/ScheduleCard.vue";
 import HolidayCard from "@/components/cards/HolidayCard.vue";
 import ContributeCard from "@/components/cards/ContributeCard.vue";
@@ -96,6 +98,7 @@ export default {
     IconTextCard,
     ScheduleCard,
     WeatherCard,
+    PwcCard,
     HolidayCard,
     ContributeCard,
     NewThemeCard,