diff --git a/docs/cheaha/.DS_Store b/docs/cheaha/.DS_Store
index 1307f001b..ba7ace1a7 100644
Binary files a/docs/cheaha/.DS_Store and b/docs/cheaha/.DS_Store differ
diff --git a/docs/images/logo.svg b/docs/images/logo.svg
new file mode 100644
index 000000000..90418c214
--- /dev/null
+++ b/docs/images/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 97.1 35.6" viewBox="0 0 97.1 35.6"><path d="M95 25.5c0-6.4-4.7-8-4.7-8 3.4-1.6 3-6.5 3-6.5 0-7.9-7.5-7.9-7.5-7.9H48.3l-7.7 11.8V3.1H29.4v19c0 1.7-1.1 2.3-2.3 2.3H15c-1.5 0-2.3-1.5-2.3-2.3v-19H2v23.7c0 3.5 3.4 7 7 7h34.1l2.8-4.8h11.6v4.8h30.7c6.8 0 6.8-8.3 6.8-8.3zM69.5 12.2h13.9c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1H69.5v-2.2zm-12.1 8.4h-6.7l4.8-8.3h1.9v8.3zm27.4 3.9H69.5v-2.2h15.2c.6 0 1.1.5 1.1 1.1.1.6-.4 1.1-1 1.1z" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index fa759b53d..0a8f79e70 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,4 +1,11 @@
+---
+template: home.html
+title: UAB Research Computing
+---
+
 # Welcome to UAB Research Computing
+<!--<div hx-get="partials/box.html" hx-trigger="load">
+</div>-->
 
 The Research Computing System (RCS) provides a framework for sharing research data, accessing computing power, and collaborating with peers on campus and around the globe. Our goal is to construct a dynamic "network of services" that you can use to organize, study and share your research data. Research Computing provides services to researchers in these core areas:
 
diff --git a/docs/partials/box.html b/docs/partials/box.html
new file mode 100644
index 000000000..8607ac4ff
--- /dev/null
+++ b/docs/partials/box.html
@@ -0,0 +1,142 @@
+<style>
+  /* Grid container styling */
+  .grid-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 20px;
+    padding: 12px;
+  }
+
+  /* Card styling */
+  /* Card styling with hover effect */
+  /* Card styling */
+  .card {
+    position: relative;
+    border-radius: 10px; /* Set border-radius */
+    overflow: hidden;
+    transition: box-shadow 0.3s ease;
+  }
+
+  .card::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: 10px; /* Match the border-radius of the card */
+    padding: 1px; /* Adjust padding for the border width */
+    background: linear-gradient(
+      45deg,
+      #52bc99,
+      blue
+    ); /* Gradient for the border */
+    -webkit-mask: linear-gradient(#fff 0 0) content-box,
+      linear-gradient(#fff 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    transition: opacity 0.3s ease; /* Transition for smooth hover effect */
+    opacity: 0; /* Hide initially */
+  }
+
+  .card:hover::before {
+    opacity: 1; /* Show gradient border on hover */
+  }
+
+  .card-content {
+    position: relative; /* To ensure content appears above the pseudo-element */
+  }
+
+  /* Rest of your CSS for .card-content, .svg-icon, .title, and .description */
+
+  /* SVG Icon placeholder styling */
+  .svg-icon {
+    width: 50px;
+    height: 50px;
+    background-color: #e0e0e0; /* Placeholder style */
+    margin-bottom: 10px;
+  }
+
+  /* Title styling */
+  .title {
+    font-size: 1.2em;
+    color: #333;
+    margin: 5px;
+  }
+
+  .title a {
+    text-decoration: none;
+    color: inherit;
+    margin: 5px;
+  }
+
+  /* Description styling */
+  .description {
+    color: #666;
+    font-size: 1em;
+    margin: 5px;
+  }
+</style>
+<div class="grid-container">
+  <!-- Card 1 -->
+  <div class="card">
+    <div class="card-content">
+      <!-- Placeholder for SVG -->
+      <h2 class="title"><a href="https://rc.uab.edu/">Cheaha</a></h2>
+      <p class="description">
+        Cheaha is a High Performance Computing (HPC) resource intended
+        primarily for batch processing of research computing software.
+        <a href="https://docs.rc.uab.edu/cheaha/getting_started/"
+          >Learn More</a
+        >
+      </p>
+    </div>
+  </div>
+
+  <!-- Card 2 -->
+  <div class="card">
+    <div class="card-content">
+      <!-- Placeholder for SVG -->
+      <h2 class="title">
+        <a href="https://cloud.rc.uab.edu/">RC Cloud</a>
+      </h2>
+      <p class="description">
+        Our cloud.rc portal, based on OpenStack cloud software,
+        provides a home for more permanent research applications such
+        as web pages and database hosting.
+        <a href="https://docs.rc.uab.edu/uab_cloud/">Learn More</a>
+      </p>
+    </div>
+  </div>
+  <div class="card">
+    <div class="card-content">
+      <!-- Placeholder for SVG -->
+      <h2 class="title">
+        <a href="https://gitlab.rc.uab.edu/">Gitlab</a>
+      </h2>
+      <p class="description">
+        Streamline your research with our cutting-edge workflow
+        solutions. Our user-friendly tools like Anaconda, Gitlab, and
+        containerization make it simple to organize your projects.
+        <a
+          href="https://docs.rc.uab.edu/account_management/gitlab_account/"
+          >Learn More</a
+        >
+      </p>
+    </div>
+  </div>
+  <div class="card">
+    <div class="card-content">
+      <!-- Placeholder for SVG -->
+      <h2 class="title">
+        <a href="https://app.globus.org/">Globus</a>
+      </h2>
+      <p class="description">
+        Your data is in safe hands, and we're committed to providing
+        the storage solutions you need for your research success.
+        <a
+          href="https://docs.rc.uab.edu/data_management/transfer/globus/"
+          >Learn More</a
+        >
+      </p>
+    </div>
+  </div>
+  <!-- More cards as needed -->
+</div>
diff --git a/mkdocs.yml b/mkdocs.yml
index 54ce9d7d0..d219075e3 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -11,7 +11,7 @@ theme:
     - navigation.indexes
     - navigation.instant
   favicon: images/favicon.png
-  logo: images/logo.png
+  logo: images/logo.svg
 
 extra_css:
   - stylesheets/extra.css
@@ -80,9 +80,9 @@ nav:
       - Cheaha Account: account_management/cheaha_account.md
       - External Collaborator Accounts (XIAS):
           - account_management/xias/index.md
-          - "For PIs - (1) Managing Projects & Sites": account_management/xias/pi_site_management.md
-          - "For PIs - (2) Managing Guests": account_management/xias/pi_guest_management.md
-          - "For Guests - Account Creation": account_management/xias/guest_instructions.md
+          - 'For PIs - (1) Managing Projects & Sites': account_management/xias/pi_site_management.md
+          - 'For PIs - (2) Managing Guests': account_management/xias/pi_guest_management.md
+          - 'For Guests - Account Creation': account_management/xias/guest_instructions.md
       - Gitlab Account: account_management/gitlab_account.md
   - Data Management:
       - Cheaha Storage: data_management/storage.md
diff --git a/theme/css/home.css b/theme/css/home.css
new file mode 100644
index 000000000..e816322b8
--- /dev/null
+++ b/theme/css/home.css
@@ -0,0 +1,276 @@
+  /* ------------------------ */
+  /* Video Header *
+  /* ------------------------ */
+  .vheader {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .md-header {
+    background: transparent;
+  }
+  .md-container {
+    position: absolute;
+    top:0;
+  }
+
+  .vheader .bg__video-container {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background-color:rgba(0,0,0,0.6);
+    
+  }
+
+  .vheader .bg__video-container::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: rgba(0,0,0,0.6);
+    width: 100%;
+    height: 100%;
+  }
+
+  .bg__video-container video {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+h1.title {
+  font-size: 4em;
+  line-height: 1em;
+}
+  .vheader__content {
+    max-width: 120rem;
+    margin: 5%;
+    padding: 0;
+    font-size: 3rem;
+  }
+
+  .vheader__content h2 {
+    color: white !important;
+  }
+
+  .vheader__content h3 {
+    color: white !important;
+  }
+
+  .vheader__content h4 {
+    color: white !important;
+  }
+
+  .vheader__content h1 {
+    color: white !important;
+  }
+  /* ------------------------ */
+  /* Main Section *
+  /* ------------------------ */
+.hcard {
+  font-weight: 800;
+}
+.learn{
+  color:var(--md-primary-fg-color);
+  font-weight: 600;
+}
+  .md-main {
+    flex-grow: 0;
+  }
+
+  .md-main__inner {
+    display: flex;
+    height: 100%;
+  }
+
+  .tx-container {
+    padding-top: 0rem;
+    background: linear-gradient(
+      to bottom,
+      var(--md-primary-fg-color),
+      hsla(160deg, 47%, 55%, 1) 99%,
+      #fff 99%
+    );
+  }
+
+  .tx-hero {
+    margin: 5rem 2.8rem;
+    color: var(--md-primary-bg-color);
+    justify-content: center;
+  }
+
+  .tx-hero h1 {
+    margin-bottom: 1rem;
+    color: currentColor;
+    font-weight: 700;
+  }
+
+  .tx-hero__content {
+    padding-bottom: 1rem;
+    margin: 0 auto;
+  }
+
+  .tx-hero__image {
+    width: 20rem;
+    height: 20rem;
+    order: 1;
+    padding-right: 2.5rem;
+  }
+
+  .tx-hero .md-button {
+    margin-top: 0.5rem;
+    margin-right: 0.5rem;
+    color: var(--md-primary-bg-color);
+  }
+
+  .tx-hero .md-button--primary {
+    background-color: var(--md-primary-bg-color);
+    color: var(--md-primary-fg-color);
+    border-color: var(--md-primary-bg-color);
+  }
+
+  .tx-hero .md-button:focus,
+  .tx-hero .md-button:hover {
+    background-color: var(--md-primary-fg-color);
+    color: var(--md-default-bg-color);
+    border-color: var(--md-primary-fg-color);
+  }
+
+  .feature-item h2 svg {
+    height: 30px;
+    float: left;
+    margin-right: 10px;
+    transform: translateY(10%);
+  }
+
+  .top-hr {
+    display:flex;
+    flex-direction: row;
+    margin-top: 42px;
+  }
+
+  .feature-item {
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    box-sizing: border-box;
+    padding: 0 15px;
+    word-break: break-word;
+  }
+
+  .feature-item h2 {
+    color: #333;
+    font-weight: 300;
+    font-size: 25px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: normal;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    font-family: inherit;
+  }
+
+  .feature-item p {
+    font-size: 16px;
+    line-height: 1.8em;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    color: #111;
+    margin: 0 0 10px;
+    display: block;
+  }
+
+  /* Extra Small Devices, Phones */
+@media screen and (max-width: 600px) {
+    .tx-hero h1 {
+        font-size: 1.4rem;
+    }
+    .tx-hero__image {
+        display:none;
+      } 
+    .top-hr, .bottom-hr, .feature-item {
+        /* Add your styles for extra small devices here */
+        flex-direction: column;  
+    }
+    .feature-item:hover {
+      background-color: #b1b4c647;
+      border-radius: 10px;
+    }
+}
+
+/* Small Devices, Portrait Tablets and Large Phones */
+@media screen and (min-width: 600px) {
+    .top-hr, .bottom-hr, .feature-item {
+      flex-direction: column;  
+        /* Add your styles for small devices here */
+    }
+    .tx-hero__image {
+        display:none;
+      }
+      .feature-item:hover {
+      background-color: #b1b4c647;
+      border-radius: 10px;
+    } 
+}
+
+/* Medium Devices, Landscape Tablets */
+@media screen and (min-width: 768px) {
+    .md-sidebar--secondary {
+        display: none;
+    }
+    .tx-hero__image {
+        display:block;
+      } 
+    .tx-hero {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .tx-hero__content {
+        max-width: 22rem;
+        margin-top: 3.5rem;
+        margin-bottom: 3.5rem;
+        margin-left: 1.0rem;
+        margin-right: 4.0rem;
+        align-items: center;
+    }
+    .top-hr, .bottom-hr, .feature-item {
+        /* Add your styles for medium devices here */
+        flex-direction: row;  
+    }
+}
+
+/* Large Devices, Laptops/Desktops */
+@media screen and (min-width: 992px) {
+    .top-hr, .bottom-hr, .feature-item {
+        /* Add your styles for large devices here */
+    }
+}
+
+/* Extra Large Devices, Large Laptops and Desktops */
+@media screen and (min-width: 1200px) {
+    
+    .top-hr, .bottom-hr, .feature-item {
+        flex: 1;
+        min-width: 0;
+        /* Add more styles for extra large devices here */
+    }
+    
+    .top-hr {
+        width: 100%;
+        display: flex;
+        max-width: 61rem;
+        margin-right: auto;
+        margin-left: auto;
+        padding: 0 .2rem;
+    }
+    .bottom-hr {
+        margin-top: 10px;
+        width: 100%;
+        display: flex;
+        max-width: 61rem;
+        margin-right: auto;
+        margin-left: auto;
+        padding: 0 .2rem;
+    }
+}
\ No newline at end of file
diff --git a/theme/home.html b/theme/home.html
new file mode 100644
index 000000000..eab869788
--- /dev/null
+++ b/theme/home.html
@@ -0,0 +1,102 @@
+<!-- Custom HTML site displayed as the Home chapter -->
+
+{% extends "main.html" %} {% block tabs %} {{ super() }}
+
+<link rel="stylesheet" href="css/home.css" />
+<!-- Main site Entry button descriptions -->
+<section>
+  <div class="vheader">
+    <div class="bg__video-container">
+      <video autoplay="autoplay" loop="loop" muted="muted">
+        <source
+          src="https://customer-g9o2xxnyrjqmkrge.cloudflarestream.com/ba2991e6453ee8bcb708521226b7f448/downloads/default.mp4"
+          type="video/mp4"
+        />
+        Your Browser isn't supported
+      </video>
+    </div>
+      <div class="md-grid md-typeset">
+        <div class="tx-hero">
+          <div class="tx-hero__image">
+            <!--<img src="assets/product-layers.png" draggable="false">-->
+          </div>
+          <div class="tx-hero__content">
+            <h1 class="title">UAB Research Computing</h1>
+            <p>The Research Computing System (RCS) provides a framework for sharing research data, accessing computing power, and collaborating with peers on campus and around the globe.</p>
+            <a href="https://rc.uab.edu" title="Cheaha Login" class="md-button md-button--primary">
+              Log In
+            </a>
+            <a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-button">
+              View our Docs
+            </a>
+          </div>
+        </div>
+      </div>
+  </section>
+  
+<div class="top-hr">
+  <div class="feature-item">
+    <h2><a class="hcard" href="https://rc.uab.edu/">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);"><path d="M20 3H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM4 9V5h16v4zm16 4H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zM4 19v-4h16v4z"></path><path d="M17 6h2v2h-2zm-3 0h2v2h-2zm3 10h2v2h-2zm-3 0h2v2h-2z"></path></svg>
+      Cheaha</a>
+    </h2>
+    <p class="description">
+      Cheaha is a High Performance Computing (HPC) resource intended
+      primarily for batch processing of research computing software. We offer graphical interfaces to the most common features, all in one place. 
+      <a class="learn" href="https://docs.rc.uab.edu/cheaha/getting_started/">Learn More</a>
+      
+    </p>
+  </div>
+  <div class="feature-item">
+    <h2><a class="hcard" href="https://cloud.rc.uab.edu/">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);"><path d="M18.944 11.112C18.507 7.67 15.56 5 12 5 9.244 5 6.85 6.611 5.757 9.15 3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5h11c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888zM18 17H7c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.756 2.673-3.015l.581-.102.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2z"></path></svg>
+      RC Cloud</a>
+    </h2>
+    <p class="description">
+      Our cloud.rc portal, based on OpenStack cloud software, provides
+      a home for more permanent research applications such as web
+      pages and database hosting. Available via UAB network or VPN. 
+      <a class="learn" href="https://docs.rc.uab.edu/uab_cloud/">Learn More</a>
+    </p>
+  </div>
+  <div class="feature-item">
+    <h2><a class="hcard" href="https://gitlab.rc.uab.edu/">
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);"><path d="M20.892 9.889a.664.664 0 0 0-.025-.087l-2.104-6.479a.84.84 0 0 0-.8-.57.822.822 0 0 0-.789.575l-2.006 6.175H8.834L6.826 3.327a.823.823 0 0 0-.786-.575h-.006a.837.837 0 0 0-.795.575L3.133 9.815c0 .005-.005.01-.007.016l-1.067 3.281a1.195 1.195 0 0 0 .435 1.34l9.227 6.706c.167.121.393.12.558-.003l9.229-6.703a1.2 1.2 0 0 0 .435-1.34l-1.051-3.223zM17.97 3.936l1.809 5.566H16.16l1.81-5.566zm-11.94 0 1.812 5.566H4.228L6.03 3.936zm-2.982 9.752a.253.253 0 0 1-.093-.284l.793-2.437 5.817 7.456-6.517-4.735zm1.499-3.239h3.601l2.573 7.916-6.174-7.916zm7.452 8.794-2.856-8.798h5.718l-1.792 5.515-1.07 3.283zm1.282-.877 2.467-7.588.106-.329h3.604l-5.586 7.156-.591.761zm7.671-4.678-6.519 4.733.022-.029 5.794-7.425.792 2.436a.25.25 0 0 1-.089.285z"></path></svg> 
+      Gitlab</a>
+    </h2>
+    <p class="description">
+      Streamline your research with our cutting-edge workflow
+      solutions. Our user-friendly tools like Anaconda, Gitlab, and
+      containerization make it simple to organize your projects.
+      <a class="learn"
+        href="https://docs.rc.uab.edu/account_management/gitlab_account/"
+        >Learn More</a
+      >
+    </p>
+  </div>
+</div>
+{% endblock %}
+<!-- Main site box descriptions -->
+{% block main %}
+<main class="md-main" data-md-component="main">
+  <div class="md-main__inner md-grid">
+    <div
+      class="md-sidebar md-sidebar--secondary"
+      data-md-component="sidebar"
+      data-md-type="toc"
+    >
+      <div class="md-sidebar__scrollwrap">
+        <div class="md-sidebar__inner"></div>
+      </div>
+    </div>
+    {% endblock %} {% block container %}
+    <div class="md-content" data-md-component="content">
+      <article class="md-content__inner md-typeset">
+        {% block content %} {% include "partials/content.html" %} {%
+        endblock %}
+      </article>
+    </div>
+  </div>
+</main>
+{% endblock %}
+
diff --git a/theme/main.html b/theme/main.html
index ff8219984..00cda8f77 100644
--- a/theme/main.html
+++ b/theme/main.html
@@ -1,19 +1,13 @@
-{% extends "base.html" %}
-
-{% block styles %}
-{{ super() }}
-<link rel="stylesheet" href="{{ base_url }}/css/lightgallery.min.css" />
-{% endblock styles %}
-
-{% block libs %}
-{{ super() }}
+{% extends "base.html" %} {% block styles %} {{ super() }}
+<link
+  rel="stylesheet"
+  href="{{ base_url }}/css/lightgallery.min.css"
+/>
+{% endblock styles %} {% block libs %} {{ super() }}
 <script src="{{ base_url }}/js/lightgallery.min.js"></script>
-{% endblock libs %}
-
-{% block scripts %}
-{{ super() }}
+{% endblock libs %} {% block scripts %} {{ super() }}
 <script>
-  var elements = document.getElementsByClassName("lightgallery");
+  var elements = document.getElementsByClassName('lightgallery');
   for (var i = 0; i < elements.length; i++) {
     lightGallery(elements[i]);
   }