diff --git a/index.html b/index.html
index e6556da..5853ad7 100644
--- a/index.html
+++ b/index.html
@@ -5,225 +5,224 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>About Playgrounds Analytics</title>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
   <style>
     html, body {
-  height: 100%;
-  margin: 0;
-  font-family: 'Lucida Console', monospace;
-  font-size: 16px;
-  background: black;
-  color: white;
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-}
-
-.navbar {
-  background-color: transparent;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 20px;
-  border-bottom: 1px solid white;
-}
-
-.logo img {
-  height: 25px;
-  width: auto;
-}
-
-.nav-links {
-  list-style: none;
-  display: flex;
-  margin: 0;
-  padding: 0;
-}
-
-.nav-links li {
-  margin-left: 20px;
-}
-
-.nav-links a {
-  text-decoration: none;
-  color: white;
-  font-size: 16px;
-}
-
-.carousel-container {
-  padding: 20px 15px 0;
-  max-width: 100%;
-  margin: 0 auto;
-}
-
-.carousel-item img {
-  width: 100%;
-  height: 300px;
-  object-fit: cover;
-}
-
-.section {
-  padding: 30px 15px;
-  text-align: center;
-}
-
-.section h2 {
-  margin-bottom: 20px;
-}
-
-.section p {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.achievements {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 15px;
-}
-
-.card {
-  background-color: rgba(0, 0, 0, 0.5);
-  border: 1px solid white;
-  border-radius: 5px;
-  padding: 20px;
-  width: 100%;
-  max-width: 300px;
-  text-align: center;
-  transition: border-color 0.3s, box-shadow 0.3s;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: auto;
-  min-height: 250px;
-}
-
-.card:hover {
-  border-color: #007BFF;
-  box-shadow: 0 0 15px #007BFF;
-}
-
-.card h4 {
-  color: white;
-  margin-bottom: 15px;
-  position: relative;
-}
-
-.card h4::after {
-  content: "";
-  display: block;
-  width: 50px;
-  height: 2px;
-  background: white;
-  margin: 10px auto;
-}
-
-.card p {
-  color: white;
-  flex-grow: 1;
-}
-
-.card a {
-  color: #007BFF;
-  text-decoration: none;
-  position: absolute;
-  bottom: 20px;
-  left: 50%;
-  transform: translateX(-50%);
-  padding-top: 20px;
-}
-
-.footer-icons {
-  display: flex;
-  justify-content: center;
-  gap: 20px;
-  margin-top: 20px;
-  flex-wrap: wrap;
-}
-
-.footer-icons a {
-  color: white;
-  text-decoration: none;
-  transition: filter 0.3s;
-}
-
-.footer-icons a:hover {
-  filter: drop-shadow(0 0 5px #fff);
-}
-
-.footer-icons a img {
-  width: 32px;
-  height: 32px;
-}
-
-footer {
-  text-align: center;
-  padding: 20px;
-  background-color: rgba(51, 51, 51, 0.5);
-  width: 100%;
-  color: white;
-}
-
-@media (min-width: 576px) {
-  body {
-    font-size: 17px;
-  }
-
-  .carousel-container {
-    padding: 20px 30px 0;
-  }
-
-  .carousel-item img {
-    height: 400px;
-  }
-}
-
-@media (min-width: 768px) {
-  body {
-    font-size: 18px;
-  }
-
-  .carousel-container {
-    padding: 20px 50px 0;
-    max-width: 1200px;
-  }
-
-  .carousel-item img {
-    height: 600px;
-  }
-
-  .card {
-    width: calc(50% - 15px);
-  }
-
-  .navbar {
-    padding: 10px 50px;
-  }
-
-  .logo img {
-    height: 30px;
-  }
-}
-
-@media (min-width: 992px) {
-  .card {
-    width: calc(33.333% - 20px);
-  }
-}
+      height: 100%;
+      margin: 0;
+      font-family: 'Lucida Console', monospace;
+      font-size: 16px;
+      background: black;
+      color: white;
+    }
+
+    body {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: flex-start;
+    }
+
+    .navbar {
+      background-color: transparent;
+      padding: 10px 20px;
+      border-bottom: 1px solid white;
+      width: 100%;
+      text-align: center;
+    }
+
+    .logo img {
+      height: 30px;
+    }
+
+    .nav-links {
+      list-style: none;
+      display: flex;
+      justify-content: center;
+      margin: 0;
+      padding: 0;
+    }
+
+    .nav-links li {
+      margin-left: 20px;
+    }
+
+    .nav-links a {
+      text-decoration: none;
+      color: white;
+      font-size: 16px;
+      transition: color 0.3s;
+    }
+
+    .nav-links a:hover {
+      color: #007BFF;
+    }
+
+    .carousel-container {
+      padding: 20px 15px 0;
+      max-width: 1200px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .carousel-item img {
+      width: 100%;
+      height: 400px;
+      object-fit: cover;
+      border: 3px solid #007BFF;
+    }
+
+    .section {
+      padding: 30px 15px;
+      text-align: center;
+      max-width: 800px;
+    }
+
+    .section h2 {
+      margin-bottom: 20px;
+      font-size: 2rem;
+      color: #007BFF;
+    }
+
+    .section p {
+      max-width: 800px;
+      margin: 0 auto;
+      font-size: 1rem;
+      line-height: 1.6;
+    }
+
+    .achievements {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 15px;
+    }
+
+    .card {
+      background-color: rgba(0, 0, 0, 0.5);
+      border: 1px solid white;
+      border-radius: 5px;
+      padding: 20px;
+      width: 100%;
+      max-width: 280px;
+      text-align: center;
+      transition: border-color 0.3s, box-shadow 0.3s;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: auto;
+      min-height: 250px;
+    }
+
+    .card:hover {
+      border-color: #007BFF;
+      box-shadow: 0 0 15px #007BFF;
+    }
+
+    .card h4 {
+      color: white;
+      margin-bottom: 15px;
+      font-size: 1.2rem;
+    }
+
+    .card h4::after {
+      content: "";
+      display: block;
+      width: 50px;
+      height: 2px;
+      background: white;
+      margin: 10px auto;
+    }
+
+    .card p {
+      color: white;
+      flex-grow: 1;
+      font-size: 0.9rem;
+    }
+
+    .card a {
+      color: #007BFF;
+      text-decoration: none;
+      padding-top: 20px;
+      font-size: 1rem;
+      transition: color 0.3s;
+    }
+
+    .card a:hover {
+      color: #0056b3;
+    }
+
+    .footer-icons {
+      display: flex;
+      justify-content: center;
+      gap: 20px;
+      margin-top: 20px;
+      flex-wrap: wrap;
+    }
+
+    .footer-icons a {
+      color: white;
+      text-decoration: none;
+      transition: filter 0.3s;
+    }
+
+    .footer-icons a:hover {
+      filter: drop-shadow(0 0 5px #fff);
+    }
+
+    .footer-icons a img {
+      width: 32px;
+      height: 32px;
+    }
+
+    footer {
+      text-align: center;
+      padding: 20px;
+      background-color: rgba(51, 51, 51, 0.5);
+      width: 100%;
+      color: white;
+    }
+
+    @media (min-width: 576px) {
+      body {
+        font-size: 17px;
+      }
+
+      .carousel-item img {
+        height: 400px;
+      }
+    }
+
+    @media (min-width: 768px) {
+      .carousel-item img {
+        height: 600px;
+      }
+
+      .card {
+        width: calc(50% - 15px);
+      }
+    }
+
+    @media (min-width: 992px) {
+      .card {
+        width: calc(33.333% - 20px);
+      }
+    }
   </style>
 </head>
 <body>
+  <!-- Navbar -->
   <nav class="navbar">
     <a href="index.html" class="logo">
       <img src="assets/PG-Logo.png" alt="Playgrounds Logo">
     </a>
     <ul class="nav-links">
-      <li><a href="about.html" class="nav-link">About</a></li>
+      <li><a href="https://rig.rs/" class="nav-link">Rig</a></li>
     </ul>
   </nav>
+
+  <!-- Carousel Section -->
   <div class="carousel-container">
     <div id="imageCarousel" class="carousel slide" data-ride="carousel">
       <div class="carousel-inner">
@@ -236,12 +235,6 @@
         <div class="carousel-item">
           <img src="assets/Team_pic_3.jpg" class="d-block w-100" alt="Team Picture 3">
         </div>
-        <div class="carousel-item">
-          <img src="assets/Team_pic_4.jpg" class="d-block w-100" alt="Team Picture 4">
-        </div>
-        <div class="carousel-item">
-          <img src="assets/Tachi_pic_1.jpg" class="d-block w-100" alt="Tachi Picture 1">
-        </div>
       </div>
       <a class="carousel-control-prev" href="#imageCarousel" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
@@ -254,40 +247,14 @@
     </div>
   </div>
 
+  <!-- About Section -->
   <div class="section about-section">
     <h2>About Us</h2>
-    <p>At Playgrounds, we are passionate about pushing the boundaries of what's possible with cutting-edge technologies. Founded in July 2022, we have quickly established ourselves as a leading software engineering company specializing in open-source solutions for blockchain data analytics and AI-powered applications.</p>
-  </div>
+    <p>At Playgrounds, our mission is to empower developers with high-performance, open-source tools for building modular and scalable AI applications. Our flagship product, RIG, is a general-purpose LLM framework written in Rust that provides a robust foundation and modular APIs for developing and deploying efficient AI solutions. We envision RIG being used across industries—from finance to consumer services to scientific research—leveraging Rust's performance and safety to offer a reliable and versatile framework for AI development.</p>
+</div>
 
-  <div class="section work-section">
-    <h2>Our Work</h2>
-    <div class="achievements">
-      <div class="card">
-        <h4>Subgrounds</h4>
-        <p>Python library for querying and analyzing blockchain data via subgraphs and GraphQL.</p>
-        <a href="https://github.com/0xPlaygrounds/subgrounds" target="_blank">Learn more</a>
-      </div>
-      <div class="card">
-        <h4>Subgraphs</h4>
-        <p>Subgraphs on The Graph Network for efficient blockchain data queries.</p>
-        <a href="https://github.com/0xPlaygrounds/bitcoin-ordinals-subgraph" target="_blank">Learn more</a>
-      </div>
-      <div class="card">
-        <h4>AI Agents</h4>
-        <p>LLM-powered agents grounded in custom data, serving as digital assistants.</p>
-        <a href="https://discord.com/invite/playgrounds" target="_blank">Learn more</a>
-      </div>
-      <div class="card">
-        <h4>RIG</h4>
-        <p>Rust library for building scalable and modular LLM-powered applications.</p>
-        <a href="https://github.com/0xPlaygrounds/rig" target="_blank">Learn more</a>
-      </div>
-    </div>
-  </div>
-
-  <div class="section community-section">
-    <h2>Join Our Community</h2>
-    <p>At Playgrounds, we believe in the power of open-source development and community collaboration. Whether you are a seasoned developer or just getting started, we welcome you to our community.</p>
+  <!-- Footer -->
+  <footer>
     <div class="footer-icons">
       <a href="https://github.com/0xPlaygrounds">
         <img src="assets/github_white.svg" alt="GitHub">
@@ -299,12 +266,10 @@ <h2>Join Our Community</h2>
         <img src="assets/twitter_white.svg" alt="Twitter">
       </a>
     </div>
-  </div>
-
-  <footer>
     <p>&copy; 2024 Playgrounds Analytics Inc. All rights reserved.</p>
   </footer>
 
+  <!-- Scripts -->
   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>