diff --git a/_includes/version-support-current.html b/_includes/version-support-current.html
new file mode 100644
index 00000000000..2769ff95db6
--- /dev/null
+++ b/_includes/version-support-current.html
@@ -0,0 +1,133 @@
+<style>
+    .container {
+        width: 80%;
+        margin: auto;
+        padding: 20px;
+    }
+    .gantt-chart {
+        padding: 15px;
+        border-radius: 5px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        margin-bottom: 10px;
+    }
+    .gantt-bar-container {
+            display: flex;
+            justify-content: flex-end;
+            width: 100%;
+    }
+    .gantt-bar {
+        height: 20px;
+        background-color: #4CAF50;
+        margin-top: 5px;
+        border-radius: 5px;
+        position: relative;
+    }
+    .future-gantt-bar {
+        display: flex;    
+        height: 20px;
+        background-color: #FFA500;
+        margin-top: 5px;
+        border-radius: 5px;
+        position: relative;
+    }
+    .gantt-label {
+        position: absolute;
+        width: 100%;
+        text-align: center;
+        color: white;
+        font-size: 0.8em;
+    }
+    .timeline-row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+    }
+    .timeline-label {
+        min-width: 200px;
+        padding-right: 10px;
+        text-align: center;
+    }
+    .support-bg {
+        background-color: #fafafa;
+        padding: 1rem;
+        border-radius: 5px;
+    }
+</style>
+
+<script defer src="https://unpkg.com/alpinejs@3.10.2/dist/cdn.min.js"></script>
+
+<section class="support-bg">
+    <h2>Current and Upcoming Python Support</h2>
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.11</div>
+            <div class="gantt-bar-container">
+                <div class="future-gantt-bar" style="width: 50%;">
+                    <span class="gantt-label">? - ?</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.10</div>
+            <div class="gantt-bar" style="margin-left: 20%; width: 50%;">
+                <span class="gantt-label">23.02 - ?</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.9</div>
+            <div class="gantt-bar" style="width: 50%;">
+                <span class="gantt-label">22.02 - ?</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 12.2</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">June 2018 - June 2023</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 12.0</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Dec 2016 - Dec 2021</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 11.8</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Sept 2015 - Sept 2020</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">450.80.02+ (CUDA 11)</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">? - ?</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">525.60.13+ (CUDA 12)</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">22.04 - ?</span>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+<script type="text/javascript">
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('versionSupport', () => ({
+            selectedVersion: null,
+        }));
+    });
+</script>
\ No newline at end of file
diff --git a/_includes/version-support-historical.html b/_includes/version-support-historical.html
new file mode 100644
index 00000000000..76146b2b103
--- /dev/null
+++ b/_includes/version-support-historical.html
@@ -0,0 +1,141 @@
+<style>
+    .container {
+        width: 80%;
+        margin: auto;
+        padding: 20px;
+    }
+    .gantt-chart {
+        padding: 15px;
+        border-radius: 5px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+        margin-bottom: 10px;
+    }
+    .gantt-bar-container {
+            display: flex;
+            justify-content: flex-end;
+            width: 100%;
+    }
+    .gantt-bar {
+        height: 20px;
+        background-color: #4CAF50;
+        margin-top: 5px;
+        border-radius: 5px;
+        position: relative;
+    }
+    .future-gantt-bar {
+        display: flex;    
+        height: 20px;
+        background-color: #FFA500;
+        margin-top: 5px;
+        border-radius: 5px;
+        position: relative;
+    }
+    .gantt-label {
+        position: absolute;
+        width: 100%;
+        text-align: center;
+        color: white;
+        font-size: 0.8em;
+    }
+    .timeline-row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+    }
+    .timeline-label {
+        min-width: 200px;
+        padding-right: 10px;
+        text-align: center;
+    }
+    .support-bg {
+        background-color: #fafafa;
+        padding: 1rem;
+        border-radius: 5px;
+    }
+</style>
+
+<script defer src="https://unpkg.com/alpinejs@3.10.2/dist/cdn.min.js"></script>
+
+<section class="support-bg">
+    <h2>Historical Python Support</h2>
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.11</div>
+            <div class="gantt-bar-container">
+                <div class="future-gantt-bar" style="width: 50%;">
+                    <span class="gantt-label">? - ?</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.10</div>
+            <div class="gantt-bar" style="margin-left: 20%; width: 50%;">
+                <span class="gantt-label">23.02 - ?</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">Python 3.9</div>
+            <div class="gantt-bar" style="width: 50%;">
+                <span class="gantt-label">22.02 - ?</span>
+            </div>
+        </div>
+    </div>
+
+    <h2>Historical CUDA Support</h2>
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 12.2</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">June 2018 - June 2023</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 12.0</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Dec 2016 - Dec 2021</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">CUDA 11.8</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Sept 2015 - Sept 2020</span>
+            </div>
+        </div>
+    </div>
+
+    <h2>Historical Driver Support</h2>
+    <div class="gantt-chart">
+        <div class="timeline-row">
+            <div class="timeline-label">410</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">June 2018 - June 2023</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">400</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Dec 2016 - Dec 2021</span>
+            </div>
+        </div>
+
+        <div class="timeline-row">
+            <div class="timeline-label">390</div>
+            <div class="gantt-bar" style="width: 100%;">
+                <span class="gantt-label">Sept 2015 - Sept 2020</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<script type="text/javascript">
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('versionSupport', () => ({
+            selectedVersion: null,
+        }));
+    });
+</script>
\ No newline at end of file
diff --git a/version-support/version-support.md b/version-support/version-support.md
new file mode 100644
index 00000000000..5488fb9cf6a
--- /dev/null
+++ b/version-support/version-support.md
@@ -0,0 +1,26 @@
+---
+layout: default
+title: Version Support
+nav_order: 3
+permalink: version-support
+description: |
+  RAPIDS Version Support: Current, Future, and Historical
+---
+
+# RAPIDS Current and Upcoming Support
+{: .fs-8 }
+
+Below are the currently supported Python, CUDA, and Driver versions for RAPIDS as well as the next support transition.
+{: .fs-6 .fw-300 .mb-8 }
+
+{% include version-support-current.html %}
+
+# RAPIDS Historical Support
+{: .fs-8 }
+
+Below are the previously supported Python, CUDA, and Driver versions for RAPIDS.
+{: .fs-6 .fw-300 .mb-8 }
+
+{% include version-support-historical.html %}
+
+{: .mb-8 }