diff --git a/docusaurus.config.js b/docusaurus.config.js
index 47d65353..4d6d4634 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -175,12 +175,13 @@ const config = {
             position: 'left',
             label: 'Activities',
           },
+
           // Coder CDE link, will be integrated to the account settings page instead
-          // {
-          //   href: "https://coder.umlcloudcomputing.org",
-          //   position: "right",
-          //   label: "Coder CDE"
-          // },
+          {
+            href: "https://coder.umlcloudcomputing.org",
+            position: "right",
+            label: "Coder CDE"
+          },
 
           // // Socials (Discord, Instagram, LinkedIn)
           // {
diff --git a/package-lock.json b/package-lock.json
index ef34f857..f5e44adc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11162,9 +11162,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001721",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
-      "integrity": "sha512-cOuvmUVtKrtEaoKiO0rSc29jcjwMwX5tOHDy4MgVFEWiUXj4uBMJkwI8MDySkgXidpMiHUcviogAvFi4pA2hDQ==",
+      "version": "1.0.30001778",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001778.tgz",
+      "integrity": "sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg==",
       "funding": [
         {
           "type": "opencollective",
diff --git a/remote_repos/project_repos.json b/remote_repos/project_repos.json
index 3dff619d..cded0407 100644
--- a/remote_repos/project_repos.json
+++ b/remote_repos/project_repos.json
@@ -1,6 +1,7 @@
 {
     "UniPath.io" : "https://github.com/UMLCloudComputing/UniPath.io",
     "unibot-v2": "https://github.com/UMLCloudComputing/unibot-v2",
+    "Coder-CDE": "https://github.com/UMLCloudComputing/coder-cde",
     "react-mui-resume": "https://github.com/UMLCloudComputing/react-mui-resume",
     "Immersion": "https://github.com/UMLCloudComputing/immersion",
     "Immersion-Dashboard": "https://github.com/UMLCloudComputing/immersion-dashboard/",
diff --git a/src/css/custom.css b/src/css/custom.css
index 43544e4a..49755608 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -76,7 +76,7 @@
   transform: scale(1.02);
 }
 
-/* UniBot Hero Title Styles */
+/* unibot-v2 Hero Title Styles */
 [data-theme='dark'] .unibot_theme_hero_text {
   background: radial-gradient(circle, #7a37a4 0%, #ac4cc4 50%, rgb(191, 127, 223) 100%);
   -webkit-background-clip: text;
@@ -162,15 +162,6 @@ html[data-theme='dark'] .navbar__github {
 }
 
 
-/* IFrame for UniBot on Landing Page */
-.iframe_container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 450px;
-  display: block;
-}
 
 /** In mobile view, reduce the padding */
 @media screen and (max-width: 996px) {
@@ -220,6 +211,20 @@ html[data-theme='dark'] .navbar__github {
   color: transparent;
 }
 
+[data-theme='light'] .coder_theme_hero_text {
+  background: radial-gradient(circle, #0f0f0f 0%, #cfcfcf 50%, rgb(26, 26, 26) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+[data-theme='dark'] .coder_theme_hero_text {
+  background: radial-gradient(circle, #ffffff 0%, #565656 50%, rgb(214, 214, 214) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
 .meeting-pictures {
   border-radius: 8px;
   max-width: 500px;
diff --git a/src/pages/index.js b/src/pages/index.js
index 7da183cb..fb319c91 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -150,20 +150,32 @@ function Members() {
     );
 }
 
-const LandingPageUniBotiFrame = () => (
+const LandingPageUnibotv2 = () => (
     <div class="hero shadow--lw">
         <div class="container">
-            <h1 class="hero__title unibot_theme_hero_text">UniBot</h1>
-            <p class="hero__subtitle">For all your UML Questions</p>
+            <h1 class="hero__title unibot_theme_hero_text">unibot-v2</h1>
+            <p class="hero__subtitle">For all your UML Questions, now improved</p>
+            <div style={{paddingBottom: '10px'}}>
+                <Link to="https://unibot-v2.umlcloudcomputing.org" class="button button--secondary button--lg">Check it out</Link>
+            </div>
             <div style={{paddingBottom: '25px'}}>
-                <Link to="https://github.com/UMLCloudComputing/UniBot" class="button button--secondary button--outline button--lg" >GitHub</Link>
+                <Link to="https://github.com/UMLCloudComputing/unibot-v2" class="button button--secondary button--outline button--lg" >GitHub</Link>
+            </div>
+        </div>
+    </div>
+);
+
+const LandingCoder = () => (
+    <div class="hero shadow--lw">
+        <div class="container">
+            <h1 class="hero__title coder_theme_hero_text">Coder CDE</h1>
+            <p class="hero__subtitle">Your personal development workspaces<br/>Accessible anywhere</p>
+            <div style={{paddingBottom: '10px'}}>
+                <Link to="https://coder.umlcloudcomputing.org" class="button button--secondary button--lg">Access your workspace</Link>
+            </div>
+            <div style={{paddingBottom: '25px'}}>
+                <Link to="https://github.com/UMLCloudComputing/coder-cde" class="button button--secondary button--outline button--lg" >GitHub</Link>
             </div>
-            {/* <div>
-                <iframe
-                    src="https://unibotio.streamlit.app?embed=true"
-                    class="iframe_container"
-                >UniBot iFrame</iframe>
-            </div> */}
         </div>
     </div>
 );
@@ -222,9 +234,11 @@ export default function Home() {
             <HomepageHeader />
             <main>
                 <Members />
-                <LandingPageImmersion />
+                <LandingPageUnibotv2 />
+                <br/>
+                <LandingCoder />
                 <InfoCards/>
-                <LandingPageUniBotiFrame />
+                <LandingPageImmersion />
                 <br/>
                 <LandingPageAttendanceBot />
                 <br/>