diff --git a/catalog.php b/catalog.php
new file mode 100644
index 0000000..5f97def
--- /dev/null
+++ b/catalog.php
@@ -0,0 +1,92 @@
+<?php
+session_start();
+?>
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="dark">
+<head> 
+<?php
+
+require_once 'core/classes.php';
+require_once 'core/classes/user.php';
+$user = new User($con, $_SESSION['user']);
+$getitstarted = new PartyStarter;
+$getitstarted->header();
+?> </head>
+  <title> <?php echo $sitename; ?> </title>
+  <body>
+    <main class="container" style="width: 100%;">
+      <br>
+      <br>
+      <form role="search" class="float-end" style="width: 45%;">
+        <div class="input-group mb-3">
+          <input class="form-control rounded-end-0" type="search" placeholder="Search an item..." name="search" aria-label="Search">
+          <button id="search" type="submit" class="btn btn-primary rounded-start-0">Search</button>
+        </div>
+      </form>
+      <h2>Catalog</h2>
+      <hr>
+      <ul class="list-group float-start" style="width: 12rem;">
+        <li class="list-group-item text-bg-secondary" aria-current="true">
+          <small>Browse by</small>
+          <br>
+          <h4>Category</h4>
+        </li>
+        <a href="/catalog" class="list-group-item active" aria-current="true">All categories</a>
+        <a href="?p=1" class="list-group-item">Hats</a>
+        <a href="?p=2" class="list-group-item">Shirts</a>
+        <a href="?p=3" class="list-group-item">Pants</a>
+        <a href="?p=4" class="list-group-item">Gears</a>
+        <a href="?p=5" class="list-group-item">Packages</a>
+        <button class="list-group-item text-start" type="button" data-bs-toggle="dropdown" aria-expanded="false">Body parts</button>
+        <ul class="dropdown-menu">
+          <li>
+            <a class="dropdown-item" href="?bp=1">Heads</a>
+          </li>
+          <li>
+            <a class="dropdown-item" href="?bp=2">Torso</a>
+          </li>
+          <li>
+            <a class="dropdown-item" href="?bp=3">Left arm</a>
+          </li>
+          <li>
+            <a class="dropdown-item" href="?bp=4">Right arm</a>
+          </li>
+          <li>
+            <a class="dropdown-item" href="?bp=5">Left leg</a>
+          </li>
+          <li>
+            <a class="dropdown-item" href="?bp=6">Right leg</a>
+          </li>
+        </ul>
+        <li class="list-group-item">
+		  <h5>Legend</h5>
+          <span class="badge bg-success" style="width: 3.5rem;">Limited</span>
+          <br>
+          <p class="text-white">Limited Items </p>
+          <p>Owners of these discontinued items can re-sell them to other users at any price.</p>
+          <div class="pt-2"></div>
+          <span class="badge bg-success" style="width: 4.5rem;">Limited <span class="badge bg-danger" style="width: 1.1rem;">U</span>
+          </span>
+          <br>
+          <p class="text-white">Limited Unique Items</p>
+          <p>A limited supply originally sold by <?php echo $sitename; ?>. Each unit is labeled with a serial number. Once sold out, owners can re-sell them to other users. </p>
+        </li>
+      </ul>
+      <div class="row row-cols-xl-6 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 g-4" style="margin-left: 200px; margin-top: 1px;"> 
+	  <?php $x = 40; for ($i = 1; $i <= $x; $i++) { ?> 
+	  <div class="position-relative col">
+          <div class="card" style="">
+            <img src="https://tr.rbxcdn.com/7ea42f95bb986a33dbd2dc391a3ee744/420/420/Gear/Png" class="card-img-top" alt="...">
+            <div class="card-body">
+              <h5 class="card-title">Minion</h5>
+              <p class="card-text">By <a class="btn-link">someone</a>
+                <br>Price: <span style="color: green">$1</span>
+              </p>
+            </div>
+          </div>
+        </div> <?php   if ($i == $x) { break; } }?> </div>
+      <br>
+      </div>
+    </main>
+  </body>
+</html>
\ No newline at end of file
diff --git a/games.php b/games.php
index cdf6425..fd2dc99 100644
--- a/games.php
+++ b/games.php
@@ -65,11 +65,63 @@ $getitstarted->header();
 		  </div></div>
         <div class="carousel-item"></div>
       </div>
-      <button class="carousel-control-prev" type="button" data-bs-target="#games-popular" data-bs-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true" data-bs-theme="dark"></span>
+      <button class="carousel-control-prev my-auto" type="button" data-bs-target="#games-popular" data-bs-slide="prev" style="width: 35px; height: 10%;">
+        <span class="bi bi-caret-left-fill" aria-hidden="true" data-bs-theme="dark" style="margin-left: 10px; font-size: 2.5rem"></span>
       </button>
-      <button class="carousel-control-next" type="button" data-bs-target="#games-popular" data-bs-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true" data-bs-theme="dark"></span>
+      <button class="carousel-control-next my-auto" type="button" data-bs-target="#games-popular" data-bs-slide="next" style="width: 35px; height: 10%;">
+        <span class="bi bi-caret-right-fill" aria-hidden="true" data-bs-theme="dark" style="margin-right: 30px; font-size: 2.5rem"></span>
+      </button>
+    </div>
+	
+    <br>
+    <h4 class="text-white card-title">Most played</h4>
+    <div id="games-most-played" class="carousel carousel-dark slide">
+      <div class="carousel-inner">
+        <div class="carousel-item active">
+		<div class="card-group" style=" margin-top: 15px; width: 100%;">
+		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
+            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+              <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
+                <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
+                <div class="card-body">
+                  <small class="card-title text-white" style="font-size: 1rem;">Build to survive ur mom</small>
+                  <br>
+                  <small class="card-text text-muted">69 playing</small>
+                  <div class="progress rounded-4 border border-secondary" style="margin-left: 20px; margin-top: 10px; margin-bottom: -10px; height: 8px; background: none;">
+                    <div class="progress-bar bg-secondary" role="progressbar" aria-label="Segment one" style="width: 21.5%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
+                  </div>
+                  <i class="bi bi-hand-thumbs-up-fill text-secondary" style="font-size: 1rem; float: left; margin-top: -8px;"></i>
+                </div>
+              </a>
+            </div>
+		<?php   if ($i == $x) { break; } }?>
+		  </div>
+        </div>
+        <div class="carousel-item"><div class="card-group" style=" margin-top: 15px; width: 100%;">
+		<?php $x = 8; for ($i = 1; $i <= $x; $i++) { ?>
+            <div class="card bg-dark border-start rounded shadow-sm-lg" style="max-width: 170px;  margin-right: 9px;">
+              <a href="game?id=1" style="text-decoration: none; text-align: left; margin-bottom: 9px;">
+                <img src="https://tr.rbxcdn.com/4e0bd5c77756dce55561929587ff8772/150/150/Image/Png" class="card-img-top rounded-top" alt="...">
+                <div class="card-body">
+                  <small class="card-title text-white" style="font-size: 1rem;">Build to survive ur mom</small>
+                  <br>
+                  <small class="card-text text-muted">69 playing</small>
+                  <div class="progress rounded-4 border border-secondary" style="margin-left: 20px; margin-top: 10px; margin-bottom: -10px; height: 8px; background: none;">
+                    <div class="progress-bar bg-secondary" role="progressbar" aria-label="Segment one" style="width: 21.5%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
+                  </div>
+                  <i class="bi bi-hand-thumbs-up-fill text-secondary" style="font-size: 1rem; float: left; margin-top: -8px;"></i>
+                </div>
+              </a>
+            </div>
+		<?php   if ($i == $x) { break; } }?>
+		  </div></div>
+        <div class="carousel-item"></div>
+      </div>
+      <button class="carousel-control-prev my-auto" type="button" data-bs-target="#games-most-played" data-bs-slide="prev" style="width: 35px; height: 10%;">
+        <span class="bi bi-caret-left-fill" aria-hidden="true" data-bs-theme="dark" style="margin-left: 10px; font-size: 2.5rem"></span>
+      </button>
+      <button class="carousel-control-next my-auto" type="button" data-bs-target="#games-most-played" data-bs-slide="next" style="width: 35px; height: 10%;">
+        <span class="bi bi-caret-right-fill" aria-hidden="true" data-bs-theme="dark" style="margin-right: 30px; font-size: 2.5rem"></span>
       </button>
     </div>
   </main>
diff --git a/home.php b/home.php
index 2a6b3b8..52a0e63 100644
--- a/home.php
+++ b/home.php
@@ -15,8 +15,7 @@ $getitstarted->header();
 </head>
 <title><?php echo $sitename; ?></title>
 <body>
-<div class="jumbotron jumbotron-fluid text-white">
- <main class="container" style="width: 100%;">
+ <main class="container text-white" style="width: 100%;">
   <br><br>
   <img src="https://tr.rbxcdn.com/4039b106ee8e92c8c73595ffaa35108d/150/150/AvatarHeadshot/Png" class="rounded-circle" width=190 height=190></img>
   <span class=" text-center" style="font-size: 2rem; margin-left: 6px;">Welcome back, <?php echo $user->getUsername(); ?></span>
@@ -84,6 +83,5 @@ $getitstarted->header();
 	
 	</div>
  </main>
-</div>
 </body>
 </html>
\ No newline at end of file
