diff --git a/pages/chrono-chamber.vue b/pages/chrono-chamber.vue
index 92b6580..7483881 100644
--- a/pages/chrono-chamber.vue
+++ b/pages/chrono-chamber.vue
@@ -1,16 +1,112 @@
+<!-- portal page -->
+
 <template>
-  <div>
-    <h1>Chrono Chamber</h1>
-    Hey there, if youre part of the smash staff i will be updating this page shortly to have links to the game, info and a way to play it!
-    Once its ready i imagine it will look something like this: <a href="https://teamstingray.dev/arcane">teamstingray.dev/arcane</a>
-    Chrono chamber landing page/redirect to steam, probably like teamstingray.dev/arcane
+  <div class="landing-div">
+      
+      
+      <img class="image-card" src="https://img.itch.zone/aW1nLzE3MzE3NDAzLnBuZw==/315x250%23c/pxmt%2BB.png"></img>
+
+      
+      <hr>
+      <!-- <br></br>
+
+      <a href="https://store.steampowered.com/app/2899410/Arcane_Raiders/">
+          <div class="landing-card" >
+              <h2 class="landing-subheading">Steam</h2>
+              <p>Wishlist the game!</p>
+          </div>
+      </a> -->
+
+      <br></br>
+
+      <a href="https://tabby-cat-nya.itch.io/chronochamber">
+          <div class="landing-card" >
+              <h2 class="landing-subheading">Itch.io</h2>
+              <p>Play the game now!</p>
+          </div>
+      </a>
+
+      <br></br>
+
+      <a href="https://tabbycat.dev">
+          <div class="landing-card" >
+              <h2 class="landing-subheading">tabbycat.dev</h2>
+              <p>Check out my site!</p>
+          </div>
+      </a>
+
+      <!-- <br></br>
+
+      <a href="https://discord.gg/3BPYMHqNve">
+          <div class="landing-card" >
+              <h2 class="landing-subheading">Discord</h2>
+              <p>Chat with the devs and get exclusive updates!</p>
+          </div>
+      </a> -->
+      
   </div>
 </template>
 
-<script lang="ts" setup>
-
-</script>
 
 <style scoped>
+ /*  Tech Fest Landing Page Styles */
+ .landing-div{
+  padding: 10%;
+  align-items: center;
+  text-align: center;
+  margin-left: 15%;
+  margin-right: 15%;
+  
+  }
+
+  .landing-heading{
+  font-size: 40px;
+  font-weight: 600;
+  }
+
+  .landing-subheading{
+  font-size: 30px;
+  font-weight: 500;
+  }
+
+  .landing-card{
+  background-color: rgb(132, 0, 184);
+
+  padding: 10px;
+  overflow: hidden;
+  border-radius: 10px;
+  transition: 0.3s;
+  }
+
+  .landing-card:hover { 
+  background-color: rgb(200, 0, 207);
+  }
+
+  .image-card{
+  overflow: hidden;
+  border-radius: 10px;
+  align-items: center;
+  text-align: center;
+  /* margin-left: auto;
+  margin-right: auto; */
+  /* max-width: 100%; */
+  width: 100%;
+  
+  
+  }
+
+  p, h1, h2{
+  color: white;
+  font-family:Arial, Helvetica, sans-serif;
+  text-decoration: none;
+  }
+
+  a:link{
+      text-decoration: none;
+  }
+
+  a:visited{
+      text-decoration: none;
+  }
 
 </style>
\ No newline at end of file