diff --git a/docs/develop/dotnet/child-workflows.mdx b/docs/develop/dotnet/child-workflows.mdx
index feb6469f91..3589c62243 100644
--- a/docs/develop/dotnet/child-workflows.mdx
+++ b/docs/develop/dotnet/child-workflows.mdx
@@ -29,10 +29,19 @@ tags:
   - Child Workflows
 ---
 
-This page shows how to do the following:
-
-- [Start a Child Workflow Execution](#child-workflows)
-- [Set a Parent Close Policy](#parent-close-policy)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#child-workflows" className="topic-card">
+      <div className="topic-title">Start a Child Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#parent-close-policy" className="topic-card">
+      <div className="topic-title">Set a Parent Close Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Start a Child Workflow Execution {#child-workflows}
 
diff --git a/docs/develop/dotnet/converters-and-encryption.mdx b/docs/develop/dotnet/converters-and-encryption.mdx
index 6412e6dca8..c63479ad32 100644
--- a/docs/develop/dotnet/converters-and-encryption.mdx
+++ b/docs/develop/dotnet/converters-and-encryption.mdx
@@ -20,6 +20,24 @@ tags:
 
 import { CaptionedImage } from '@site/src/components';
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#custom-payload-codec" className="topic-card">
+      <div className="topic-title">Custom Payload Codec</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#conversion-sequence" className="topic-card">
+      <div className="topic-title">Payload conversion</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-payload-converter" className="topic-card">
+      <div className="topic-title">Custom Payload Converter</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 Temporal's security model is designed around client-side encryption of Payloads.
 A client may encrypt Payloads before sending them to the server, and decrypt them after receiving them from the server.
 This provides a high degree of confidentiality because the Temporal Server itself has absolutely no knowledge of the actual data.
diff --git a/docs/develop/dotnet/core-application.mdx b/docs/develop/dotnet/core-application.mdx
index 71e4fccb10..284b6653eb 100644
--- a/docs/develop/dotnet/core-application.mdx
+++ b/docs/develop/dotnet/core-application.mdx
@@ -2,33 +2,54 @@
 id: core-application
 title: Core application - .NET SDK
 sidebar_label: Core application
-description: Learn how to develop a basic Workflow and Activity Definition using the Temporal .NET SDK, run a Worker Process, and set up Dynamic Workflows and Activities.
 toc_max_heading_level: 4
 keywords:
-  - activity
-  - activity definition
-  - activity execution
-  - dotnet
   - dotnet sdk
-  - worker
+  - temporal sdk
+  - core application
   - workflow
-  - workflow execution
-  - workflow parameters
-  - workflow return values
+  - activity
+  - worker
+description: The Foundations section of the Temporal Developer's guide introduces essential concepts for building and running a Temporal Application using the .NET SDK.
 tags:
   - Activities
+  - Temporal Client
+  - Task Queues
+  - Workers
+  - Workflows
   - .Net SDK
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Develop a basic Workflow Definition](#develop-workflow)
-- [Develop a basic Activity Definition](#develop-activity)
-- [Start an Activity from a Workflow](#activity-execution)
-- [Run a Worker Process](#run-worker-process)
-- [Set a Dynamic Workflow](#set-a-dynamic-workflow)
-- [Set a Dynamic Activity](#set-a-dynamic-activity)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#develop-workflow" className="topic-card">
+      <div className="topic-title">Develop a basic Workflow Definition</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-activity" className="topic-card">
+      <div className="topic-title">Develop a basic Activity Definition</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-execution" className="topic-card">
+      <div className="topic-title">Start an Activity from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-worker-process" className="topic-card">
+      <div className="topic-title">Run a Worker Process</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#set-a-dynamic-workflow" className="topic-card">
+      <div className="topic-title">Set a Dynamic Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#set-a-dynamic-activity" className="topic-card">
+      <div className="topic-title">Set a Dynamic Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Develop a Workflow {#develop-workflow}
 
diff --git a/docs/develop/dotnet/debugging.mdx b/docs/develop/dotnet/debugging.mdx
index 50f9f9c5c9..d7d9eff620 100644
--- a/docs/develop/dotnet/debugging.mdx
+++ b/docs/develop/dotnet/debugging.mdx
@@ -17,17 +17,26 @@ tags:
 
 ## Debugging {#debug}
 
-This page shows how to do the following:
-
-- [Debug in a development environment](#debug-in-a-development-environment)
-- [Debug in a development production](#debug-in-a-development-production)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#debug-in-a-development-environment" className="topic-card">
+      <div className="topic-title">Debug in a development environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#debug-in-a-development-production" className="topic-card">
+      <div className="topic-title">Debug in a production environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ### Debug in a development environment {#debug-in-a-development-environment}
 
 **How to debug in a development environment using the Temporal .NET SDK**
 
-In developing Workflows, you can use the normal development tools of logging and a debugger to see what’s happening in your Workflow.
-In addition to the normal development tools of logging and a debugger, you can also see what’s happening in your Workflow by using the [Web UI](/web-ui) or [Temporal CLI](/cli).
+In developing Workflows, you can use the normal development tools of logging and a debugger to see what's happening in your Workflow.
+In addition to the normal development tools of logging and a debugger, you can also see what's happening in your Workflow by using the [Web UI](/web-ui) or [Temporal CLI](/cli).
 The Web UI provides insight into your Workflows, making it easier to identify issues and monitor the state of your Workflows in real time.
 
 ### Debug in a development production {#debug-in-a-development-production}
diff --git a/docs/develop/dotnet/failure-detection.mdx b/docs/develop/dotnet/failure-detection.mdx
index cc393bace7..cf3853d6ad 100644
--- a/docs/develop/dotnet/failure-detection.mdx
+++ b/docs/develop/dotnet/failure-detection.mdx
@@ -19,14 +19,35 @@ tags:
   - Errors
 ---
 
-This page shows how to do the following:
-
-- [Workflow timeouts](#workflow-timeouts)
-- [Workflow retries](#workflow-retries)
-- [Activity timeouts](#activity-timeouts)
-- [Activity Retry Policy](#activity-retries)
-- [Heartbeat an Activity](#activity-heartbeats)
-- [Heartbeat Timeout](#heartbeat-timeout)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Workflow timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-retries" className="topic-card">
+      <div className="topic-title">Workflow retries</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Activity timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-retries" className="topic-card">
+      <div className="topic-title">Activity Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeats" className="topic-card">
+      <div className="topic-title">Heartbeat an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#heartbeat-timeout" className="topic-card">
+      <div className="topic-title">Heartbeat Timeout</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Workflow timeouts {#workflow-timeouts}
 
diff --git a/docs/develop/dotnet/index.mdx b/docs/develop/dotnet/index.mdx
index 8731245af7..2cff74ca01 100644
--- a/docs/develop/dotnet/index.mdx
+++ b/docs/develop/dotnet/index.mdx
@@ -12,164 +12,261 @@ tags:
   - Temporal SDKs
 ---
 
-import * as Components from '@site/src/components';
-
 <!-- .NET SDK feature guidance landing page-->
 
 ![.NET SDK Banner](/img/assets/banner-dotnet-temporal.png)
 
-:::info .NET SPECIFIC RESOURCES
-Build Temporal Applications with the .NET SDK.
-
-**Temporal .NET Technical Resources:**
-
-- [.NET API Documentation](https://dotnet.temporal.io/api/)
-- [.NET SDK Code Samples](https://github.com/temporalio/samples-dotnet)
-- [.NET SDK GitHub](https://github.com/temporalio/sdk-dotnet)
-- [Temporal 101 in .NET Free Course](https://learn.temporal.io/courses/temporal_101/dotnet/)
-
-**Get Connected with the Temporal .NET Community:**
-
-- [Temporal .NET Community Slack](https://temporalio.slack.com/archives/C012SHMPDDZ)
-- [.NET SDK Forum](https://community.temporal.io/tag/dotnet-sdk)
-  :::
-
-## [Core Application](/develop/dotnet/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [Develop a basic Workflow Definition](/develop/dotnet/core-application#develop-workflow): Workflows are the fundamental unit of a Temporal Application, and it all starts with the development of a Workflow Definition.
-- [Develop a basic Activity Definition](/develop/dotnet/core-application#develop-activity): One of the primary things that Workflows do is orchestrate the execution of Activities.
-- [Start an Activity from a Workflow](/develop/dotnet/core-application#activity-execution): Calls to spawn Activity Executions are written within a Workflow Definition.
-- [Run a Worker Process](/develop/dotnet/core-application#run-worker-process): The Worker Process is where Workflow Functions and Activity Functions are executed.
-- [Set a Dynamic Workflow](/develop/dotnet/core-application#set-a-dynamic-workflow): Set a Workflow that can be invoked dynamically at runtime.
-- [Set a Dynamic Activity](/develop/dotnet/core-application#set-a-dynamic-activity): Set an Activity that can be invoked dynamically at runtime.
-
-## [Temporal Client](/develop/dotnet/temporal-client)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [Create a Temporal Client](/develop/dotnet/temporal-client#create-a-client): Learn to instantiate and configure a client to interact with the Temporal Service.
-- [Connect to Temporal Cloud](/develop/dotnet/temporal-client#connect-to-temporal-cloud): Securely connect to the Temporal Cloud for a fully managed service.
-- [Start a Workflow](/develop/dotnet/temporal-client#start-workflow): Initiate Workflows seamlessly via the .NET SDK.
-- [Get Workflow results](/develop/dotnet/temporal-client#get-workflow-results): Retrieve and process the results of your Workflows efficiently.
-
-## [Testing](/develop/dotnet/testing-suite)
-
-Set up the testing suite and test Workflows and Activities.
-
-- [Test frameworks](/develop/dotnet/testing-suite#test-frameworks): Testing provides a framework to facilitate Workflow and integration testing.
-- [Testing Workflows](/develop/dotnet/testing-suite#testing-workflows): Ensure the functionality and reliability of your Workflows.
-- [Testing Activities](/develop/dotnet/testing-suite#test-activities): Validate the execution and outcomes of your Activities.
-- [Replay test](/develop/dotnet/testing-suite#replay-test): Replay recreates the exact state of a Workflow Execution.
-
-## [Failure detection](/develop/dotnet/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow timeouts](/develop/dotnet/failure-detection#workflow-timeouts): Each Workflow timeout controls the maximum duration of a different aspect of a Workflow Execution.
-- [Workflow retries](/develop/dotnet/failure-detection#workflow-retries): A Workflow Retry Policy can be used to retry a Workflow Execution in the event of a failure.
-- [Activity timeouts](/develop/dotnet/failure-detection#activity-timeouts): Each Activity timeout controls the maximum duration of a different aspect of an Activity Execution.
-- [Set an Activity Retry Policy](/develop/dotnet/failure-detection#activity-retries): Define retry logic for Activities to handle failures.
-- [Heartbeat an Activity](/develop/dotnet/failure-detection#activity-heartbeats): An Activity Heartbeat is a ping from the Worker that is executing the Activity to the Temporal Service.
-- [Heartbeat Timeout](/develop/dotnet/failure-detection#heartbeat-timeout): A Heartbeat Timeout works in conjunction with Activity Heartbeats.
-
-## [Workflow message passing](/develop/go/message-passing)
-
-Send messages to and read the state of Workflow Executions.
-
-### Signals
-
-- [Define Signal](/develop/dotnet/message-passing#signals): A Signal is a message sent to a running Workflow Execution.
-- [Send a Signal from a Temporal Client](/develop/dotnet/message-passing#send-signal-from-client): Send a Signal to a Workflow from a Temporal Client.
-- [Send a Signal from a Workflow](/develop/dotnet/message-passing#send-signal-from-workflow): Send a Signal to another Workflow from within a Workflow, this would also be called an External Signal.
-- [Signal-With-Start](/develop/dotnet/message-passing#signal-with-start): Start a Workflow and send it a Signal in a single operation used from the Client.
-- [Dynamic Handler](/develop/dotnet/message-passing#dynamic-handler): Dynamic Handlers provide flexibility to handle cases where the names of Workflows, Activities, Signals, or Queries aren't known at run time.
-- [Set a Dynamic Signal](/develop/dotnet/message-passing#set-a-dynamic-signal): A Dynamic Signal in Temporal is a Signal that is invoked dynamically at runtime if no other Signal with the same input is registered.
-
-### Queries
-
-- [Define a Query](/develop/dotnet/message-passing#queries): A Query is a synchronous operation that is used to get the state of a Workflow Execution.
-- [Send Queries](/develop/dotnet/message-passing#send-query): Queries are sent from the Temporal Client.
-- [Set a Dynamic Query](/develop/dotnet/message-passing#set-a-dynamic-signal): A Dynamic Query in Temporal is a Query that is invoked dynamically at runtime if no other Query with the same name is registered.
-
-### Updates
-
-- [Define an Update](/develop/dotnet/message-passing#updates): An Update is an operation that can mutate the state of a Workflow Execution and return a response.
-- [Send an Update](/develop/dotnet/message-passing#send-update-from-client): An Update is sent from the Temporal Client.
-
-## [Interrupt a Workflow](/develop/dotnet/cancellation)
-
-Interrupt a Workflow Execution with a Cancel or Terminate action.
-
-- [Cancel a Workflow](/develop/dotnet/cancellation#cancellation): Interrupt a Workflow Execution and its Activities through Workflow cancellation.
-- [Terminate a Workflow](/develop/dotnet/cancellation#termination): Interrupt a Workflow Execution and its Activities through Workflow termination.
-
-## [Asynchronous Activity completion](/develop/dotnet/asynchronous-activity)
-
-Complete Activities asynchronously.
-
-- [Asynchronous Activity](/develop/dotnet/asynchronous-activity): Asynchronous Activity completion enables the Activity Function to return without the Activity Execution completing.
-
-## [Versioning](/develop/dotnet/versioning)
-
-Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [Use the .NET SDK Patching API](/develop/dotnet/versioning#dotnet-sdk-patching-api): Patching Workflows using the .NET SDK.
-
-## [Observability](/develop/dotnet/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [Emit Metrics](/develop/dotnet/observability#metrics): Each Temporal SDK is capable of emitting an optional set of metrics from either the Client or the Worker process.
-- [Set up Tracing](/develop/dotnet/observability#tracing): Explains how the Go SDK supports tracing and custom context propagation.
-- [Log from a Workflow](/develop/dotnet/observability#logging): Send logs and errors to a logging service, so that when things go wrong, you can see what happened.
-- [Use Visibility APIs](/develop/dotnet/observability#visibility): The term Visibility, within the Temporal Platform, refers to the subsystems and APIs that enable an operator to view Workflow Executions that currently exist within a Terminal Service.
-
-## [Debugging](/develop/dotnet/debugging)
-
-Explore various ways to debug your application.
-
-- [Debug in a development environment](/develop/dotnet/debugging#debug-in-a-development-environment): In addition to the normal development tools of logging and a debugger, you can also see what’s happening in your Workflow by using the Web UI and the Temporal CLI.
-- [Debug in a development production](/develop/dotnet/debugging#debug-in-a-development-production): Debug production Workflows using the Web UI, the Temporal CLI, Replays, Tracing, or Logging.
-
-## [Schedules](/develop/dotnet/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [Schedule a Workflow](/develop/dotnet/schedules#schedule-a-workflow)
-  - [Create a Scheduled Workflow](/develop/dotnet/schedules#create-a-workflow): Create a new schedule for a scheduled Workflow.
-  - [Backfill a Scheduled Workflow](/develop/dotnet/schedules#backfill-a-scheduled-workflow): Backfills a past time range of actions for a scheduled Workflow.
-  - [Delete a Scheduled Workflow](/develop/dotnet/schedules#delete-a-scheduled-workflow): Deletes a schedule for a scheduled Workflow.
-  - [Describe a Scheduled Workflow](/develop/dotnet/schedules#describe-a-scheduled-workflow): Get schedule configuration and current state for a scheduled Workflow.
-  - [List a Scheduled Workflow](/develop/dotnet/schedules#list-a-scheduled-workflow): List a schedule for a scheduled Workflow.
-  - [Pause a Scheduled Workflow](/develop/dotnet/schedules#pause-a-scheduled-workflow): Pause a schedule for a scheduled Workflow.
-  - [Trigger a Scheduled Workflow](/develop/dotnet/schedules#trigger-a-scheduled-workflow): Triggers an immediate action for a scheduled Workflow.
-  - [Update a Scheduled Workflow](/develop/dotnet/schedules#update-a-scheduled-workflow): Updates a schedule with a new definition for a scheduled Workflow.
-- [Use Start Delay](/develop/dotnet/schedules#start-delay): Start delay functionality if you need to delay the execution of the Workflow without the need for regular launches.
-
-## [Data encryption](/develop/dotnet/converters-and-encryption)
-
-Use compression, encryption, and other data handling by implementing custom converters and codecs.
-
-- [Use a custom Payload Codec](/develop/dotnet/converters-and-encryption#custom-payload-codec): Create a custom PayloadCodec implementation and define your encryption/compression and decryption/decompression logic.
-- [Use a custom Payload Converter](/develop/dotnet/converters-and-encryption#custom-payload-converter): A custom data converter can be set via the `DataConverter` option when creating a client.
-
-## [Durable Timers](/develop/go/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [Sleep](/develop/dotnet/durable-timers): A Timer lets a Workflow sleep for a fixed time period.
-
-## [Child Workflows](/develop/dotnet/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [Start a Child Workflow Execution](/develop/dotnet/child-workflows): A Child Workflow Execution is a Workflow Execution that is scheduled from within another Workflow using a Child Workflow API.
-- [Set a Parent Close Policy](/develop/dotnet/child-workflows#parent-close-policy): A Parent Close Policy determines what happens to a Child Workflow Execution if its Parent changes to a Closed status.
-
-## [Continue-As-New](/develop/dotnet/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [Continue-As-New](/develop/dotnet/continue-as-new): Continue-As-New enables a Workflow Execution to close successfully and create a new Workflow Execution in a single atomic operation if the number of Events in the Event History is becoming too large.
+<div className="resources-card">
+  <h2>.NET SDK resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://dotnet.temporal.io/api/">.NET API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-dotnet">.NET SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-dotnet">.NET SDK GitHub</a></li>
+        <li><a href="https://learn.temporal.io/courses/temporal_101/dotnet">Temporal 101 in .NET Free Course</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://temporalio.slack.com/archives/C012SHMPDDZ">Temporal .NET Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/dotnet-sdk">.NET SDK Forum</a></li>
+      </ul>
+    </div>
+
+</div>
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h2><a href="/develop/dotnet/core-application">Core Application</a></h2>
+    <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/temporal-client">Temporal Client</a></h2>
+    <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/testing-suite">Testing</a></h2>
+    <p>Set up the testing suite and test Workflows and Activities.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/failure-detection">Failure Detection</a></h2>
+    <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/message-passing">Workflow Message Passing</a></h2>
+    <p>Send messages to and read the state of Workflow Executions.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/cancellation">Interrupt a Workflow</a></h2>
+    <p>Interrupt a Workflow Execution with a Cancel or Terminate action.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/asynchronous-activity">Asynchronous Activity Completion</a></h2>
+    <p>Complete Activities asynchronously.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/versioning">Versioning</a></h2>
+    <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/observability">Observability</a></h2>
+    <p>Configure and use the Temporal Observability APIs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/debugging">Debugging</a></h2>
+    <p>Explore various ways to debug your application.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/schedules">Schedules</a></h2>
+    <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/converters-and-encryption">Data Encryption</a></h2>
+    <p>Use compression, encryption, and other data handling by implementing custom converters and codecs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/timers">Durable Timers</a></h2>
+    <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/child-workflows">Child Workflows</a></h2>
+    <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/dotnet/continue-as-new">Continue-As-New</a></h2>
+    <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+</div>
+</div>
+
+<style>
+{`
+  .resources-card {
+    background: var(--ifm-color-emphasis-100);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 0;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .resources-card h2 {
+    margin-top: 0;
+    color: var(--ifm-color-emphasis-800);
+  }
+
+  .resources-content {
+    display: flex;
+    gap: 2rem;
+  }
+
+  .resources-section {
+    flex: 1;
+  }
+
+  .resources-section h3 {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  .resources-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .resources-section li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+  }
+
+  .feature-card {
+    background: var(--ifm-color-emphasis-0);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 0;
+    padding: 1.5rem;
+    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .feature-card:hover {
+    border-color: var(--ifm-color-primary);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    transform: translateY(-2px);
+  }
+
+  [data-theme='dark'] .feature-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  [data-theme='dark'] .feature-card:hover {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  }
+
+  .feature-card h2 {
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--ifm-color-emphasis-900);
+  }
+
+  .feature-card h2 a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card h2 a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card p {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.95rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+  }
+
+  .feature-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .feature-card li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-card li a {
+    color: var(--ifm-color-emphasis-800);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-block;
+    position: relative;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card li a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    background-color: var(--ifm-color-primary);
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .resources-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .feature-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  [data-theme='dark'] .resources-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+`}
+</style>
diff --git a/docs/develop/dotnet/message-passing.mdx b/docs/develop/dotnet/message-passing.mdx
index 921e762c36..0ea5f74ba1 100644
--- a/docs/develop/dotnet/message-passing.mdx
+++ b/docs/develop/dotnet/message-passing.mdx
@@ -1,17 +1,16 @@
 ---
 id: message-passing
-title: Workflow message passing - .NET SDK
-sidebar_label: Messages
-description: Develop with Queries, Signals, and Updates with the Temporal .NET SDK.
-toc_max_heading_level: 3
+title: Message passing - .NET SDK
+sidebar_label: Message passing
+slug: /develop/dotnet/message-passing
+toc_max_heading_level: 2
 keywords:
-  - temporal dotnet signals
-  - send signal from client
-  - send signal from workflow
-  - signal with start
-  - workflow queries
-  - sending queries
-  - workflow updates
+  - messages
+  - queries
+  - signals
+  - updates
+  - workflow messages
+  - message handlers
   - dynamic workflows
   - dynamic activities
   - dynamic signals
@@ -27,6 +26,32 @@ Temporal Clients use messages to read Workflow state and control execution.
 See [Workflow message passing](/encyclopedia/workflow-message-passing) for a general overview of this topic.
 This page introduces these features for the Temporal .NET SDK.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#writing-message-handlers" className="topic-card">
+      <div className="topic-title">Write message handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#send-messages" className="topic-card">
+      <div className="topic-title">Send messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message handler patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-troubleshooting" className="topic-card">
+      <div className="topic-title">Message handler troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dynamic-handler" className="topic-card">
+      <div className="topic-title">Dynamic Handler</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Write message handlers {#writing-message-handlers}
 
 :::info
@@ -232,7 +257,7 @@ Call a Query method with [`WorkflowHandle.QueryAsync`](https://dotnet.temporal.i
 var supportedLanguages = await workflowHandle.QueryAsync(wf => wf.GetLanguages(new(false)));
 ```
 
-- Sending a Query doesn’t add events to a Workflow's Event History.
+- Sending a Query doesn't add events to a Workflow's Event History.
 
 - You can send Queries to closed Workflow Executions within a Namespace's Workflow retention period.
   This includes Workflows that have completed, failed, or timed out.
@@ -243,7 +268,7 @@ var supportedLanguages = await workflowHandle.QueryAsync(wf => wf.GetLanguages(n
 ### Send a Signal {#send-signal}
 
 You can send a Signal to a Workflow Execution from a Temporal Client or from another Workflow Execution.
-However, you can only send Signals to Workflow Executions that haven’t closed.
+However, you can only send Signals to Workflow Executions that haven't closed.
 
 #### Send a Signal from a Client {#send-signal-from-client}
 
diff --git a/docs/develop/dotnet/observability.mdx b/docs/develop/dotnet/observability.mdx
index 8cd7682b2f..e76f3c904c 100644
--- a/docs/develop/dotnet/observability.mdx
+++ b/docs/develop/dotnet/observability.mdx
@@ -2,35 +2,46 @@
 id: observability
 title: Observability - .NET SDK
 sidebar_label: Observability
-description: Explore Temporal SDK observability features for Metrics, Tracing, Logging, and Visibility. Learn to track Workflow Executions, set up Prometheus endpoints, customize metrics, configure tracing, and more.
+description: Learn how to emit metrics, set up tracing, log from a Workflow, and use Visibility APIs using the Temporal .NET SDK to monitor and observe your applications.
 toc_max_heading_level: 4
 keywords:
-  - client
-  - code sample
-  - developer guide
-  - guide context
-  - how to
-  - logging
-  - dotnet
-  - dotnet sdk
-  - sdk
-  - search attribute
-  - workflow
   - observability
+  - metrics
+  - tracing
+  - logging
+  - visibility
+  - opentelemetry
+  - prometheus
+  - grafana
+  - search attributes
 tags:
   - .Net SDK
   - Temporal SDKs
-  - Observability
-  - Search Attributes
-  - Workflows
 ---
 
-This page covers features related to viewing the state of the application, including:
-
-- [Metrics](#metrics)
-- [Tracing](#tracing)
-- [Logging](#logging)
-- [Visibility](#visibility)
+The observability section of the Temporal Developer's guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
+
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#metrics" className="topic-card">
+      <div className="topic-title">Emit metrics</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#tracing" className="topic-card">
+      <div className="topic-title">Setup Tracing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Log from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Use Visibility APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 The observability feature guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application).
 This includes the ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
diff --git a/docs/develop/dotnet/schedules.mdx b/docs/develop/dotnet/schedules.mdx
index e7cc2d8e70..1c62779cf2 100644
--- a/docs/develop/dotnet/schedules.mdx
+++ b/docs/develop/dotnet/schedules.mdx
@@ -2,7 +2,8 @@
 id: schedules
 title: Schedules - .NET SDK
 sidebar_label: Schedules
-description: Learn how to manage and optimize Scheduled Workflows using the Temporal .NET SDK; Schedule, Create, Backfill, Update, Delete, Describe, List, Pause, Trigger, and use Start Delay options.
+slug: /develop/dotnet/schedules
+toc_max_heading_level: 2
 keywords:
   - sdk
   - dotnet
@@ -14,18 +15,19 @@ tags:
   - Schedules
 ---
 
-This page shows how to do the following:
-
-- [Schedule a Workflow](#schedule-a-workflow)
-- [Create a Scheduled Workflow](#create-a-workflow)
-- [Backfill a Scheduled Workflow](#backfill-a-scheduled-workflow)
-- [Delete a Scheduled Workflow](#delete-a-scheduled-workflow)
-- [Describe a Scheduled Workflow](#describe-a-scheduled-workflow)
-- [List a Scheduled Workflow](#list-a-scheduled-workflow)
-- [Pause a Scheduled Workflow](#pause-a-scheduled-workflow)
-- [Trigger a Scheduled Workflow](#trigger-a-scheduled-workflow)
-- [Update a Scheduled Workflow](#update-a-scheduled-workflow)
-- [Use Start Delay](#start-delay)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#schedule-a-workflow" className="topic-card">
+      <div className="topic-title">Schedule a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Use Start Delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Schedule a Workflow {#schedule-a-workflow}
 
@@ -66,7 +68,7 @@ var handle = await client.CreateScheduleAsync(
 
 :::tip Schedule Auto-Deletion
 
-Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won’t fire again.
+Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won't fire again.
 The Temporal Service doesn't guarantee when this removal will happen.
 
 :::
diff --git a/docs/develop/dotnet/set-up-your-local-dotnet.mdx b/docs/develop/dotnet/set-up-your-local-dotnet.mdx
new file mode 100644
index 0000000000..6c1498082d
--- /dev/null
+++ b/docs/develop/dotnet/set-up-your-local-dotnet.mdx
@@ -0,0 +1,529 @@
+---
+id: set-up-your-local-dotnet
+title: Set up your local with the .NET SDK 
+sidebar_label: Quickstart - Setup 
+description: Configure your local development environment to get started developing with Temporal
+tags:
+  - developer guide
+  - dotnet
+  - setup
+  - getting started
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { InfoBox } from '@site/src/components/elements/InfoBox';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+<div style={{
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  width: '100%',
+  marginBottom: '1.5rem'
+}}>
+  <h1 style={{margin: 0}}>Quickstart</h1>
+  <img
+    src="/img/assets/ziggy.png"
+    alt="Ziggy mascot"
+    style={{
+      width: '90px',
+      height: 'auto'
+    }}
+  />
+</div>
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <p>The .NET SDK requires .NET 6.0 or later.</p>
+    <p>Install .NET by following the <a href="https://dotnet.microsoft.com/download/dotnet/6.0">official .NET instructions</a>.</p>
+  </>
+}>
+## Install .NET
+
+The .NET SDK requires .NET 6.0 or later.
+Install .NET by following the [official .NET instructions](https://dotnet.microsoft.com/download/dotnet/6.0).
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+dotnet new console -n temporalidotnet
+</CodeSnippet>
+<CodeSnippet language="bash">
+cd temporalidotnet
+</CodeSnippet>
+<CodeSnippet language="bash">
+dotnet add package Temporalio
+</CodeSnippet>
+</>
+}>
+
+## Install the Temporal .NET SDK
+
+Create a new .NET project and install the Temporal SDK package.
+
+Switch to the new directory for your project.
+
+Then, install the [Temporal .NET SDK](https://www.nuget.org/packages/Temporalio).
+
+Next, you'll configure a local Temporal service for development.
+</SetupStep>
+
+<SetupStep code={
+<>
+
+<p><strong>macOS</strong></p>
+<p>Using Homebrew:</p>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+<p>Or using curl:</p>
+<CodeSnippet language="bash">
+curl -sSf https://temporal.download/cli.sh | sh
+</CodeSnippet>
+<p><strong>Linux</strong></p>
+<CodeSnippet language="bash">
+curl -sSf https://temporal.download/cli.sh | sh
+</CodeSnippet>
+<p><strong>Windows</strong></p>
+<CodeSnippet language="powershell">
+curl.exe -sSf https://temporal.download/cli.ps1 | pwsh
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Temporal CLI is a tool for interacting with the Temporal Service from the command-line interface. It includes a self-contained distribution of the Temporal Service and [Web UI](https://docs.temporal.io/web-ui) that you can use for local development.
+
+Choose your operating system to install Temporal CLI:
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+    <div className="port-info">
+      <h4>Change the Web UI port</h4>
+      <p>
+        The Temporal Web UI may be on a different port in some examples or tutorials.
+        To change the port for the Web UI, use the --ui-port option when starting the server:
+      </p>
+      <CodeSnippet language="bash">
+      temporal server start-dev --ui-port 8080
+      </CodeSnippet>
+      <p>
+        The Temporal Web UI will now be available at http://localhost:8080.
+      </p>
+    </div>
+
+    <style>
+      {`
+        .port-info {
+          background: rgba(68, 76, 231, 0.1);
+          border: 1px solid rgba(68, 76, 231, 0.2);
+          border-radius: 0.75rem;
+          padding: 1.5rem;
+          margin: 1.5rem 0;
+          transition: all 0.3s ease-in-out;
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        }
+
+        [data-theme='dark'] .port-info {
+          background: rgba(68, 76, 231, 0.15);
+          border-color: rgba(68, 76, 231, 0.3);
+        }
+
+        .port-info:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+          border-color: var(--ifm-color-primary);
+        }
+
+        [data-theme='dark'] .port-info:hover {
+          border-color: rgba(68, 76, 231, 0.5);
+        }
+
+        .port-info h4 {
+          margin-top: 0;
+          margin-bottom: 1rem;
+          color: var(--ifm-color-emphasis-900);
+          font-weight: 600;
+        }
+
+        .port-info p {
+          margin-bottom: 1rem;
+          font-size: 0.95rem;
+          line-height: 1.5;
+          color: var(--ifm-color-emphasis-800);
+        }
+
+        .port-info p:last-child {
+          margin-bottom: 0;
+        }
+
+        .port-info code {
+          background: rgba(255, 255, 255, 0.5);
+          padding: 0.2rem 0.4rem;
+          border-radius: 4px;
+          font-size: 0.9em;
+        }
+
+        [data-theme='dark'] .port-info code {
+          background: rgba(0, 0, 0, 0.2);
+        }
+
+        @media (max-width: 768px) {
+          .port-info {
+            padding: 1.25rem;
+          }
+        }
+      `}
+    </style>
+
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespace, and uses an in-memory database.
+
+The Temporal Service will be available on localhost:7233.
+The Temporal Web UI will be available at http://localhost:8233.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+Once you have everything installed, you're ready to build apps with Temporal on your local machine.
+</SetupStep>
+</SetupSteps>
+
+## Run Hello World: Test Your Installation
+
+Now let's verify your setup is working by creating and running a complete Temporal application with both a Workflow and Activity.
+
+This test will confirm that:
+
+- Your .NET SDK installation is working
+- The Temporal .NET SDK is properly installed
+- Your local Temporal Service is running
+- You can successfully create and execute Workflows and Activities
+- The communication between components is functioning correctly
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <p><strong>Create an Activity file (MyActivities.cs):</strong></p>
+    <CodeSnippet language="csharp">
+{`namespace MyNamespace;
+
+using Temporalio.Activities;
+
+public class MyActivities
+{
+// Activities can be async and/or static too! We just demonstrate instance
+// methods since many will use them that way.
+[Activity]
+public string SayHello(string name) => $"Hello, {name}!";
+}`}
+</CodeSnippet>
+</>
+}>
+
+### Create the Activity
+
+Activities contain your business logic. Create a file called `MyActivities.cs`:
+</SetupStep>
+
+<SetupStep code={
+<>
+
+<p><strong>Create a Workflow file (SayHelloWorkflow.cs):</strong></p>
+<CodeSnippet language="csharp">
+{`namespace MyNamespace;
+
+using Temporalio.Workflows;
+
+[Workflow]
+public class SayHelloWorkflow
+{
+[WorkflowRun]
+public async Task<string> RunAsync(string name)
+{
+// This workflow just runs a simple activity to completion.
+// StartActivityAsync could be used to just start and there are many
+// other things that you can do inside a workflow.
+return await Workflow.ExecuteActivityAsync(
+// This is a lambda expression where the instance is typed. If this
+// were static, you wouldn't need a parameter.
+(MyActivities act) => act.SayHello(name),
+new() { StartToCloseTimeout = TimeSpan.FromMinutes(5) });
+}
+}`}
+</CodeSnippet>
+</>
+}>
+
+### Create the Workflow
+
+Workflows orchestrate Activities and contain the application logic. Create a file called `SayHelloWorkflow.cs`:
+</SetupStep>
+
+<SetupStep code={
+<>
+
+<p><strong>Create a Worker file (Program.cs):</strong></p>
+<CodeSnippet language="csharp">
+{`using MyNamespace;
+using Temporalio.Client;
+using Temporalio.Worker;
+
+// Create a client to localhost on "default" namespace
+var client = await TemporalClient.ConnectAsync(new("localhost:7233"));
+
+// Cancellation token to shutdown worker on ctrl+c
+using var tokenSource = new CancellationTokenSource();
+Console.CancelKeyPress += (_, eventArgs) =>
+{
+tokenSource.Cancel();
+eventArgs.Cancel = true;
+};
+
+// Create an activity instance since we have instance activities. If we had
+// all static activities, we could just reference those directly.
+var activities = new MyActivities();
+
+// Create worker with the activity and workflow registered
+using var worker = new TemporalWorker(
+client,
+new TemporalWorkerOptions("my-task-queue").
+AddActivity(activities.SayHello).
+AddWorkflow<SayHelloWorkflow>());
+
+// Run worker until cancelled
+Console.WriteLine("Running worker");
+try
+{
+await worker.ExecuteAsync(tokenSource.Token);
+}
+catch (OperationCanceledException)
+{
+Console.WriteLine("Worker cancelled");
+}`}
+</CodeSnippet>
+
+    <p><strong>Run the Worker:</strong></p>
+    <CodeSnippet language="bash">
+    dotnet run
+    </CodeSnippet>
+
+</>
+}>
+
+### Create and Run the Worker
+
+The Worker hosts your Workflows and Activities. Replace the contents of `Program.cs` with:
+
+Keep this terminal running - you should see "Running worker" displayed.
+</SetupStep>
+
+<SetupStep code={
+<>
+
+<div className="execution-options">
+<h4>Choose Your Execution Method</h4>
+<p>With the worker running, you can start a workflow in two ways:</p>
+</div>
+
+    <div className="option-section">
+      <h5>Option 1: Using Temporal CLI (Recommended for testing)</h5>
+      <p>Open a new terminal and run:</p>
+      <CodeSnippet language="bash">
+      temporal workflow start --type SayHelloWorkflow --task-queue my-task-queue --input '"Temporal"'
+      </CodeSnippet>
+    </div>
+
+    <div className="option-section">
+      <h5>Option 2: Create a Client Program</h5>
+      <p>Create a separate file called `Client.cs` for a more programmatic approach:</p>
+      <CodeSnippet language="csharp">
+
+{`using MyNamespace;
+using Temporalio.Client;
+
+// Create a client to localhost on "default" namespace
+var client = await TemporalClient.ConnectAsync(new("localhost:7233"));
+
+// Run workflow
+var result = await client.ExecuteWorkflowAsync(
+(SayHelloWorkflow wf) => wf.RunAsync("Temporal"),
+new(id: "my-workflow-id", taskQueue: "my-task-queue"));
+
+Console.WriteLine("Workflow result: {0}", result);`}
+</CodeSnippet>
+
+<p>Then run: <code>dotnet run Client.cs</code></p>
+</div>
+
+    <div className="success-section">
+      <h4>
+        <svg 
+          viewBox="0 0 24 24" 
+          width="20" 
+          height="20" 
+          fill="none" 
+          stroke="currentColor" 
+          strokeWidth="2" 
+          strokeLinecap="round" 
+          strokeLinejoin="round" 
+          className="success-icon"
+        >
+          <path d="M9 12l2 2 4-4" />
+          <circle cx="12" cy="12" r="10" />
+        </svg>
+        Verify Success
+      </h4>
+      <p>If everything is working correctly, you should see:</p>
+      <ul>
+        <li>Worker processing the workflow and activity</li>
+        <li>Output: <code>Workflow result: Hello, Temporal!</code></li>
+        <li>Workflow execution details in the <a href="http://localhost:8233" target="_blank">Temporal Web UI</a></li>
+      </ul>
+    </div>
+
+    <style>
+      {`
+        .execution-options {
+          background: rgba(68, 76, 231, 0.08);
+          border: 1px solid rgba(68, 76, 231, 0.15);
+          border-radius: 0.75rem;
+          padding: 1.25rem;
+          margin: 1.5rem 0 1rem 0;
+        }
+
+        .execution-options h4 {
+          margin-top: 0;
+          margin-bottom: 0.75rem;
+          color: var(--ifm-color-emphasis-900);
+          font-weight: 600;
+        }
+
+        .execution-options p {
+          margin-bottom: 0;
+          font-size: 0.95rem;
+          color: var(--ifm-color-emphasis-800);
+        }
+
+        .option-section {
+          background: var(--ifm-color-emphasis-50);
+          border: 1px solid var(--ifm-color-emphasis-200);
+          border-radius: 0.5rem;
+          padding: 1.25rem;
+          margin: 1rem 0;
+        }
+
+        .option-section h5 {
+          margin-top: 0;
+          margin-bottom: 0.75rem;
+          color: var(--ifm-color-emphasis-900);
+          font-size: 1.1rem;
+        }
+
+        .option-section p {
+          margin-bottom: 1rem;
+          font-size: 0.95rem;
+          line-height: 1.5;
+          color: var(--ifm-color-emphasis-800);
+        }
+
+        .option-section p:last-child {
+          margin-bottom: 0;
+        }
+
+        .success-section {
+          background: rgba(34, 197, 94, 0.08);
+          border: 1px solid rgba(34, 197, 94, 0.2);
+          border-radius: 0.75rem;
+          padding: 1.25rem;
+          margin: 1.5rem 0;
+        }
+
+        .success-section h4 {
+          margin-top: 0;
+          margin-bottom: 1rem;
+          color: var(--ifm-color-success-dark);
+          font-weight: 600;
+          display: flex;
+          align-items: center;
+          gap: 0.5rem;
+        }
+
+        .success-icon {
+          stroke: var(--ifm-color-success-dark);
+          flex-shrink: 0;
+        }
+
+        .success-section p {
+          margin-bottom: 1rem;
+          font-size: 0.95rem;
+          line-height: 1.5;
+          color: var(--ifm-color-emphasis-800);
+        }
+
+        .success-section ul {
+          margin-bottom: 0;
+          padding-left: 1.5rem;
+        }
+
+        .success-section li {
+          margin-bottom: 0.5rem;
+          font-size: 0.95rem;
+          color: var(--ifm-color-emphasis-800);
+        }
+
+        [data-theme='dark'] .execution-options {
+          background: rgba(68, 76, 231, 0.12);
+          border-color: rgba(68, 76, 231, 0.25);
+        }
+
+        [data-theme='dark'] .option-section {
+          background: var(--ifm-color-emphasis-100);
+          border-color: var(--ifm-color-emphasis-300);
+        }
+
+        [data-theme='dark'] .success-section {
+          background: rgba(34, 197, 94, 0.12);
+          border-color: rgba(34, 197, 94, 0.3);
+        }
+
+        @media (max-width: 768px) {
+          .execution-options,
+          .option-section,
+          .success-section {
+            padding: 1rem;
+          }
+        }
+      `}
+    </style>
+
+</>
+}>
+
+### Execute the Workflow
+
+Now that your worker is running, it's time to start a workflow execution.
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/dotnet/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal .NET SDK</p>
+</CallToAction>
diff --git a/docs/develop/dotnet/temporal-client.mdx b/docs/develop/dotnet/temporal-client.mdx
index bb022b6810..bb566b23b4 100644
--- a/docs/develop/dotnet/temporal-client.mdx
+++ b/docs/develop/dotnet/temporal-client.mdx
@@ -15,12 +15,27 @@ tags:
   - Certificates
 ---
 
-This page shows how to do the following:
-
-- [Create a Temporal Client](#create-a-client)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Start a Workflow](#start-workflow)
-- [Get Workflow results](#get-workflow-results)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#create-a-client" className="topic-card">
+      <div className="topic-title">Create a Temporal Client</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow" className="topic-card">
+      <div className="topic-title">Start a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#get-workflow-results" className="topic-card">
+      <div className="topic-title">Get Workflow results</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Create a Temporal Client {#create-a-client}
 
diff --git a/docs/develop/dotnet/testing-suite.mdx b/docs/develop/dotnet/testing-suite.mdx
index 861220ee2d..098dec1138 100644
--- a/docs/develop/dotnet/testing-suite.mdx
+++ b/docs/develop/dotnet/testing-suite.mdx
@@ -1,26 +1,27 @@
 ---
 id: testing-suite
-title: Testing - .NET SDK
-sidebar_label: Testing
-description: The .NET test-suite guide covers Workflow and integration testing for Temporal. It includes end-to-end, integration, and unit testing, emphasizing the use of the test server to optimize test execution.
+title: Testing suite - .NET SDK
+sidebar_label: Testing suite
+slug: /develop/dotnet/testing-suite
+description: Learn how to test Workflows and Activities using the Temporal .NET SDK. Includes unit testing, integration testing, time skipping, and Workflow replay testing.
 toc_max_heading_level: 4
 keywords:
-  - developer guide
-  - guide context
-  - how to
-  - dotnet
-  - sdk
   - testing
-  - time-skipping
+  - unit testing
+  - integration testing
+  - workflow testing
+  - activity testing
+  - test framework
+  - xunit
 tags:
   - .Net SDK
   - Temporal SDKs
   - Testing
 ---
 
-The .NET test-suite feature guide describes the frameworks that facilitate Workflow and integration testing.
+The Testing section of the Temporal Developer's guide describes the frameworks that facilitate Workflow and Activity testing.
 
-In the context of Temporal, you can create these types of automated tests:
+In the context of Temporal, you can create these types of tests:
 
 - **End-to-end:** Running a Temporal Server and Worker with all its Workflows and Activities; starting and interacting with Workflows from a Client.
 - **Integration:** Anything between end-to-end and unit testing.
@@ -33,6 +34,28 @@ We generally recommend writing the majority of your tests as integration tests.
 
 Because the test server supports skipping time, use the test server for both end-to-end and integration tests with Workers.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-frameworks" className="topic-card">
+      <div className="topic-title">Test frameworks</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#testing-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Testing Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay-test" className="topic-card">
+      <div className="topic-title">Replay test</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Test frameworks {#test-frameworks}
 
 **Compatible testing frameworks**
diff --git a/docs/develop/dotnet/versioning.mdx b/docs/develop/dotnet/versioning.mdx
index 8b02cb5e54..5fb96982a9 100644
--- a/docs/develop/dotnet/versioning.mdx
+++ b/docs/develop/dotnet/versioning.mdx
@@ -27,12 +27,19 @@ tags:
   - Patching
 ---
 
-This page shows how to do the following:
-
-- [Use the .NET SDK Patching API](#dotnet-sdk-patching-api)
-- [Patching in new code](#using-patched-for-workflow-history-markers)
-- [Understanding deprecated Patches in the .NET SDK](#deprecated-patches)
-- [Safe Deployment of PostPatchActivity](#deploy-postpatchactivity)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#introduction-to-versioning" className="topic-card">
+      <div className="topic-title">Introduction to Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dotnet-sdk-patching-api" className="topic-card">
+      <div className="topic-title">Use the .NET SDK Patching API</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Introduction to Versioning
 
diff --git a/docs/develop/go/cancellation.mdx b/docs/develop/go/cancellation.mdx
index 0be5f5f8a6..99ac706203 100644
--- a/docs/develop/go/cancellation.mdx
+++ b/docs/develop/go/cancellation.mdx
@@ -14,12 +14,27 @@ tags:
   - Temporal SDKs
 ---
 
-This pages shows the following:
-
-- How to handle a Cancellation request within a Workflow.
-- How to set an Activity Heartbeat Timeout.
-- How to listen for and handle a Cancellation request within an Activity.
-- How to send a Cancellation request from a Temporal Client.
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#handle-cancellation-in-workflow" className="topic-card">
+      <div className="topic-title">How to handle a Cancellation request within a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#handle-cancellation-in-an-activity" className="topic-card">
+      <div className="topic-title">How to set an Activity Heartbeat Timeout</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#handle-cancellation-in-an-activity" className="topic-card">
+      <div className="topic-title">How to listen for and handle a Cancellation request within an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#request-cancellation" className="topic-card">
+      <div className="topic-title">How to send a Cancellation request from a Temporal Client</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Handle Cancellation in Workflow {#handle-cancellation-in-workflow}
 
diff --git a/docs/develop/go/child-workflows.mdx b/docs/develop/go/child-workflows.mdx
index f6c4952d26..85cd344fff 100644
--- a/docs/develop/go/child-workflows.mdx
+++ b/docs/develop/go/child-workflows.mdx
@@ -13,10 +13,23 @@ tags:
 description: Learn how to use the Go SDK to start a Child Workflow Execution and set a Parent Close Policy, including details on Workflow Options and future management.
 ---
 
-This page shows how to do the following:
-
-- [Start a Child Workflow Execution](#child-workflows)
-- [Set a Parent Close Policy](#parent-close-policy)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#child-workflows" className="topic-card">
+      <div className="topic-title">Start a Child Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#parent-close-policy" className="topic-card">
+      <div className="topic-title">Set a Parent Close Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#child-workflows" className="topic-card">
+      <div className="topic-title">Async Child Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Start a Child Workflow Execution {#child-workflows}
 
diff --git a/docs/develop/go/continue-as-new.mdx b/docs/develop/go/continue-as-new.mdx
index 06b37aa3b8..03df6dc356 100644
--- a/docs/develop/go/continue-as-new.mdx
+++ b/docs/develop/go/continue-as-new.mdx
@@ -17,12 +17,27 @@ tags:
   - Temporal SDKs
 ---
 
-This page answers the following questions for Go developers:
-
-- [What is Continue-As-New?](#what)
-- [How to Continue-As-New?](#how)
-- [When is it right to Continue-as-New?](#when)
-- [How to test Continue-as-New?](#how-to-test)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#what" className="topic-card">
+      <div className="topic-title">What is Continue-As-New?</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#how" className="topic-card">
+      <div className="topic-title">How to Continue-As-New?</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#when" className="topic-card">
+      <div className="topic-title">When is it right to Continue-as-New?</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#how-to-test" className="topic-card">
+      <div className="topic-title">How to test Continue-as-New?</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## What is Continue-As-New? {#what}
 
diff --git a/docs/develop/go/converters-and-encryption.mdx b/docs/develop/go/converters-and-encryption.mdx
index 6393330925..000503b4d6 100644
--- a/docs/develop/go/converters-and-encryption.mdx
+++ b/docs/develop/go/converters-and-encryption.mdx
@@ -20,6 +20,24 @@ tags:
 
 import { CaptionedImage } from '@site/src/components';
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#custom-payload-codec" className="topic-card">
+      <div className="topic-title">Custom Payload Codec</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-payload-conversion" className="topic-card">
+      <div className="topic-title">Custom Payload conversion</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-payload-converter" className="topic-card">
+      <div className="topic-title">Custom Payload Converter</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 Temporal's security model is designed around client-side encryption of Payloads.
 A client may encrypt Payloads before sending them to the server, and decrypt them after receiving them from the server.
 This provides a high degree of confidentiality because the Temporal Server itself has absolutely no knowledge of the actual data.
diff --git a/docs/develop/go/core-application.mdx b/docs/develop/go/core-application.mdx
index 2c42b70b1d..07d9ac4a75 100644
--- a/docs/develop/go/core-application.mdx
+++ b/docs/develop/go/core-application.mdx
@@ -48,14 +48,35 @@ description: The Foundations section of the Temporal Developer's guide introduce
 
 The Foundations section of the Temporal Developer's guide covers the minimum set of concepts and implementation details needed to build and run a [Temporal Application](/temporal#temporal-application)—that is, all the relevant steps to start a [Workflow Execution](#develop-workflows) that executes an [Activity](#activity-definition).
 
-In this section you can find the following:
-
-- [Run a development Temporal Service](#run-a-development-server)
-- [Develop a Workflow](#develop-workflows)
-- [Develop an Activity](#activity-definition)
-- [Start an Activity Execution](#activity-execution)
-- [Run a dev Worker](#develop-worker)
-- [Run a Temporal Cloud Worker](#run-a-temporal-cloud-worker)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#run-a-development-server" className="topic-card">
+      <div className="topic-title">Run a development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-workflows" className="topic-card">
+      <div className="topic-title">Develop a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-definition" className="topic-card">
+      <div className="topic-title">Develop an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-execution" className="topic-card">
+      <div className="topic-title">Start an Activity Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-worker" className="topic-card">
+      <div className="topic-title">Run a dev Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-temporal-cloud-worker" className="topic-card">
+      <div className="topic-title">Run a Temporal Cloud Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to install the Temporal CLI and run a development server {#run-a-development-server}
 
diff --git a/docs/develop/go/debugging.mdx b/docs/develop/go/debugging.mdx
index 1d620ace79..61671174bf 100644
--- a/docs/develop/go/debugging.mdx
+++ b/docs/develop/go/debugging.mdx
@@ -23,6 +23,24 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#debug-in-a-development-environment" className="topic-card">
+      <div className="topic-title">Debug in a development environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#debug-in-a-production-environment" className="topic-card">
+      <div className="topic-title">Debug in a production environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#testing-and-debugging" className="topic-card">
+      <div className="topic-title">Test Workflow Definitions in Go</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 You can use a debugger tool provided by your favorite IDE to debug your Workflow Definitions prior to testing or executing them.
 
 The Temporal Go SDK includes deadlock detection which fails a Workflow Task in case the code blocks over a second without relinquishing execution control.
diff --git a/docs/develop/go/failure-detection.mdx b/docs/develop/go/failure-detection.mdx
index 621710d753..d2c7fe2263 100644
--- a/docs/develop/go/failure-detection.mdx
+++ b/docs/develop/go/failure-detection.mdx
@@ -15,12 +15,27 @@ tags:
 description: Configure Workflow timeouts, set Retry Policies, and manage Activity timeouts and Heartbeats using Temporal's Go SDK for optimized execution control.
 ---
 
-This page shows how to do the following:
-
-- [Set Workflow timeouts](#workflow-timeouts)
-- [Set a Workflow Retry Policy](#workflow-retries)
-- [Set Activity timeouts](#activity-timeouts)
-- [Set a custom Activity Retry Policy](#activity-retries)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Set Workflow timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-retries" className="topic-card">
+      <div className="topic-title">Set a Workflow Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Set Activity timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-retries" className="topic-card">
+      <div className="topic-title">Set a custom Activity Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Workflow timeouts {#workflow-timeouts}
 
diff --git a/docs/develop/go/index.mdx b/docs/develop/go/index.mdx
index 15fbfa295b..e90c02b55a 100644
--- a/docs/develop/go/index.mdx
+++ b/docs/develop/go/index.mdx
@@ -15,171 +15,271 @@ import * as Components from '@site/src/components';
 
 ![Go SDK Banner](/img/assets/banner-go-temporal.png)
 
-:::info GO SPECIFIC RESOURCES
-Build Temporal Applications with the Go SDK.
-
-**Temporal Go Technical Resources:**
-
-- [Go API Documentation](https://pkg.go.dev/go.temporal.io/sdk)
-- [Go SDK Code Samples](https://github.com/temporalio/samples-go)
-- [Go SDK GitHub](https://github.com/temporalio/sdk-go)
-- [Temporal 101 in Go Free Course](https://learn.temporal.io/courses/temporal_101/go/)
-
-**Get Connected with the Temporal Go Community:**
-
-- [Temporal Go Community Slack](https://temporalio.slack.com/archives/CTDTU3J4T)
-- [Go SDK Forum](https://community.temporal.io/tag/go-sdk)
-  :::
-
-## [Core Application](/develop/go/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [How to develop a basic Workflow](/develop/go/core-application#develop-workflows)
-- [How to develop an Activity Definition in Go](/develop/go/core-application#activity-definition)
-- [How to start an Activity Execution](/develop/go/core-application#activity-execution)
-- [How to develop a Worker in Go](/develop/go/core-application#develop-worker)
-- [How to run a Temporal Cloud Worker](/develop/go/core-application#run-a-temporal-cloud-worker)
-
-## [Temporal Client](/develop/go/temporal-clients)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [Connect to development Temporal Service](/develop/go/temporal-clients#connect-to-development-service)
-- [Connect to Temporal Cloud](/develop/go/temporal-clients#connect-to-temporal-cloud)
-- [Start Workflow Execution](/develop/go/temporal-clients#start-workflow-execution)
-- [How to start a Workflow Execution](/develop/go/temporal-clients#start-workflow-execution)
-
-## [Multithreading](/develop/go/go-sdk-multithreading)
-
-Safely use multithreading with the Go SDK.
-
-## [Testing](/develop/go/testing-suite)
-
-Set up the testing suite and test Workflows and Activities.
-
-- [Test frameworks](/develop/go/testing-suite#test-frameworks)
-- [Test setup](/develop/go/testing-suite#test-setup)
-- [Testing Activities](/develop/go/testing-suite#test-activities)
-- [Mock and override Activities](/develop/go/testing-suite#mock-and-override-activities)
-- [Testing Workflows](/develop/go/testing-suite#test-workflows)
-- [How to Replay a Workflow Execution](/develop/go/testing-suite#replay)
-
-## [Failure detection feature guide](/develop/go/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow timeouts](/develop/go/failure-detection#workflow-timeouts)
-- [How to set Activity timeouts](/develop/go/failure-detection#activity-timeouts)
-- [How to Heartbeat an Activity](/develop/go/failure-detection#activity-heartbeats)
-
-## [Workflow message passing](/develop/go/message-passing)
-
-Send messages to and read the state of Workflow Executions.
-
-- [How to develop with Signals](/develop/go/message-passing#signals)
-- [How to develop with Queries](/develop/go/message-passing#queries)
-- [How to develop with Updates](/develop/go/message-passing#updates)
-
-## [Interrupt a Workflow feature guide](/develop/go/cancellation)
-
-Interrupt a Workflow Execution with a Cancel or Terminate action.
-
-- [Handle a Workflow Cancellation Request](/develop/go/cancellation#handle-cancellation-in-workflow): Interrupt a Workflow Execution and its Activities through Workflow cancellation.
-- [Request Cancellation](/develop/go/cancellation#request-cancellation)
-
-## [Asynchronous Activity completion](/develop/go/asynchronous-activity-completion)
-
-Complete Activities asynchronously.
-
-- [How to asynchronously complete an Activity](/develop/go/asynchronous-activity-completion)
-
-## [Versioning](/develop/go/versioning)
-
-Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [Temporal Go SDK Patching APIs](/develop/go/versioning#patching)
-- [Sanity checking](/develop/go/versioning#sanity-checking)
-- [How to use Worker Versioning in Go](/develop/go/versioning#worker-versioning)
-
-## [Observability](/develop/go/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [How to emit metrics](/develop/go/observability#metrics)
-- [Tracing and Context Propagation](/develop/go/observability#tracing-and-context-propogation)
-- [How to log from a Workflow](/develop/go/observability#logging)
-- [How to use Visibility APIs](/develop/go/observability#visibility)
-
-## [Debugging](/develop/go/debugging)
-
-Explore various ways to debug your application.
-
-- [How to debug in a development environment](/develop/go/debugging#debug-in-a-development-environment)
-- [How to debug in a production environment](/develop/go/debugging#debug-in-a-production-environment)
-- [How to test Workflow Definitions in Go](/develop/go/debugging#testing-and-debugging)
-
-## [Schedules](/develop/go/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [How to Schedule a Workflow](/develop/go/schedules#schedule-a-workflow)
-- [How to use Temporal Cron Jobs](/develop/go/schedules#temporal-cron-jobs)
-
-## [Data encryption](/develop/go/converters-and-encryption)
-
-Use compression, encryption, and other data handling by implementing custom converters and codecs.
-
-- [How to use a custom Payload Codec in Go](/develop/go/converters-and-encryption#custom-payload-codec)
-- [How to use custom payload conversion](/develop/go/converters-and-encryption#custom-payload-conversion)
-- [How to use a custom Payload Converter in Go](/develop/go/converters-and-encryption#custom-payload-converter)
-
-## Temporal Nexus
-
-The [Temporal Nexus](/develop/go/nexus) feature guide shows how to use Temporal Nexus to connect durable executions within and across Namespaces using a Nexus Endpoint, a Nexus Service contract, and Nexus Operations.
-
-- [Create a Nexus Endpoint to route requests from caller to handler](/develop/go/nexus#create-nexus-endpoint)
-- [Define the Nexus Service contract](/develop/go/nexus#define-nexus-service-contract)
-- [Develop a Nexus Service and Operation handlers](/develop/go/nexus#develop-nexus-service-operation-handlers)
-- [Develop a caller Workflow that uses a Nexus Service](/develop/go/nexus#develop-caller-workflow-nexus-service)
-- [Make Nexus calls across Namespaces with a dev Server](/develop/go/nexus#nexus-calls-across-namespaces-dev-server)
-- [Make Nexus calls across Namespaces in Temporal Cloud](/develop/go/nexus#nexus-calls-across-namespaces-temporal-cloud)
-
-## [Durable Timers](/develop/go/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [Set a Timer](/develop/go/timers)
-
-## [Child Workflows](/develop/go/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [How to start a Child Workflow Execution](/develop/go/child-workflows#child-workflows)
-
-## [Continue-As-New](/develop/go/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [How to Continue-As-New](/develop/go/continue-as-new)
-
-## [Worker Sessions](/develop/go/sessions)
-
-Use Worker Session APIs.
-
-- [Enable Sessions for a Worker](/develop/go/sessions#enable-sessions)
-- [Change the maximum concurrent Sessions of a Worker](/develop/go/sessions#max-concurrent-sessions)
-- [Create a Worker Session](/develop/go/sessions#create-a-session)
-
-## [Side Effects](/develop/go/side-effects)
-
-Use Side Effects in Workflows.
-
-- [Side Effects](/develop/go/side-effects)
-
-## [Manage Namespaces](/develop/go/namespaces)
-
-Create and manage Namespaces.
-
-- [Register Namespaces](/develop/go/namespaces#register-namespace)
-- [Manage Namespaces](/develop/go/namespaces#manage-namespaces)
+<div className="resources-card">
+  <h2>Go SDK resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://pkg.go.dev/go.temporal.io/sdk">Go API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-go">Go SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-go">Go SDK GitHub</a></li>
+        <li><a href="https://learn.temporal.io/courses/temporal_101/go/">Temporal 101 in Go Free Course</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://temporalio.slack.com/archives/CTDTU3J4T">Temporal Go Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/go-sdk">Go SDK Forum</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h2><a href="/develop/go/core-application">Core Application</a></h2>
+    <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/temporal-clients">Temporal Client</a></h2>
+    <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/testing-suite">Testing</a></h2>
+    <p>Set up the testing suite and test Workflows and Activities.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/failure-detection">Failure Detection</a></h2>
+    <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/message-passing">Message Passing</a></h2>
+    <p>Send messages to and read the state of Workflow Executions.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/cancellation">Workflow Interruption</a></h2>
+    <p>Interrupt a Workflow Execution with a Cancel or Terminate action.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/versioning">Versioning</a></h2>
+    <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/observability">Observability</a></h2>
+    <p>Configure and use the Temporal Observability APIs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/debugging">Debugging</a></h2>
+    <p>Explore various ways to debug your application.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/schedules">Schedules</a></h2>
+    <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/converters-and-encryption">Data Encryption</a></h2>
+    <p>Use compression, encryption, and other data handling by implementing custom converters and codecs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/nexus">Temporal Nexus</a></h2>
+    <p>Use Temporal Nexus to connect durable executions within and across Namespaces.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/timers">Durable Timers</a></h2>
+    <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/child-workflows">Child Workflows</a></h2>
+    <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/continue-as-new">Continue-As-New</a></h2>
+    <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/sessions">Worker Sessions</a></h2>
+    <p>Use Worker Session APIs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/side-effects">Side Effects</a></h2>
+    <p>Use Side Effects in Workflows.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/go/namespaces">Manage Namespaces</a></h2>
+    <p>Create and manage Namespaces.</p>
+</div>
+</div>
+
+<style>
+{`
+  .resources-card {
+    background: var(--ifm-color-emphasis-100);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 0;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .resources-card h2 {
+    margin-top: 0;
+    color: var(--ifm-color-emphasis-800);
+  }
+
+  .resources-content {
+    display: flex;
+    gap: 2rem;
+  }
+
+  .resources-section {
+    flex: 1;
+  }
+
+  .resources-section h3 {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  .resources-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .resources-section li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+  }
+
+  .feature-card {
+    background: var(--ifm-color-emphasis-0);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 0;
+    padding: 1.5rem;
+    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .feature-card:hover {
+    border-color: var(--ifm-color-primary);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    transform: translateY(-2px);
+  }
+
+  [data-theme='dark'] .feature-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  [data-theme='dark'] .feature-card:hover {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  }
+
+  .feature-card h2 {
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--ifm-color-emphasis-900);
+  }
+
+  .feature-card h2 a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card h2 a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card p {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.95rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+  }
+
+  .feature-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .feature-card li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-card li a {
+    color: var(--ifm-color-emphasis-800);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-block;
+    position: relative;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card li a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    background-color: var(--ifm-color-primary);
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .resources-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .feature-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  [data-theme='dark'] .resources-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+`}
+</style>
diff --git a/docs/develop/go/message-passing.mdx b/docs/develop/go/message-passing.mdx
index aa9fb98f7a..5df410f805 100644
--- a/docs/develop/go/message-passing.mdx
+++ b/docs/develop/go/message-passing.mdx
@@ -26,6 +26,28 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#handling-messages" className="topic-card">
+      <div className="topic-title">Handle Messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#send-messages" className="topic-card">
+      <div className="topic-title">Send Messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message Handler Patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#troubleshooting" className="topic-card">
+      <div className="topic-title">Troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 A Workflow can act like a stateful web service that receives messages: Queries, Signals, and Updates.
 The Workflow implementation defines these endpoints via handler methods that can react to incoming Queries and Updates, and via Signal channels.
 Temporal Clients use messages to read Workflow state and control its execution.
@@ -248,7 +270,7 @@ log.Println("Supported languages:", supportedLang)
 // ...
 ```
 
-- Sending a Query doesn’t add events to a Workflow's Event History.
+- Sending a Query doesn't add events to a Workflow's Event History.
 
 - You can send Queries to closed Workflow Executions within a Namespace's Workflow retention period.
   This includes Workflows that have completed, failed, or timed out.
@@ -259,7 +281,7 @@ log.Println("Supported languages:", supportedLang)
 ### Send a Signal {#send-signal}
 
 You can send a Signal to a Workflow Execution from a Temporal Client or from another Workflow Execution.
-However, you can only send Signals to Workflow Executions that haven’t closed.
+However, you can only send Signals to Workflow Executions that haven't closed.
 
 #### Send a Signal from a Client {#send-signal-from-client}
 
diff --git a/docs/develop/go/namespaces.mdx b/docs/develop/go/namespaces.mdx
index 2a0520dc84..2ec2d8c899 100644
--- a/docs/develop/go/namespaces.mdx
+++ b/docs/develop/go/namespaces.mdx
@@ -12,10 +12,19 @@ tags:
 description: Register and manage Namespaces in Temporal using CLI or SDK APIs. Isolate Workflow Executions, match development lifecycles, and secure Namespace workflows.
 ---
 
-This page shows how to do the following:
-
-- [Register Namespaces](#register-namespace)
-- [Manage Namespaces](#manage-namespaces)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#register-namespace" className="topic-card">
+      <div className="topic-title">Register Namespaces</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#manage-namespaces" className="topic-card">
+      <div className="topic-title">Manage Namespaces</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 You can create, update, deprecate, or delete your [Namespaces](/namespaces) using either the Temporal CLI or SDK APIs.
 
diff --git a/docs/develop/go/observability.mdx b/docs/develop/go/observability.mdx
index f186ef4533..02e735c574 100644
--- a/docs/develop/go/observability.mdx
+++ b/docs/develop/go/observability.mdx
@@ -28,14 +28,30 @@ tags:
 description: Monitor your Temporal Application state using Metrics, Tracing, Logging, and Visibility features. Emit metrics, configure tracing, use context propagation, customize logging, and use Search Attributes with the Temporal Go SDK for enhanced Workflow Execution insights.
 ---
 
-This page covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
-
-This section covers features related to viewing the state of the application, including:
-
-- [Metrics](#metrics)
-- [Tracing](#tracing-and-context-propogation)
-- [Logging](#logging)
-- [Visibility](#visibility)
+This page covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application).
+That is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
+
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#metrics" className="topic-card">
+      <div className="topic-title">Metrics</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#tracing-and-context-propogation" className="topic-card">
+      <div className="topic-title">Tracing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Logging</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Visibility</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to emit metrics {#metrics}
 
@@ -159,7 +175,7 @@ To propagate context over Nexus Operation calls, the context is serialized into
 This is essentially a wrapper around `map[string]string` with helper methods to `Set` and `Get` values.
 The header normalizes all keys to lowercase.
 
-Because Nexus uses this custom format, and because Nexus calls may involve external systems, the `ContextPropagator` interface doesn’t apply to Nexus headers.
+Because Nexus uses this custom format, and because Nexus calls may involve external systems, the `ContextPropagator` interface doesn't apply to Nexus headers.
 Context must be explicitly propagated through interceptors, as shown in the [Nexus Context Propagation sample](https://github.com/temporalio/samples-go/tree/main/nexus-context-propagation).
 
 ### Useful Resources
diff --git a/docs/develop/go/schedules.mdx b/docs/develop/go/schedules.mdx
index 28b56a85a0..1cd9c3fd8d 100644
--- a/docs/develop/go/schedules.mdx
+++ b/docs/develop/go/schedules.mdx
@@ -13,19 +13,23 @@ tags:
 description: Learn how to schedule Workflows, start them with delays or as Temporal Cron Jobs using the Go SDK. Master scheduling, backfilling, pausing, deleting, and updating Workflows.
 ---
 
-This page shows how to do the following:
-
-- [Scheduled Workflows](#schedule-a-workflow)
-  - [Create a Schedule](#create-schedule)
-  - [Backfill a Schedule](#backfill-schedule)
-  - [Delete a Schedule](#delete-schedule)
-  - [Describe a Schedule](#describe-schedule)
-  - [List Schedules](#list-schedules)
-  - [Pause a Schedule](#pause-schedule)
-  - [Trigger a Schedule](#trigger-schedule)
-  - [Update a Schedule](#update-schedule)
-- [Start delay](#start-delay)
-- [Temporal Cron Jobs](#temporal-cron-jobs)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#schedule-a-workflow" className="topic-card">
+      <div className="topic-title">Scheduled Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Start delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#temporal-cron-jobs" className="topic-card">
+      <div className="topic-title">Temporal Cron Jobs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Scheduled Workflows {#schedule-a-workflow}
 
@@ -72,7 +76,7 @@ func main() {
 
 :::tip Schedule Auto-Deletion
 
-Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won’t fire again.
+Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won't fire again.
 The Temporal Service doesn't guarantee when this removal will happen.
 
 :::
diff --git a/docs/develop/go/selectors.mdx b/docs/develop/go/selectors.mdx
index 02630c51d0..189bd5a003 100644
--- a/docs/develop/go/selectors.mdx
+++ b/docs/develop/go/selectors.mdx
@@ -10,14 +10,34 @@ tags:
   - Workflows
   - Go SDK
   - Temporal SDKs
-description: Learn how to use Temporal’s Go SDK Selectors with Futures, Timers, and Channels. Ensure deterministic Workflow execution and handle multiple parallel tasks efficiently.
+description: Learn how to use Temporal's Go SDK Selectors with Futures, Timers, and Channels. Ensure deterministic Workflow execution and handle multiple parallel tasks efficiently.
 ---
 
-This page shows how to do the following:
-
-- [Use Selectors with Futures](#use-selectors-with-futures)
-- [Use Selectors with Timers](#use-selectors-with-timers)
-- [Use Selectors with Channels](#use-selectors-with-channels)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#api-example" className="topic-card">
+      <div className="topic-title">Full API example</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#use-selectors-with-futures" className="topic-card">
+      <div className="topic-title">Use Selectors with Futures</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#use-selectors-with-timers" className="topic-card">
+      <div className="topic-title">Use Selectors with Timers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#use-selectors-with-channels" className="topic-card">
+      <div className="topic-title">Use Selectors with Channels</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#query-selector-state" className="topic-card">
+      <div className="topic-title">Query Selector state</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 In Go, the `select` statement lets a goroutine wait on multiple communication operations.
 A `select` **blocks until one of its cases can run**, then it executes that case.
diff --git a/docs/develop/go/sessions.mdx b/docs/develop/go/sessions.mdx
index e4e217a53f..8309ab9dc0 100644
--- a/docs/develop/go/sessions.mdx
+++ b/docs/develop/go/sessions.mdx
@@ -12,12 +12,6 @@ tags:
 description: Learn how to enable Worker Sessions, change concurrent Sessions, and create Session Workers using the Go SDK for precise Task Routing, ensuring efficient Activity Tasks execution.
 ---
 
-This page shows how to do the following:
-
-- [Enable Worker Sessions](#enable-sessions)
-- [Change the maximum concurrent Sessions of a Worker](#max-concurrent-sessions)
-- [Create a Worker Session](#create-a-session)
-
 :::tip Support, stability, and dependency info
 
 - This feature is currently available only in the Go SDK.
@@ -26,6 +20,28 @@ This page shows how to do the following:
 
 A Worker Session is a feature that provides a straightforward API for [Task Routing](/task-routing) to ensure that Activity Tasks are executed with the same Worker without requiring you to manually specify Task Queue names.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#enable-sessions" className="topic-card">
+      <div className="topic-title">Enable Worker Sessions</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#max-concurrent-sessions" className="topic-card">
+      <div className="topic-title">Change the maximum concurrent Sessions of a Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#create-a-session" className="topic-card">
+      <div className="topic-title">Create a Worker Session</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#session-metadata" className="topic-card">
+      <div className="topic-title">Additional Session usage information</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Enable Worker Sessions {#enable-sessions}
 
 **How to enable Worker Sessions using the Go SDK.**
diff --git a/docs/develop/go/set-up-your-local-go.mdx b/docs/develop/go/set-up-your-local-go.mdx
new file mode 100644
index 0000000000..8e54ffbb71
--- /dev/null
+++ b/docs/develop/go/set-up-your-local-go.mdx
@@ -0,0 +1,116 @@
+---
+id: set-up-your-local-go
+sidebar_label: Setup
+title: Setup
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+# Setup
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <CodeSnippet language="bash">
+    go version
+    </CodeSnippet>
+    <CodeSnippet language="bash">
+    go version go1.18.1 darwin/amd64
+    </CodeSnippet>
+  </>
+}>
+## Install Go
+
+Make sure you have Go installed. These tutorials were produced using Go 1.18. Check your version of Go with the following command:
+
+This will return your installed Go version.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+mkdir goproject
+</CodeSnippet>
+<CodeSnippet language="bash">
+cd goproject
+</CodeSnippet>
+<CodeSnippet language="bash">
+go mod init
+</CodeSnippet>
+<CodeSnippet language="bash">
+go get go.temporal.io/sdk
+</CodeSnippet>
+</>
+}>
+
+## Install the Temporal Go SDK
+
+If you are creating a new project using the Temporal Go SDK, you can start by creating a new directory.
+
+Next, switch to the new directory.
+
+Then, initialize a Go project in that directory.
+
+Finally, install the Temporal SDK with `go get`.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Install Temporal CLI on your local machine using the following instructions for your platform.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+<div className="port-info">
+<h4>Change the Web UI port</h4>
+<p>The Temporal Web UI may be on a different port in some examples or tutorials. To change the port for the Web UI, use the <code>--ui-port</code> option when starting the server:</p>
+<CodeSnippet language="bash">
+temporal server start-dev --ui-port 8080
+</CodeSnippet>
+<p>The Temporal Web UI will now be available at http://localhost:8080.</p>
+</div>
+<style>
+{`.port-info { background: rgba(68, 76, 231, 0.1); border: 1px solid rgba(68, 76, 231, 0.2); border-radius: 0.75rem; padding: 1.5rem; margin: 1.5rem 0; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } [data-theme='dark'] .port-info { background: rgba(68, 76, 231, 0.15); border-color: rgba(68, 76, 231, 0.3); } .port-info h4 { margin-top: 0; margin-bottom: 1rem; color: var(--ifm-color-emphasis-900); font-weight: 600; } .port-info p { margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; color: var(--ifm-color-emphasis-800); } .port-info p:last-child { margin-bottom: 0; } .port-info code { background: rgba(255, 255, 255, 0.5); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; } [data-theme='dark'] .port-info code { background: rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .port-info { padding: 1.25rem; } }`}
+</style>
+<CodeSnippet language="bash">
+temporal server start-dev --db-filename your_temporal.db
+</CodeSnippet>
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespaces, and uses an in-memory database.
+
+The Temporal Service will be available on <b>localhost:7233</b>.
+The Temporal Web UI will be available at <b>http://localhost:8233</b>.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+The <code>temporal server start-dev</code> command uses an in-memory database, so stopping the server will erase all your Workflows and all your Task Queues. If you want to retain those between runs, start the server and specify a database filename using the <code>--db-filename</code> option, like this:
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/go/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal Go SDK</p>
+</CallToAction>
diff --git a/docs/develop/go/temporal-client.mdx b/docs/develop/go/temporal-client.mdx
index d54bdfbc80..ca082de585 100644
--- a/docs/develop/go/temporal-client.mdx
+++ b/docs/develop/go/temporal-client.mdx
@@ -2,7 +2,7 @@
 id: temporal-clients
 title: Temporal Client - Go SDK
 sidebar_label: Temporal Client
-description: Learn how to connect to Temporal Service or Cloud, start Workflow Executions, manage Workflow options, and retrieve Workflow results using the Go SDK. Follow detailed steps and code examples to effectively utilize Temporal’s capabilities.
+description: Learn how to connect to Temporal Service or Cloud, start Workflow Executions, manage Workflow options, and retrieve Workflow results using the Go SDK. Follow detailed steps and code examples to effectively utilize Temporal's capabilities.
 toc_max_heading_level: 4
 keywords:
   - temporal go sdk
@@ -30,12 +30,27 @@ tags:
   - Certificates
 ---
 
-The pages shows how to do the following:
-
-- [Connect to a local development Temporal Service](#connect-to-development-service)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Start a Workflow Execution](#start-workflow-execution)
-- [How to start a Workflow Execution](/develop/go/temporal-clients#start-workflow-execution)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#connect-to-development-service" className="topic-card">
+      <div className="topic-title">Connect to a local development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/develop/go/temporal-clients#start-workflow-execution" className="topic-card">
+      <div className="topic-title">How to start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Connect to development Temporal Service {#connect-to-development-service}
 
diff --git a/docs/develop/go/temporal-nexus.mdx b/docs/develop/go/temporal-nexus.mdx
index 9e40556548..83807426cb 100644
--- a/docs/develop/go/temporal-nexus.mdx
+++ b/docs/develop/go/temporal-nexus.mdx
@@ -24,16 +24,43 @@ Temporal Go SDK support for Nexus is now [Generally Available](/evaluate/develop
 
 Use [Temporal Nexus](/evaluate/nexus) to connect Temporal Applications within and across Namespaces using a Nexus Endpoint, a Nexus Service contract, and Nexus Operations.
 
-This page shows how to do the following:
-
-- [Run a development Temporal Service with Nexus enabled](#run-the-temporal-nexus-development-server)
-- [Create caller and handler Namespaces](#create-caller-handler-namespaces)
-- [Create a Nexus Endpoint to route requests from caller to handler](#create-nexus-endpoint)
-- [Define the Nexus Service contract](#define-nexus-service-contract)
-- [Develop a Nexus Service and Operation handlers](#develop-nexus-service-operation-handlers)
-- [Develop a caller Workflow that uses a Nexus Service](#develop-caller-workflow-nexus-service)
-- [Make Nexus calls across Namespaces with a development Server](#nexus-calls-across-namespaces-dev-server)
-- [Make Nexus calls across Namespaces in Temporal Cloud](#nexus-calls-across-namespaces-temporal-cloud)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#run-the-temporal-nexus-development-server" className="topic-card">
+      <div className="topic-title">Run a development Temporal Service with Nexus enabled</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#create-caller-handler-namespaces" className="topic-card">
+      <div className="topic-title">Create caller and handler Namespaces</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#create-nexus-endpoint" className="topic-card">
+      <div className="topic-title">Create a Nexus Endpoint to route requests from caller to handler</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#define-nexus-service-contract" className="topic-card">
+      <div className="topic-title">Define the Nexus Service contract</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-nexus-service-operation-handlers" className="topic-card">
+      <div className="topic-title">Develop a Nexus Service and Operation handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-caller-workflow-nexus-service" className="topic-card">
+      <div className="topic-title">Develop a caller Workflow that uses a Nexus Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#nexus-calls-across-namespaces-dev-server" className="topic-card">
+      <div className="topic-title">Make Nexus calls across Namespaces with a development Server</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#nexus-calls-across-namespaces-temporal-cloud" className="topic-card">
+      <div className="topic-title">Make Nexus calls across Namespaces in Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Run a development server with Nexus enabled {#run-the-temporal-nexus-development-server}
 
diff --git a/docs/develop/go/test-suites.mdx b/docs/develop/go/test-suites.mdx
index 6ff810884d..c9562f19a6 100644
--- a/docs/develop/go/test-suites.mdx
+++ b/docs/develop/go/test-suites.mdx
@@ -22,6 +22,36 @@ tags:
 description: The Testing section of the Temporal Application development guide details frameworks for Workflow and integration testing. Learn to create end-to-end, integration, unit tests, and more for Workflows and Activities. Each test runs in an isolated environment, ensuring accurate and reliable testing. Discover how to mock and override Activities, test
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-setup" className="topic-card">
+      <div className="topic-title">Test setup</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Testing Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#mock-and-override-activities" className="topic-card">
+      <div className="topic-title">Mock and override Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#mock-and-override-nexus-operations" className="topic-card">
+      <div className="topic-title">Mock and override Nexus operations</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay" className="topic-card">
+      <div className="topic-title">How to Replay a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 The Testing section of the Temporal Application development guide describes the frameworks that facilitate Workflow and integration testing.
 
 In the context of Temporal, you can create these types of automated tests:
diff --git a/docs/develop/go/versioning.mdx b/docs/develop/go/versioning.mdx
index 76d3e4c56f..835c9e92f8 100644
--- a/docs/develop/go/versioning.mdx
+++ b/docs/develop/go/versioning.mdx
@@ -19,10 +19,25 @@ tags:
 ---
 
 The Temporal Platform requires that Workflow code is [deterministic](/workflow-definition#deterministic-constraints).
-Because of that requirement, the Temporal Go SDK offers two dedicated versioning features.
-
-- [Workflow Patching APIs](#patching)
-- [Worker Versioning](#worker-versioning)
+Because of that requirement, the Temporal Go SDK offers two dedicated versioning features: Workflow Patching APIs and Worker Versioning.
+
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#patching" className="topic-card">
+      <div className="topic-title">Workflow Patching APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#worker-versioning" className="topic-card">
+      <div className="topic-title">Worker Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#sanity-checking" className="topic-card">
+      <div className="topic-title">Sanity checking</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Temporal Go SDK Patching APIs {#patching}
 
diff --git a/docs/develop/index.mdx b/docs/develop/index.mdx
index 8947eee62e..2818f4aab9 100644
--- a/docs/develop/index.mdx
+++ b/docs/develop/index.mdx
@@ -5,16 +5,202 @@ description: Discover comprehensive Temporal SDK feature guides and API referenc
 sidebar_label: Development
 ---
 
-import { SdkLogos } from '@site/src/components';
+import { SdkLogos } from '@site/src/components/elements/SdkLogos';
 
-The Temporal SDK developer guides provide a comprehensive overview of the structures, primitives, and features used in [Temporal Application](/temporal#temporal-application) development.
+## 100% Open Source
 
-<SdkLogos />
+Temporal SDKs provide the foundation for building reliable distributed applications. Each SDK is designed to help you implement durable Workflows, Activities, and Workers with native language support and comprehensive tooling.
 
-- Go SDK [developer guide](/develop/go) and [API reference](http://t.mp/go-api)
-- Java SDK [developer guide](/develop/java) and [API reference](http://t.mp/java-api)
-- PHP SDK [developer guide](/develop/php) and [API reference](https://php.temporal.io/namespaces/temporal.html)
-- Python SDK [developer guide](/develop/python) and [API reference](https://python.temporal.io)
-- TypeScript SDK [developer guide](/develop/typescript) and [API reference](https://typescript.temporal.io)
-- .NET SDK [developer guide](/develop/dotnet) and [API reference](https://dotnet.temporal.io/)
-- Ruby SDK [README](https://github.com/temporalio/sdk-ruby) and [API reference](https://ruby.temporal.io/)
+<div className="sdk-section">
+  <div className="sdk-container">
+    <div className="sdk-grid">
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>Go SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/go.svg" alt="Go SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="http://t.mp/go-api">API Reference</a>
+          <a href="/develop/go">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>Java SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/java.svg" alt="Java SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="http://t.mp/java-api">API Reference</a>
+          <a href="/develop/java">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>TypeScript SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/typescript.svg" alt="TypeScript SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="https://typescript.temporal.io">API Reference</a>
+          <a href="/develop/typescript">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>Python SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/python.svg" alt="Python SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="https://python.temporal.io">API Reference</a>
+          <a href="/develop/python">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>PHP SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/php.svg" alt="PHP SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="https://php.temporal.io/namespaces/temporal.html">API Reference</a>
+          <a href="/develop/php">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>.NET SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/dotnet.svg" alt=".NET SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="https://dotnet.temporal.io/">API Reference</a>
+          <a href="/develop/dotnet">Developer Guide</a>
+        </div>
+      </div>
+      <div className="dev-sdk-card">
+        <div className="dev-sdk-card-header">
+          <h2>Ruby SDK</h2>
+          <img src="/img/sdks/svgs/sdk-box-logos/ruby.png" alt="Ruby SDK" />
+        </div>
+        <div className="dev-sdk-card-links">
+          <a href="https://www.rubydoc.info/gems/temporalio">API Reference</a>
+          <a href="https://github.com/temporalio/sdk-ruby#readme">Developer Guide</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+{`
+  .sdk-section {
+    margin: 2rem 0;
+  }
+
+  .sdk-container {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+
+  .sdk-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    gap: 1rem;
+  }
+
+  .dev-sdk-card {
+    background: var(--ifm-background-surface-color);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 0;
+    padding: 1.25rem;
+    min-height: 200px;
+    position: relative;
+    display: block;
+  }
+
+  [data-theme='light'] .dev-sdk-card {
+    border: 1px solid var(--ifm-color-emphasis-300);
+  }
+
+  .dev-sdk-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 0.75rem;
+    gap: 1rem;
+  }
+
+  .dev-sdk-card-header h2 {
+    margin: 0;
+    font-size: 1.75rem;
+    font-weight: 300;
+    color: var(--ifm-color-emphasis-900);
+    line-height: 1;
+    flex: 1;
+  }
+
+  .dev-sdk-card-header img {
+    width: 48px;
+    height: 48px;
+    flex-shrink: 0;
+  }
+
+  .dev-sdk-card-links {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    position: absolute;
+    bottom: 0;
+    left: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .dev-sdk-card-links a {
+    color: #CACBF9;
+    text-decoration: none;
+    font-size: 1rem;
+    font-family: var(--ifm-font-family-base);
+    line-height: 1;
+    transition: color 0.15s ease;
+    position: relative;
+  }
+
+  [data-theme='light'] .dev-sdk-card-links a {
+    color: var(--ifm-color-primary);
+  }
+
+  .dev-sdk-card-links a:hover {
+    color: #FFFFFF;
+  }
+
+  [data-theme='light'] .dev-sdk-card-links a:hover {
+    color: var(--ifm-color-primary-darker);
+  }
+
+  .dev-sdk-card-links a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -2px;
+    left: 0;
+    background-color: #FFFFFF;
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.15s ease;
+  }
+
+  [data-theme='light'] .dev-sdk-card-links a::after {
+    background-color: var(--ifm-color-primary-darker);
+  }
+
+  .dev-sdk-card-links a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .sdk-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+`}
+</style>
diff --git a/docs/develop/java/child-workflows.mdx b/docs/develop/java/child-workflows.mdx
index a2eebdb94e..02d1f50a1e 100644
--- a/docs/develop/java/child-workflows.mdx
+++ b/docs/develop/java/child-workflows.mdx
@@ -13,10 +13,19 @@ tags:
 description: Learn how to start a Child Workflow Execution and set a Parent Close Policy using the Java SDK. Manage Child Workflow Events and ensure successful execution.
 ---
 
-This page shows how to do the following:
-
-- [Start a Child Workflow Execution](#start-child-workflow)
-- [Set a Parent Close Policy](#parent-close-policy)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#start-child-workflow" className="topic-card">
+      <div className="topic-title">Start a Child Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#parent-close-policy" className="topic-card">
+      <div className="topic-title">Set a Parent Close Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Start a Child Workflow Execution {#start-child-workflow}
 
diff --git a/docs/develop/java/core-application.mdx b/docs/develop/java/core-application.mdx
index c982417b2b..85dfbe4201 100644
--- a/docs/develop/java/core-application.mdx
+++ b/docs/develop/java/core-application.mdx
@@ -2,18 +2,15 @@
 id: core-application
 title: Core application - Java SDK
 sidebar_label: Core application
-description: Learn how to create a Workflow Definition, develop a basic Activity, initiate Activity Execution, and run a Development Worker using the Temporal Java SDK. Master essential concepts such as Workflow interface annotations, Activity definitions, custom Activity Types, and asynchronous Activity invocations to build robust and scalable Temporal applications.
 toc_max_heading_level: 4
 keywords:
-  - Java
-  - api reference
-  - cli
-  - cli-feature
-  - code samples
-  - java
-  - options
-  - workers
+  - java sdk
+  - temporal sdk
+  - core application
   - workflow
+  - activity
+  - worker
+description: The Foundations section of the Temporal Developer's guide introduces essential concepts for building and running a Temporal Application using the Java SDK.
 tags:
   - Activities
   - Temporal Client
@@ -24,12 +21,27 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Develop a Workflow Definition](#develop-workflows)
-- [Develop a basic Activity](#develop-activities)
-- [Start an Activity Execution](#activity-execution)
-- [Run a Development Worker](#run-a-dev-worker)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#develop-workflows" className="topic-card">
+      <div className="topic-title">Develop a Workflow Definition</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-activities" className="topic-card">
+      <div className="topic-title">Develop a basic Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-execution" className="topic-card">
+      <div className="topic-title">Start an Activity Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-dev-worker" className="topic-card">
+      <div className="topic-title">Run a Development Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Develop a Workflow Definition {#develop-workflows}
 
diff --git a/docs/develop/java/debugging.mdx b/docs/develop/java/debugging.mdx
index 19164777a6..7c5559c3fc 100644
--- a/docs/develop/java/debugging.mdx
+++ b/docs/develop/java/debugging.mdx
@@ -22,6 +22,20 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#debug-in-a-development-environment" className="topic-card">
+      <div className="topic-title">Debug in a development environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#debug-in-a-production-environment" className="topic-card">
+      <div className="topic-title">Debug in a production environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 In addition to writing unit and integration tests, debugging your Workflows is also a very valuable testing tool.
 You can debug your Workflow code using a debugger provided by your favorite Java IDE.
 
diff --git a/docs/develop/java/failure-detection.mdx b/docs/develop/java/failure-detection.mdx
index e067f761bb..ba2d4fc766 100644
--- a/docs/develop/java/failure-detection.mdx
+++ b/docs/develop/java/failure-detection.mdx
@@ -15,14 +15,35 @@ tags:
 description: Learn how to set Workflow and Activity timeouts, Retry Policies, and Heartbeat in Java using the Temporal Client and Worker for Workflow optimization and execution controls.
 ---
 
-This page shows how to do the following:
-
-- [Set Workflow timeouts](#workflow-timeouts)
-- [Set a Workflow Retry Policy](#workflow-retries)
-- [Set Activity timeouts](#activity-timeouts)
-- [Set a custom Activity Retry Policy](#activity-retries)
-- [Heartbeat an Activity](#activity-heartbeats)
-- [Set a Heartbeat Timeout](#heartbeat-timeout)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Set Workflow timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-retries" className="topic-card">
+      <div className="topic-title">Set a Workflow Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Set Activity timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-retries" className="topic-card">
+      <div className="topic-title">Set a custom Activity Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeats" className="topic-card">
+      <div className="topic-title">Heartbeat an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#heartbeat-timeout" className="topic-card">
+      <div className="topic-title">Set a Heartbeat Timeout</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Workflow timeouts {#workflow-timeouts}
 
diff --git a/docs/develop/java/index.mdx b/docs/develop/java/index.mdx
index 21f85f88f1..d8b0bee315 100644
--- a/docs/develop/java/index.mdx
+++ b/docs/develop/java/index.mdx
@@ -15,148 +15,243 @@ import * as Components from '@site/src/components';
 
 ![Java SDK Banner](/img/assets/banner-java-temporal.png)
 
-:::info JAVA SPECIFIC RESOURCES
-Build Temporal Applications with the Java SDK.
-
-**Temporal Java Technical Resources:**
-
-- [Java API Documentation](https://javadoc.io/doc/io.temporal/temporal-sdk)
-- [Java SDK Code Samples](https://github.com/temporalio/samples-java)
-- [Java SDK GitHub](https://github.com/temporalio/sdk-java)
-- [Temporal 101 in Java Free Course](https://learn.temporal.io/courses/temporal_101/java/)
-
-**Get Connected with the Temporal Java Community:**
-
-- [Temporal Java Community Slack](https://temporalio.slack.com/archives/CTT84KXK9)
-- [Java SDK Forum](https://community.temporal.io/tag/java-sdk)
-  :::
-
-## [Core application](/develop/java/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [How to develop a Workflow Definition in Java](/develop/java/core-application#develop-workflows)
-- [How to develop a basic Activity](/develop/java/core-application#develop-activities)
-- [How to start an Activity Execution](/develop/java/core-application#activity-execution)
-- [How to develop a Worker Program in Java](/develop/java/core-application#run-a-dev-worker)
-
-## [Temporal Client](/develop/java/temporal-clients)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [Connect to a development Temporal Service](/develop/java/temporal-clients#connect-to-development-service)
-- [Connect to a custom Namespace](/develop/java/temporal-clients#connect-to-custom-namespace)
-- [Connect to Temporal Cloud](/develop/java/temporal-clients#connect-to-temporal-cloud)
-- [Start a Workflow Execution](/develop/java/temporal-clients#start-workflow-execution)
-
-## [Testing](/develop/java/testing-suite)
-
-Set up the testing suite and test Workflows and Activities.
-
-- [Test frameworks](/develop/java/testing-suite#test-frameworks)
-- [Test Activities](/develop/java/testing-suite#test-activities)
-- [Testing Workflows](/develop/java/testing-suite#test-workflows)
-- [How to Replay a Workflow Execution](/develop/java/testing-suite#replay)
-
-## [Failure detection](/develop/java/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow timeouts](/develop/java/failure-detection#workflow-timeouts)
-- [How to set Activity timeouts](/develop/java/failure-detection#activity-timeouts)
-- [How to Heartbeat an Activity](/develop/java/failure-detection#activity-heartbeats)
-
-## [Workflow message passing](/develop/java/message-passing)
-
-Send messages to and read the state of Workflow Executions.
-
-- [How to develop with Signals](/develop/java/message-passing#signals)
-- [How to develop with Queries](/develop/java/message-passing#queries)
-- [What is a Dynamic Handler?](/develop/java/message-passing#dynamic-handler)
-- [How to develop with Updates](/develop/java/message-passing#updates)
-
-## [Asynchronous Activity completion](/develop/java/asynchronous-activity-completion)
-
-Complete Activities asynchronously.
-
-- [How to asynchronously complete an Activity](/develop/java/asynchronous-activity-completion)
-
-## [Versioning](/develop/java/versioning)
-
-Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [How to patch Workflows in Java](/develop/java/versioning#patching)
-- [How to use Worker Versioning in Java](/develop/java/versioning#worker-versioning)
-
-## [Observability](/develop/java/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [How to emit metrics](/develop/java/observability#metrics)
-- [How to setup Tracing](/develop/java/observability#tracing)
-- [How to log from a Workflow](/develop/java/observability#logging)
-- [How to use Visibility APIs](/develop/java/observability#visibility)
-
-## [Debugging](/develop/java/debugging)
-
-Explore various ways to debug your application.
-
-- [How to debug in a development environment](/develop/java/debugging#debug-in-a-development-environment)
-- [How to debug in a production environment](/develop/java/debugging#debug-in-a-production-environment)
-
-## [Schedules](/develop/java/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [How to Schedule a Workflow](/develop/java/schedules#schedule-a-workflow)
-- [How to set a Cron Schedule in Java](/develop/java/schedules#cron-schedule)
-
-## [Data encryption](/develop/java/converters-and-encryption)
-
-Use compression, encryption, and other data handling by implementing custom converters and codecs.
-
-- [How to use a custom Payload Codec in Java](/develop/java/converters-and-encryption#custom-payload-codec)
-- [How to use custom Payload conversion](/develop/java/converters-and-encryption#custom-payload-conversion)
-
-## Temporal Nexus
-
-The [Temporal Nexus](/develop/java/nexus) feature guide shows how to use Temporal Nexus to connect Durable Executions within and across Namespaces using a Nexus Endpoint, a Nexus Service contract, and Nexus Operations.
-
-- [Create a Nexus Endpoint to route requests from caller to handler](/develop/java/nexus#create-nexus-endpoint)
-- [Define the Nexus Service contract](/develop/java/nexus#define-nexus-service-contract)
-- [Develop a Nexus Service and Operation handlers](/develop/java/nexus#develop-nexus-service-operation-handlers)
-- [Develop a caller Workflow that uses a Nexus Service](/develop/java/nexus#develop-caller-workflow-nexus-service)
-- [Make Nexus calls across Namespaces with a development Server](/develop/java/nexus#nexus-calls-across-namespaces-dev-server)
-- [Make Nexus calls across Namespaces in Temporal Cloud](/develop/java/nexus#nexus-calls-across-namespaces-temporal-cloud)
-
-## [Child Workflows](/develop/java/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [Start a Child Workflow Execution](/develop/java/child-workflows#start-child-workflow)
-- [Set a Parent Close Policy](/develop/java/child-workflows#parent-close-policy)
-
-## [Continue-As-New](/develop/java/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [Continue a Workflow as New](/develop/java/continue-as-new)
-
-## [Durable Timers](/develop/java/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [What is a Timer?](/develop/java/timers#timers)
-
-## [Side Effects](/develop/java/side-effects)
-
-Use Side Effects in Workflows.
-
-- [Side Effects](/develop/java/side-effects#side-effects)
-
-## [Manage Namespaces](/develop/java/namespaces)
-
-Create and manage Namespaces.
-
-- [Create a Namespace](/develop/java/namespaces#register-namespace)
-- [Manage Namespaces](/develop/java/namespaces#manage-namespaces)
+<div className="resources-card">
+  <h2>Java SDK resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://javadoc.io/doc/io.temporal/temporal-sdk">Java API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-java">Java SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-java">Java SDK GitHub</a></li>
+        <li><a href="https://learn.temporal.io/courses/temporal_101/java/">Temporal 101 in Java Free Course</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://temporalio.slack.com/archives/CTT84KXK9">Temporal Java Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/java-sdk">Java SDK Forum</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div className="feature-grid">
+   <div className="feature-card">
+     <h2><a href="/develop/java/core-application">Core Application</a></h2>
+     <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/temporal-clients">Temporal Client</a></h2>
+     <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/testing-suite">Testing</a></h2>
+     <p>Set up the testing suite and test Workflows and Activities.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/failure-detection">Failure Detection</a></h2>
+     <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/message-passing">Workflow Message Passing</a></h2>
+     <p>Send messages to and read the state of Workflow Executions.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/asynchronous-activity-completion">Asynchronous Activity Completion</a></h2>
+     <p>Complete Activities asynchronously.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/versioning">Versioning</a></h2>
+     <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/observability">Observability</a></h2>
+     <p>Configure and use the Temporal Observability APIs.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/debugging">Debugging</a></h2>
+     <p>Explore various ways to debug your application.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/schedules">Schedules</a></h2>
+     <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/converters-and-encryption">Data Encryption</a></h2>
+     <p>Use compression, encryption, and other data handling by implementing custom converters and codecs.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/nexus">Temporal Nexus</a></h2>
+     <p>Use Temporal Nexus to connect Durable Executions within and across Namespaces using a Nexus Endpoint, a Nexus Service contract, and Nexus Operations.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/child-workflows">Child Workflows</a></h2>
+     <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/continue-as-new">Continue-As-New</a></h2>
+     <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/timers">Durable Timers</a></h2>
+     <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/side-effects">Side Effects</a></h2>
+     <p>Use Side Effects in Workflows.</p>
+   </div>
+
+<div className="feature-card">
+     <h2><a href="/develop/java/namespaces">Manage Namespaces</a></h2>
+     <p>Create and manage Namespaces.</p>
+   </div>
+ </div>
+
+<style>
+ {`
+   .resources-card {
+     background: var(--ifm-color-emphasis-100);
+     border: 1px solid var(--ifm-color-emphasis-300);
+     border-radius: 8px;
+     padding: 1.5rem;
+     margin: 2rem 0;
+     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+   }
+   .resources-card h2 {
+     margin-top: 0;
+     color: var(--ifm-color-emphasis-800);
+   }
+   .resources-content {
+     display: flex;
+     gap: 2rem;
+   }
+   .resources-section {
+     flex: 1;
+   }
+   .resources-section h3 {
+     color: var(--ifm-color-emphasis-700);
+     font-size: 1.1rem;
+     margin-bottom: 1rem;
+   }
+   .resources-section ul {
+     list-style: none;
+     padding: 0;
+     margin: 0;
+   }
+   .resources-section li {
+     margin-bottom: 0.5rem;
+   }
+   .feature-grid {
+     display: grid;
+     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+     gap: 1.5rem;
+     margin: 2rem 0;
+   }
+   .feature-card {
+     background: var(--ifm-color-emphasis-0);
+     border: 1px solid var(--ifm-color-emphasis-300);
+     border-radius: 8px;
+     padding: 1.5rem;
+     transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+   }
+   .feature-card:hover {
+     border-color: var(--ifm-color-primary);
+     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+     transform: translateY(-2px);
+   }
+   [data-theme='dark'] .feature-card {
+     border-color: var(--ifm-color-emphasis-200);
+     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+   }
+   [data-theme='dark'] .feature-card:hover {
+     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+   }
+   .feature-card h2 {
+     font-size: 1.25rem;
+     margin-top: 0;
+     margin-bottom: 1rem;
+     color: var(--ifm-color-emphasis-900);
+   }
+   .feature-card h2 a {
+     color: inherit;
+     text-decoration: none;
+     transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+   }
+   .feature-card h2 a:hover {
+     color: var(--ifm-color-primary);
+   }
+   .feature-card p {
+     color: var(--ifm-color-emphasis-700);
+     font-size: 0.95rem;
+     margin-bottom: 1rem;
+     line-height: 1.5;
+   }
+   .feature-card ul {
+     list-style: none;
+     padding: 0;
+     margin: 0;
+   }
+   .feature-card li {
+     margin-bottom: 0.5rem;
+   }
+   .feature-card li a {
+     color: var(--ifm-color-emphasis-800);
+     text-decoration: none;
+     font-size: 0.9rem;
+     display: inline-block;
+     position: relative;
+     transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+   }
+   .feature-card li a:hover {
+     color: var(--ifm-color-primary);
+   }
+   .feature-card li a::after {
+     content: '';
+     position: absolute;
+     width: 100%;
+     height: 1px;
+     bottom: -1px;
+     left: 0;
+     background-color: var(--ifm-color-primary);
+     transform: scaleX(0);
+     transform-origin: bottom right;
+     transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+   }
+   .feature-card li a:hover::after {
+     transform: scaleX(1);
+     transform-origin: bottom left;
+   }
+   @media (max-width: 768px) {
+     .resources-content {
+       flex-direction: column;
+       gap: 1rem;
+     }
+     .feature-grid {
+       grid-template-columns: 1fr;
+     }
+   }
+   [data-theme='dark'] .resources-card {
+     border-color: var(--ifm-color-emphasis-200);
+     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+   }
+ `}
+
+ </style>
diff --git a/docs/develop/java/message-passing.mdx b/docs/develop/java/message-passing.mdx
index fba4c6c56e..9c953011e5 100644
--- a/docs/develop/java/message-passing.mdx
+++ b/docs/develop/java/message-passing.mdx
@@ -32,6 +32,32 @@ Temporal Clients use messages to read Workflow state and control execution.
 See [Workflow message passing](/encyclopedia/workflow-message-passing) for a general overview of this topic.
 This page introduces these features for the Temporal Java SDK.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#writing-message-handlers" className="topic-card">
+      <div className="topic-title">Write message handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#send-messages" className="topic-card">
+      <div className="topic-title">Send messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message handler patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-troubleshooting" className="topic-card">
+      <div className="topic-title">Message handler troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dynamic-handler" className="topic-card">
+      <div className="topic-title">Dynamic components</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Write message handlers {#writing-message-handlers}
 
 Follow these guidelines when writing your message handlers:
@@ -254,7 +280,7 @@ List<Language> languages = workflow.getLanguages(new GetLanguagesInput(false));
 System.out.println("Supported languages: " + languages);
 ```
 
-- Sending a Query doesn’t add events to a Workflow's Event History.
+- Sending a Query doesn't add events to a Workflow's Event History.
 
 - You can send Queries to closed Workflow Executions within a Namespace's Workflow retention period.
   This includes Workflows that have completed, failed, or timed out.
@@ -265,7 +291,7 @@ System.out.println("Supported languages: " + languages);
 ### Send a Signal {#send-signal}
 
 You can send a Signal to a Workflow Execution from a Temporal Client or from another Workflow Execution.
-However, you can only send Signals to Workflow Executions that haven’t closed.
+However, you can only send Signals to Workflow Executions that haven't closed.
 
 #### Send a Signal from a Client {#send-signal-from-client}
 
@@ -454,22 +480,6 @@ Language previousLanguage =
 
 For more examples, see the [Java sample for early-return pattern](https://github.com/temporalio/samples-java/tree/main/core/src/main/java/io/temporal/samples/earlyreturn).
 
-:::info NON-TYPE SAFE API CALLS
-
-In real-world development, sometimes you may be unable to import Workflow Definition method signatures.
-When you don't have access to the Workflow Definition or it isn't written in Java, you can use these non-type safe APIs to obtain an untyped WorkflowStub:
-
-- [`WorkflowClient.newUntypedWorkflowStub`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowClient.html#newUntypedWorkflowStub(java.lang.String,io.temporal.client.WorkflowOptions))
-- [`Workflow.newUntypedExternalWorkflowStub`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/workflow/Workflow.html#newUntypedExternalWorkflowStub(java.lang.String)).
-
-Pass method names instead of method objects to:
-
-- [`WorkflowStub.query`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowStub.html#query(java.lang.String,java.lang.Class,java.lang.Object...))
-- [`WorkflowStub.signal`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowStub.html#signal(java.lang.String,java.lang.Object...))
-- [`WorkflowStub.update`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowStub.html#update(java.lang.String,java.lang.Class,java.lang.Object...))
-- [`WorkflowStub.startUpdateWithStart`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowStub.html#startUpdateWithStart(io.temporal.client.UpdateOptions,java.lang.Object%5B%5D,java.lang.Object%5B%5D))
-- [`WorkflowStub.executeUpdateWithStart`](https://javadoc.io/doc/io.temporal/temporal-sdk/latest/io/temporal/client/WorkflowStub.html#executeUpdateWithStart(io.temporal.client.UpdateOptions,java.lang.Object%5B%5D,java.lang.Object%5B%5D))
-
 :::
 
 ## Message handler patterns {#message-handler-patterns}
diff --git a/docs/develop/java/namespaces.mdx b/docs/develop/java/namespaces.mdx
index 2c9afba71f..4bf3125176 100644
--- a/docs/develop/java/namespaces.mdx
+++ b/docs/develop/java/namespaces.mdx
@@ -12,10 +12,19 @@ tags:
 description: Learn how to register, update, deprecate, and delete Namespaces using Temporal CLI or SDK APIs. Manage Workflow Executions with isolated Namespaces to match your needs.
 ---
 
-This page shows how to do the following:
-
-- [Register a Namespace](#register-namespace)
-- [Manage Namespaces](#manage-namespaces)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#register-namespace" className="topic-card">
+      <div className="topic-title">Register a Namespace</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#manage-namespaces" className="topic-card">
+      <div className="topic-title">Manage Namespaces</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 You can create, update, deprecate or delete your [Namespaces](/namespaces) using either the Temporal CLI or SDK APIs.
 
diff --git a/docs/develop/java/observability.mdx b/docs/develop/java/observability.mdx
index 90d8cf9978..cb48adf633 100644
--- a/docs/develop/java/observability.mdx
+++ b/docs/develop/java/observability.mdx
@@ -31,12 +31,27 @@ tags:
 
 The observability section of the Temporal Developer's guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
 
-This section covers features related to viewing the state of the application, including:
-
-- [Emit metrics](#metrics)
-- [Set up tracing](#tracing)
-- [Log from a Workflow](#logging)
-- [Visibility APIs](#visibility)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#metrics" className="topic-card">
+      <div className="topic-title">Emit metrics</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#tracing" className="topic-card">
+      <div className="topic-title">Set up tracing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Log from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Visibility APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Emit metrics {#metrics}
 
diff --git a/docs/develop/java/schedules.mdx b/docs/develop/java/schedules.mdx
index 63aa13fccc..d5dc2b9fb9 100644
--- a/docs/develop/java/schedules.mdx
+++ b/docs/develop/java/schedules.mdx
@@ -14,19 +14,23 @@ tags:
 description: Learn to Schedule, Backfill, Delete, Describe, List, Pause, Trigger, Update, and set Cron and Start Delays for Workflow Executions in Java using Temporal's ScheduleClient.
 ---
 
-This page shows how to do the following:
-
-- [How to Schedule a Workflow](#schedule-a-workflow)
-  - [How to create a Schedule in Java](#create-schedule)
-  - [How to backfill a Schedule in Java](#backfill-schedule)
-  - [How to delete a Schedule in Java](#delete-schedule)
-  - [How to describe a Schedule in Java](#describe-schedule)
-  - [How to list a Schedule in Java](#list-schedule)
-  - [How to pause a Schedule in Java](#pause-schedule)
-  - [How to trigger a Schedule in Java](#trigger-schedule)
-  - [How to update a Schedule in Java](#update-schedule)
-- [How to set a Cron Schedule in Java](#cron-schedule)
-- [Start Delay](#start-delay)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#schedule-a-workflow" className="topic-card">
+      <div className="topic-title">Schedule a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#cron-schedule" className="topic-card">
+      <div className="topic-title">Set a Cron Schedule in Java</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Start Delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to Schedule a Workflow {#schedule-a-workflow}
 
@@ -63,7 +67,7 @@ ScheduleHandle handle =
 
 :::tip Schedule Auto-Deletion
 
-Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won’t fire again.
+Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won't fire again.
 The Temporal Service doesn't guarantee when this removal will happen.
 
 :::
diff --git a/docs/develop/java/set-up-your-local-java.mdx b/docs/develop/java/set-up-your-local-java.mdx
new file mode 100644
index 0000000000..bb2a764534
--- /dev/null
+++ b/docs/develop/java/set-up-your-local-java.mdx
@@ -0,0 +1,114 @@
+---
+id: set-up-your-local-java
+sidebar_label: Setup
+title: Setup
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+# Setup
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <CodeSnippet language="bash">
+    java -version
+    </CodeSnippet>
+  </>
+}>
+## Install the Java JDK
+
+Make sure you have the Java JDK installed. You can either download a copy directly from Oracle or select an OpenJDK distribution from your preferred vendor.
+
+Check the version of your current JDK installation by executing <code>java -version</code> at a command prompt. We developed and tested these Java tutorials with Java 21, but they should work with version 8 or higher.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="xml">
+{`<dependencies>
+
+<!-- Temporal dependencies needed to compile, build, test, and run Temporal's Java SDK -->
+<dependency>
+    <groupId>io.temporal</groupId>
+    <artifactId>temporal-sdk</artifactId>
+    <version>1.23.1</version>
+  </dependency>
+  <dependency>
+    <groupId>io.temporal</groupId>
+    <artifactId>temporal-testing</artifactId>
+    <version>1.23.1</version>
+  </dependency>
+</dependencies>`}
+    </CodeSnippet>
+  </>
+}>
+## Add Temporal Java SDK Dependencies
+
+Our Java tutorials use Apache Maven to manage dependencies and build applications. You can also use Gradle or other build automation tools.
+
+Follow these steps to configure Maven or Gradle for Temporal. To install Apache Maven, download a copy and follow the instructions at <a href="https://maven.apache.org/install.html">Apache.org</a>.
+
+Add the following dependencies to your Maven POM file to compile, build, test, and run a Temporal Application in Java.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Install Temporal CLI on your local machine using the following instructions for your platform.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+<div className="port-info">
+<h4>Change the Web UI port</h4>
+<p>The Temporal Web UI may be on a different port in some examples or tutorials. To change the port for the Web UI, use the <code>--ui-port</code> option when starting the server:</p>
+<CodeSnippet language="bash">
+temporal server start-dev --ui-port 8080
+</CodeSnippet>
+<p>The Temporal Web UI will now be available at http://localhost:8080.</p>
+</div>
+<style>
+{`.port-info { background: rgba(68, 76, 231, 0.1); border: 1px solid rgba(68, 76, 231, 0.2); border-radius: 0.75rem; padding: 1.5rem; margin: 1.5rem 0; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } [data-theme='dark'] .port-info { background: rgba(68, 76, 231, 0.15); border-color: rgba(68, 76, 231, 0.3); } .port-info h4 { margin-top: 0; margin-bottom: 1rem; color: var(--ifm-color-emphasis-900); font-weight: 600; } .port-info p { margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; color: var(--ifm-color-emphasis-800); } .port-info p:last-child { margin-bottom: 0; } .port-info code { background: rgba(255, 255, 255, 0.5); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; } [data-theme='dark'] .port-info code { background: rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .port-info { padding: 1.25rem; } }`}
+</style>
+<CodeSnippet language="bash">
+temporal server start-dev --db-filename your_temporal.db
+</CodeSnippet>
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespaces, and uses an in-memory database.
+
+The Temporal Service will be available on <b>localhost:7233</b>.
+The Temporal Web UI will be available at <b>http://localhost:8233</b>.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+The <code>temporal server start-dev</code> command uses an in-memory database, so stopping the server will erase all your Workflows and all your Task Queues. If you want to retain those between runs, start the server and specify a database filename using the <code>--db-filename</code> option, like this:
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/java/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal Java SDK</p>
+</CallToAction>
diff --git a/docs/develop/java/temporal-client.mdx b/docs/develop/java/temporal-client.mdx
index 885285131d..b876ea9265 100644
--- a/docs/develop/java/temporal-client.mdx
+++ b/docs/develop/java/temporal-client.mdx
@@ -33,12 +33,27 @@ tags:
 This guide introduces Temporal Clients.
 It explains the role and use of Clients and shows you how to configure your Java Client code to connect to the Temporal Service.
 
-This section includes the following topics:
-
-- [How to initialize a Temporal Client for the Temporal CLI development service](#connect-to-development-service)
-- [How to initialize a Temporal Client to connect to a custom Namespace](#connect-to-custom-namespace)
-- [How to initialize a Temporal Client to connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [How to start a Workflow Execution](#start-workflow-execution)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#connect-to-development-service" className="topic-card">
+      <div className="topic-title">Initialize a Temporal Client for the Temporal CLI development service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-custom-namespace" className="topic-card">
+      <div className="topic-title">Initialize a Temporal Client to connect to a custom Namespace</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Initialize a Temporal Client to connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Connect to a development Temporal Service {#connect-to-development-service}
 
diff --git a/docs/develop/java/temporal-nexus.mdx b/docs/develop/java/temporal-nexus.mdx
index 7aea1f29ad..4bca1e9338 100644
--- a/docs/develop/java/temporal-nexus.mdx
+++ b/docs/develop/java/temporal-nexus.mdx
@@ -23,16 +23,43 @@ Temporal Java SDK support for Nexus is now [Generally Available](/evaluate/devel
 
 Use [Temporal Nexus](/evaluate/nexus) to connect Temporal Applications within and across Namespaces using a Nexus Endpoint, a Nexus Service contract, and Nexus Operations.
 
-This page shows how to do the following:
-
-- [Run a development Temporal Service with Nexus enabled](#run-the-temporal-nexus-development-server)
-- [Create caller and handler Namespaces](#create-caller-handler-namespaces)
-- [Create a Nexus Endpoint to route requests from caller to handler](#create-nexus-endpoint)
-- [Define the Nexus Service contract](#define-nexus-service-contract)
-- [Develop a Nexus Service and Operation handlers](#develop-nexus-service-operation-handlers)
-- [Develop a caller Workflow that uses a Nexus Service](#develop-caller-workflow-nexus-service)
-- [Make Nexus calls across Namespaces with a development Server](#nexus-calls-across-namespaces-dev-server)
-- [Make Nexus calls across Namespaces in Temporal Cloud](#nexus-calls-across-namespaces-temporal-cloud)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#run-the-temporal-nexus-development-server" className="topic-card">
+      <div className="topic-title">Run a development Temporal Service with Nexus enabled</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#create-caller-handler-namespaces" className="topic-card">
+      <div className="topic-title">Create caller and handler Namespaces</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#create-nexus-endpoint" className="topic-card">
+      <div className="topic-title">Create a Nexus Endpoint to route requests from caller to handler</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#define-nexus-service-contract" className="topic-card">
+      <div className="topic-title">Define the Nexus Service contract</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-nexus-service-operation-handlers" className="topic-card">
+      <div className="topic-title">Develop a Nexus Service and Operation handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-caller-workflow-nexus-service" className="topic-card">
+      <div className="topic-title">Develop a caller Workflow that uses a Nexus Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#nexus-calls-across-namespaces-dev-server" className="topic-card">
+      <div className="topic-title">Make Nexus calls across Namespaces with a development Server</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#nexus-calls-across-namespaces-temporal-cloud" className="topic-card">
+      <div className="topic-title">Make Nexus calls across Namespaces in Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Run a development server with Nexus enabled {#run-the-temporal-nexus-development-server}
 
diff --git a/docs/develop/java/testing-suite.mdx b/docs/develop/java/testing-suite.mdx
index 8fe483ddbc..f8a3d30df5 100644
--- a/docs/develop/java/testing-suite.mdx
+++ b/docs/develop/java/testing-suite.mdx
@@ -22,6 +22,28 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-frameworks" className="topic-card">
+      <div className="topic-title">Test frameworks</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Test Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay" className="topic-card">
+      <div className="topic-title">Replay a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 The Testing section of the Temporal Application development guide describes the frameworks that facilitate Workflow and integration testing.
 
 In the context of Temporal, you can create these types of automated tests:
diff --git a/docs/develop/java/versioning.mdx b/docs/develop/java/versioning.mdx
index a0ec14387d..4ffaae4eac 100644
--- a/docs/develop/java/versioning.mdx
+++ b/docs/develop/java/versioning.mdx
@@ -22,8 +22,19 @@ tags:
 The Temporal Platform requires that Workflow code is [deterministic](/workflow-definition#deterministic-constraints).
 Because of that requirement, the Temporal Java SDK offers two dedicated versioning features:
 
-- [Workflow Patching APIs](#patching)
-- [Worker Versioning](#worker-versioning)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#patching" className="topic-card">
+      <div className="topic-title">Workflow Patching APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#worker-versioning" className="topic-card">
+      <div className="topic-title">Worker Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to patch Workflows in Java {#patching}
 
diff --git a/docs/develop/php/core-application.mdx b/docs/develop/php/core-application.mdx
index 351b107985..155a13aeb7 100644
--- a/docs/develop/php/core-application.mdx
+++ b/docs/develop/php/core-application.mdx
@@ -3,9 +3,15 @@ id: core-application
 title: Core application - PHP SDK
 sidebar_label: Core application
 slug: /develop/php/core-application
-toc_max_heading_level: 2
+toc_max_heading_level: 4
 keywords:
-  - core-application
+  - php sdk
+  - temporal sdk
+  - core application
+  - workflow
+  - activity
+  - worker
+description: The Foundations section of the Temporal Developer's guide introduces essential concepts for building and running a Temporal Application using the PHP SDK.
 tags:
   - Activities
   - Temporal Client
@@ -14,9 +20,46 @@ tags:
   - Workflows
   - PHP SDK
   - Temporal SDKs
-description: Learn how to develop a basic Workflow and Activity in a Temporal Application using Temporal PHP SDK. Define parameters, customize Workflow and Activity types, and set required timeouts efficiently.
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#develop-workflows" className="topic-card">
+      <div className="topic-title">Develop a basic Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-parameters" className="topic-card">
+      <div className="topic-title">Define Workflow parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-return-values" className="topic-card">
+      <div className="topic-title">Define Workflow return parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-type" className="topic-card">
+      <div className="topic-title">Customize your Workflow Type</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-logic-requirements" className="topic-card">
+      <div className="topic-title">Develop Workflow logic</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-activities" className="topic-card">
+      <div className="topic-title">Develop a basic Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-parameters" className="topic-card">
+      <div className="topic-title">Develop Activity Parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-return-values" className="topic-card">
+      <div className="topic-title">Define Activity return values</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## How to develop a basic Workflow {#develop-workflows}
 
 Workflows are the fundamental unit of a Temporal Application, and it all starts with the development of a [Workflow Definition](/workflow-definition).
diff --git a/docs/develop/php/failure-detection.mdx b/docs/develop/php/failure-detection.mdx
index 5a0a27040b..95b24b0da1 100644
--- a/docs/develop/php/failure-detection.mdx
+++ b/docs/develop/php/failure-detection.mdx
@@ -16,6 +16,28 @@ tags:
 description: Learn about setting Workflow and Activity Timeouts, Retry Policies, and using Heartbeats in Temporal for optimal Workflow Execution management. Enhance your Workflow reliability.
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Workflow timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Set Activity timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-next-retry-delay" className="topic-card">
+      <div className="topic-title">Activity next Retry delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeats" className="topic-card">
+      <div className="topic-title">Heartbeat an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Workflow timeouts {#workflow-timeouts}
 
 Each Workflow timeout controls the maximum duration of a different aspect of a Workflow Execution.
diff --git a/docs/develop/php/index.mdx b/docs/develop/php/index.mdx
index 0f00df285f..019e657298 100644
--- a/docs/develop/php/index.mdx
+++ b/docs/develop/php/index.mdx
@@ -15,126 +15,255 @@ import * as Components from '@site/src/components';
 
 ![PHP SDK Banner](/img/assets/banner-php-temporal.png)
 
-:::info PHP SPECIFIC RESOURCES
-Build Temporal Applications with the PHP SDK.
-
-**Temporal PHP Technical Resources:**
-
-- [PHP API Documentation](https://php.temporal.io)
-- [PHP SDK Code Samples](https://github.com/temporalio/samples-php)
-- [PHP SDK GitHub](https://github.com/temporalio/sdk-php)
-
-**Get Connected with the Temporal PHP Community:**
-
-- [Temporal PHP Community Slack](https://temporalio.slack.com/archives/C01LK9FAMM0)
-- [PHP SDK Forum](https://community.temporal.io/tag/php-sdk)
-  :::
-
-## [Core Application](/develop/php/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [How to develop a basic Workflow](/develop/php/core-application#develop-workflows)
-- [How to develop a basic Activity](/develop/php/core-application#develop-activities)
-- [How to start an Activity Execution](/develop/php/core-application#activity-execution)
-- [How to run Worker Processes](/develop/php/core-application#run-a-dev-worker)
-
-## [Temporal Client](/develop/php/temporal-clients)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [How to connect a Temporal Client to a Temporal Service](/develop/php/temporal-clients#connect-to-a-dev-cluster)
-- [How to connect a Temporal Client to a Temporal Cloud](/develop/php/temporal-clients#connect-to-temporal-cloud)
-- [How to start a Workflow Execution](/develop/php/temporal-clients#start-workflow-execution)
-- [Advanced connection options](/develop/php/temporal-clients#advanced-connection-options)
-
-## [Testing](/develop/php/testing-suite)
-
-Set up the testing suite to test Workflows and Activities.
-
-- [Testing Activities](/develop/php/testing-suite#test-activities)
-- [Testing Workflows](/develop/php/testing-suite#test-workflows)
-- [How to Replay a Workflow Execution](/develop/php/testing-suite#replay)
-
-## [Failure detection](/develop/php/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow timeouts](/develop/php/failure-detection#workflow-timeouts)
-- [How to set Activity timeouts](/develop/php/failure-detection#activity-timeouts)
-- [How to Heartbeat an Activity](/develop/php/failure-detection#activity-heartbeats)
-
-## [Workflow message passing](/develop/php/message-passing)
-
-Send messages to read the state of Workflow Executions.
-
-- [How to develop with Signals](/develop/php/message-passing#signals)
-- [How to develop with Queries](/develop/php/message-passing#queries)
-- [How to develop with Updates](/develop/php/message-passing#updates)
-- [Message handler patterns](/develop/php/message-passing#message-handler-patterns)
-- [Message handler troubleshooting](/develop/php/message-passing#message-handler-troubleshooting)
-- [How to develop with Dynamic Handlers](/develop/php/message-passing#dynamic-handler)
-
-## [Interrupt a Workflow feature guide](/develop/php/cancellation)
-
-Interrupt a Workflow Execution with a Cancel or Terminate action.
-
-- [Cancel an Activity from a Workflow](/develop/php/cancellation#cancel-an-activity)
-
-## [Versioning](/develop/php/versioning)
-
-The PHP SDK [Versioning developer guide](/develop/php/versioning) shows how to Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [Introduction to Versioning](/develop/php/versioning#introduction-to-versioning)
-- [How to use the PHP SDK Patching API](/develop/php/versioning#php-sdk-patching-api): Patching Workflows using the PHP SDK.
-- [Sanity checking](/develop/php/versioning#sanity-checking)
-
-## [Asynchronous Activity Completion](/develop/php/asynchronous-activity-completion)
-
-Complete Activities asynchronously.
-
-- [How to asynchronously complete an Activity](/develop/php/asynchronous-activity-completion#asynchronous-activity-completion)
-
-## [Observability](/develop/php/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [How to log from a Workflow](/develop/php/observability#logging)
-- [How to use Visibility APIs](/develop/php/observability#visibility)
-
-## [Debugging](/develop/php/debugging)
-
-Explore various ways to debug your application.
-
-- [Debugging](/develop/php/debugging#debug)
-
-## [Schedules](/develop/php/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [How to use Start Delay](/develop/php/schedules#start-delay)
-- [How to use Temporal Cron Jobs](/develop/php/schedules#temporal-cron-jobs)
-
-## [Durable Timers](/develop/php/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [What is a Timer?](/develop/php/timers#timers)
-
-## [Child Workflows](/develop/php/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [How to start a Child Workflow Execution](/develop/php/child-workflows#child-workflows)
-
-## [Continue-As-New](/develop/php/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [How to Continue-As-New](/develop/php/continue-as-new#continue-as-new)
-
-## [Side Effects](/develop/php/side-effects)
-
-Use Side Effects in Workflows.
-
-- [How to use Side Effects in PHP](/develop/php/side-effects#side-effects)
+<div className="resources-card">
+  <h2>PHP SDK Resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://php.temporal.io">PHP API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-php">PHP SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-php">PHP SDK GitHub</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://temporalio.slack.com/archives/C01LK9FAMM0">Temporal PHP Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/php-sdk">PHP SDK Forum</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h2><a href="/develop/php/core-application">Core Application</a></h2>
+    <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/temporal-clients">Temporal Client</a></h2>
+    <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/testing-suite">Testing</a></h2>
+    <p>Set up the testing suite to test Workflows and Activities.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/failure-detection">Failure Detection</a></h2>
+    <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/message-passing">Workflow Message Passing</a></h2>
+    <p>Send messages to read the state of Workflow Executions.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/cancellation">Interrupt a Workflow</a></h2>
+    <p>Interrupt a Workflow Execution with a Cancel or Terminate action.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/versioning">Versioning</a></h2>
+    <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/asynchronous-activity-completion">Asynchronous Activity Completion</a></h2>
+    <p>Complete Activities asynchronously.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/observability">Observability</a></h2>
+    <p>Configure and use the Temporal Observability APIs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/debugging">Debugging</a></h2>
+    <p>Explore various ways to debug your application.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/schedules">Schedules</a></h2>
+    <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/timers">Durable Timers</a></h2>
+    <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/child-workflows">Child Workflows</a></h2>
+    <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/continue-as-new">Continue-As-New</a></h2>
+    <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/php/side-effects">Side Effects</a></h2>
+    <p>Use Side Effects in Workflows.</p>
+</div>
+</div>
+
+<style>
+{`
+  .resources-card {
+    background: var(--ifm-color-emphasis-100);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .resources-card h2 {
+    margin-top: 0;
+    color: var(--ifm-color-emphasis-800);
+  }
+
+  .resources-content {
+    display: flex;
+    gap: 2rem;
+  }
+
+  .resources-section {
+    flex: 1;
+  }
+
+  .resources-section h3 {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  .resources-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .resources-section li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+  }
+
+  .feature-card {
+    background: var(--ifm-color-emphasis-0);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .feature-card:hover {
+    border-color: var(--ifm-color-primary);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    transform: translateY(-2px);
+  }
+
+  [data-theme='dark'] .feature-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  [data-theme='dark'] .feature-card:hover {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  }
+
+  .feature-card h2 {
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--ifm-color-emphasis-900);
+  }
+
+  .feature-card h2 a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card h2 a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card p {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.95rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+  }
+
+  .feature-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .feature-card li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-card li a {
+    color: var(--ifm-color-emphasis-800);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-block;
+    position: relative;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card li a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    background-color: var(--ifm-color-primary);
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .resources-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .feature-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  [data-theme='dark'] .resources-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+`}
+</style>
diff --git a/docs/develop/php/message-passing.mdx b/docs/develop/php/message-passing.mdx
index b54cae358f..3e1154a199 100644
--- a/docs/develop/php/message-passing.mdx
+++ b/docs/develop/php/message-passing.mdx
@@ -22,6 +22,36 @@ tags:
 description: Learn how to develop with Signals, Queries, and Updates in Temporal Workflows. Define, handle, and send Signals or Queries, and validate updates from a Temporal Client.
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#signals" className="topic-card">
+      <div className="topic-title">Develop with Signals</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#queries" className="topic-card">
+      <div className="topic-title">Develop with Queries</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#updates" className="topic-card">
+      <div className="topic-title">Develop with Updates</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message handler patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-troubleshooting" className="topic-card">
+      <div className="topic-title">Message handler troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dynamic-handler" className="topic-card">
+      <div className="topic-title">Dynamic components</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## How to develop with Signals {#signals}
 
 A [Signal](/sending-messages#sending-signals) is a message sent to a running Workflow Execution.
diff --git a/docs/develop/php/observability.mdx b/docs/develop/php/observability.mdx
index ea2dee589c..0a4e852a7c 100644
--- a/docs/develop/php/observability.mdx
+++ b/docs/develop/php/observability.mdx
@@ -3,7 +3,7 @@ id: observability
 title: Observability - PHP SDK
 sidebar_label: Observability
 slug: /develop/php/observability
-description: Explore the Temporal Developer’s guide on observability to learn about Visibility APIs and Search Attributes, helping you manage Workflow Executions efficiently.
+description: Explore the Temporal Developer's guide on observability to learn about Visibility APIs and Search Attributes, helping you manage Workflow Executions efficiently.
 toc_max_heading_level: 4
 keywords:
   - guide-context
@@ -23,10 +23,19 @@ tags:
 
 The observability section of the Temporal Developer's guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
 
-This section covers features related to viewing the state of the application, including:
-
-- [Log from a Workflow](#logging)
-- [Visibility](#visibility)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Log from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Visibility</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Log from a Workflow {#logging}
 
diff --git a/docs/develop/php/schedules.mdx b/docs/develop/php/schedules.mdx
index 5c2ae33f9f..b0e1ac0469 100644
--- a/docs/develop/php/schedules.mdx
+++ b/docs/develop/php/schedules.mdx
@@ -14,10 +14,19 @@ tags:
 description: Learn how to use Workflow Start Delay and Temporal Cron Jobs in PHP. Delay Workflow execution or set up recurring tasks with a Cron Schedule using Temporal Client.
 ---
 
-This page shows how to do the following:
-
-- [How to use Start Delay](#start-delay)
-- [How to use Temporal Cron Jobs](#temporal-cron-jobs)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Use Start Delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#temporal-cron-jobs" className="topic-card">
+      <div className="topic-title">Use Temporal Cron Jobs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to use Start Delay {#start-delay}
 
@@ -86,7 +95,7 @@ For more information, see the [PHP samples](https://github.com/temporalio/sample
 
 :::tip Schedule Auto-Deletion
 
-Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won’t fire again.
+Once a Schedule has completed creating all its Workflow Executions, the Temporal Service deletes it since it won't fire again.
 The Temporal Service doesn't guarantee when this removal will happen.
 
 :::
diff --git a/docs/develop/php/set-up-your-local-php.mdx b/docs/develop/php/set-up-your-local-php.mdx
new file mode 100644
index 0000000000..61cd18d450
--- /dev/null
+++ b/docs/develop/php/set-up-your-local-php.mdx
@@ -0,0 +1,97 @@
+---
+id: set-up-your-local-php
+sidebar_label: Setup
+title: Setup
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+# Setup
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <CodeSnippet language="bash">
+    composer require temporal/sdk
+    </CodeSnippet>
+  </>
+}>
+## Install the Temporal PHP SDK
+
+Install the PHP SDK using Composer:
+</SetupStep>
+
+<SetupStep code={
+<>
+
+<p>See the <a href="https://github.com/roadrunner-server/roadrunner/blob/master/README.md" target="_blank">RoadRunner README file</a> for installation instructions.</p>
+</>
+}>
+
+## Download RoadRunner
+
+See the RoadRunner README file for installation instructions.
+
+Next, you'll configure a local Temporal Service for development.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Install Temporal CLI on your local machine using the following instructions for your platform.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+<div className="port-info">
+<h4>Change the Web UI port</h4>
+<p>The Temporal Web UI may be on a different port in some examples or tutorials. To change the port for the Web UI, use the <code>--ui-port</code> option when starting the server:</p>
+<CodeSnippet language="bash">
+temporal server start-dev --ui-port 8080
+</CodeSnippet>
+<p>The Temporal Web UI will now be available at http://localhost:8080.</p>
+</div>
+<style>
+{`.port-info { background: rgba(68, 76, 231, 0.1); border: 1px solid rgba(68, 76, 231, 0.2); border-radius: 0.75rem; padding: 1.5rem; margin: 1.5rem 0; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } [data-theme='dark'] .port-info { background: rgba(68, 76, 231, 0.15); border-color: rgba(68, 76, 231, 0.3); } .port-info h4 { margin-top: 0; margin-bottom: 1rem; color: var(--ifm-color-emphasis-900); font-weight: 600; } .port-info p { margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; color: var(--ifm-color-emphasis-800); } .port-info p:last-child { margin-bottom: 0; } .port-info code { background: rgba(255, 255, 255, 0.5); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; } [data-theme='dark'] .port-info code { background: rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .port-info { padding: 1.25rem; } }`}
+</style>
+<CodeSnippet language="bash">
+temporal server start-dev --db-filename your_temporal.db
+</CodeSnippet>
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespaces, and uses an in-memory database.
+
+The Temporal Service will be available on <b>localhost:7233</b>.
+The Temporal Web UI will be available at <b>http://localhost:8233</b>.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+The <code>temporal server start-dev</code> command uses an in-memory database, so stopping the server will erase all your Workflows and all your Task Queues. If you want to retain those between runs, start the server and specify a database filename using the <code>--db-filename</code> option, like this:
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/php/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal PHP SDK</p>
+</CallToAction>
diff --git a/docs/develop/php/temporal-clients.mdx b/docs/develop/php/temporal-clients.mdx
index 28166915e3..b58250c887 100644
--- a/docs/develop/php/temporal-clients.mdx
+++ b/docs/develop/php/temporal-clients.mdx
@@ -17,12 +17,27 @@ description: Learn to connect a Temporal Client to a Temporal Service and start
 This guide introduces Temporal Clients.
 It explains the role and use of Clients and shows you how to configure your PHP Client code to connect to the Temporal Service.
 
-The pages shows how to do the following:
-
-- [Connect to a local development Temporal Service](#connect-to-a-dev-cluster)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Start a Workflow Execution](#start-workflow-execution)
-- [Advanced connection options](#advanced-connection-options)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#connect-to-a-dev-cluster" className="topic-card">
+      <div className="topic-title">Connect to a local development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#advanced-connection-options" className="topic-card">
+      <div className="topic-title">Advanced connection options</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to connect a Temporal Client to a Temporal Service {#connect-to-a-dev-cluster}
 
diff --git a/docs/develop/php/testing-suite.mdx b/docs/develop/php/testing-suite.mdx
index 3815ca378f..03d965b355 100644
--- a/docs/develop/php/testing-suite.mdx
+++ b/docs/develop/php/testing-suite.mdx
@@ -13,6 +13,24 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Testing Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay" className="topic-card">
+      <div className="topic-title">Replay a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 The Testing section of the Temporal Application development guide describes the frameworks that facilitate Workflow and integration testing.
 
 In the context of Temporal, you can create these types of automated tests:
diff --git a/docs/develop/php/versioning.mdx b/docs/develop/php/versioning.mdx
index 3e1bdfb49b..b1a53ae7e0 100644
--- a/docs/develop/php/versioning.mdx
+++ b/docs/develop/php/versioning.mdx
@@ -32,6 +32,24 @@ Temporal uses event sourcing to reconstruct Workflow state by replaying saved Hi
 This means that any incompatible update to the Workflow definition code could cause a non-deterministic
 issue if not handled correctly.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#introduction-to-versioning" className="topic-card">
+      <div className="topic-title">Introduction to Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#php-sdk-patching-api" className="topic-card">
+      <div className="topic-title">Use the PHP SDK Patching API</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#sanity-checking" className="topic-card">
+      <div className="topic-title">Sanity checking</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Introduction to Versioning {#introduction-to-versioning}
 
 To design for potentially long running Workflows at scale, versioning with Temporal works differently than you might expect.
diff --git a/docs/develop/python/child-workflows.mdx b/docs/develop/python/child-workflows.mdx
index 259e8bbb9a..0ea8224c60 100644
--- a/docs/develop/python/child-workflows.mdx
+++ b/docs/develop/python/child-workflows.mdx
@@ -19,10 +19,19 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Start a Child Workflow Execution](#child-workflows)
-- [Set a Parent Close Policy](#parent-close-policy)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#child-workflows" className="topic-card">
+      <div className="topic-title">Start a Child Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#parent-close-policy" className="topic-card">
+      <div className="topic-title">Set a Parent Close Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Start a Child Workflow Execution {#child-workflows}
 
diff --git a/docs/develop/python/converters-and-encryption.mdx b/docs/develop/python/converters-and-encryption.mdx
index 00b7489da9..3767065976 100644
--- a/docs/develop/python/converters-and-encryption.mdx
+++ b/docs/develop/python/converters-and-encryption.mdx
@@ -23,6 +23,32 @@ tags:
 
 import { CaptionedImage } from '@site/src/components';
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#custom-payload-codec" className="topic-card">
+      <div className="topic-title">Custom Payload Codec</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#payload-conversion" className="topic-card">
+      <div className="topic-title">Payload conversion</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-payload-converter" className="topic-card">
+      <div className="topic-title">Custom Payload Converter</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#pydantic-support" className="topic-card">
+      <div className="topic-title">Pydantic Support</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-type-data-conversion" className="topic-card">
+      <div className="topic-title">Custom Type Data Conversion</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 Temporal's security model is designed around client-side encryption of Payloads.
 A client may encrypt Payloads before sending them to the server, and decrypt them after receiving them from the server.
 This provides a high degree of confidentiality because the Temporal Server itself has absolutely no knowledge of the actual data.
diff --git a/docs/develop/python/core-application.mdx b/docs/develop/python/core-application.mdx
index 95f15148ba..ba295952f8 100644
--- a/docs/develop/python/core-application.mdx
+++ b/docs/develop/python/core-application.mdx
@@ -2,21 +2,15 @@
 id: core-application
 title: Core application - Python SDK
 sidebar_label: Core application
-description: Learn to develop and customize Workflows and Activities using the Temporal Python SDK, manage parameters, set timeouts, execute Activities, and run a Worker Process efficiently.
-toc_max_heading_level: 2
+toc_max_heading_level: 4
 keywords:
-  - temporal python core
-  - develop temporal workflow
-  - temporal python activities
-  - workflow logic requirements
-  - customizing workflow type
-  - activity parameters
-  - activity return values
-  - activity execution in workflow
-  - activity timeouts
-  - getting activity results
-  - temporal python worker
-  - registering workflow types
+  - python sdk
+  - temporal sdk
+  - core application
+  - workflow
+  - activity
+  - worker
+description: The Foundations section of the Temporal Developer's guide introduces essential concepts for building and running a Temporal Application using the Python SDK.
 tags:
   - Activities
   - Temporal Client
@@ -27,22 +21,67 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Develop a basic Workflow](#develop-workflows)
-- [Define Workflow parameters](#workflow-parameters)
-- [Define Workflow return parameters](#workflow-return-values)
-- [Customize your Workflow Type](#workflow-type)
-- [Develop Workflow logic](#workflow-logic-requirements)
-- [Develop a basic Activity](#develop-activities)
-- [Develop Activity Parameters](#activity-parameters)
-- [Define Activity return values](#activity-return-values)
-- [Customize your Activity Type](#activity-type)
-- [Start an Activity Execution](#activity-execution)
-- [Set the required Activity Timeouts](#required-timeout)
-- [Get the results of an Activity Execution](#get-activity-results)
-- [Run a Worker Process](#run-a-dev-worker)
-- [Register types](#register-types)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#develop-workflows" className="topic-card">
+      <div className="topic-title">Develop a basic Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-parameters" className="topic-card">
+      <div className="topic-title">Define Workflow parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-return-values" className="topic-card">
+      <div className="topic-title">Define Workflow return parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-type" className="topic-card">
+      <div className="topic-title">Customize your Workflow Type</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-logic-requirements" className="topic-card">
+      <div className="topic-title">Develop Workflow logic</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-activities" className="topic-card">
+      <div className="topic-title">Develop a basic Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-parameters" className="topic-card">
+      <div className="topic-title">Develop Activity Parameters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-return-values" className="topic-card">
+      <div className="topic-title">Define Activity return values</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-type" className="topic-card">
+      <div className="topic-title">Customize your Activity Type</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-execution" className="topic-card">
+      <div className="topic-title">Start an Activity Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#required-timeout" className="topic-card">
+      <div className="topic-title">Set the required Activity Timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#get-activity-results" className="topic-card">
+      <div className="topic-title">Get the results of an Activity Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-dev-worker" className="topic-card">
+      <div className="topic-title">Run a Worker Process</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#register-types" className="topic-card">
+      <div className="topic-title">Register types</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Develop a basic Workflow {#develop-workflows}
 
diff --git a/docs/develop/python/debugging.mdx b/docs/develop/python/debugging.mdx
index bd4dff4c6e..18f5ecff83 100644
--- a/docs/develop/python/debugging.mdx
+++ b/docs/develop/python/debugging.mdx
@@ -19,10 +19,19 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Debug in a development environment](#debug-in-a-development-environment)
-- [Debug in a production environment](#debug-in-a-production-environment)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#debug-in-a-development-environment" className="topic-card">
+      <div className="topic-title">Debug in a development environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#debug-in-a-production-environment" className="topic-card">
+      <div className="topic-title">Debug in a production environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ### Debug in a development environment {#debug-in-a-development-environment}
 
diff --git a/docs/develop/python/failure-detection.mdx b/docs/develop/python/failure-detection.mdx
index 65f9083fe7..4febdc4a4b 100644
--- a/docs/develop/python/failure-detection.mdx
+++ b/docs/develop/python/failure-detection.mdx
@@ -22,13 +22,27 @@ tags:
 description: Learn how to set Workflow and Activity timeouts, retries, retry policies, and heartbeats using the Temporal Python SDK to optimize execution and ensure reliability.
 ---
 
-This page shows how to do the following:
-
-- [Set Workflow Timeouts](#workflow-timeouts)
-- [Set Workflow Retries](#workflow-retries)
-- [Set Activity Timeouts](#activity-timeouts)
-- [Set an Activity Retry Policy](#activity-retries)
-- [Heartbeat an Activity](#activity-heartbeats)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Set Workflow Timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Set Activity Timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-retries" className="topic-card">
+      <div className="topic-title">Set Activity Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeats" className="topic-card">
+      <div className="topic-title">Heartbeat an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Workflow timeouts {#workflow-timeouts}
 
diff --git a/docs/develop/python/index.mdx b/docs/develop/python/index.mdx
index 333f9b5677..876d74eecb 100644
--- a/docs/develop/python/index.mdx
+++ b/docs/develop/python/index.mdx
@@ -15,140 +15,266 @@ import * as Components from '@site/src/components';
 
 ![Python SDK Banner](/img/assets/banner-python-temporal.png)
 
-:::info PYTHON SPECIFIC RESOURCES
-Build Temporal Applications with the Python SDK.
-
-**Temporal Python Technical Resources:**
-
-- [Python API Documentation](https://python.temporal.io)
-- [Python SDK Code Samples](https://github.com/temporalio/samples-python)
-- [Python SDK Github](https://github.com/temporalio/sdk-python)
-- [Temporal 101 in Python Free Course](https://learn.temporal.io/courses/temporal_101/python/)
-
-**Get Connected with the Temporal Python Community:**
-
-- [Temporal Python Community Slack](https://app.slack.com/client/TNWA8QCGZ)
-- [Python SDK Forum](https://community.temporal.io/tag/python-sdk)
-  :::
-
-## [Core Application](/develop/python/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [Develop a Basic Workflow](/develop/python/core-application#develop-workflows)
-- [Develop a Basic Activity](/develop/python/core-application#develop-activities)
-- [Start an Activity Execution](/develop/python/core-application#activity-execution)
-- [Run Worker Processes](/develop/python/core-application#run-a-dev-worker)
-
-## [Temporal Client](/develop/python/temporal-clients)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [Connect to Development Temporal Service](/develop/python/temporal-clients#connect-to-development-service)
-- [Connect a Temporal Client to a Temporal Service](/develop/python/temporal-clients#connect-to-a-dev-cluster)
-- [Connect to Temporal Cloud](/develop/python/temporal-clients#connect-to-temporal-cloud)
-- [Start a Workflow Execution](/develop/python/temporal-clients#start-workflow-execution)
-
-## [Python SDK Sandbox](/develop/python/python-sdk-sandbox)
-
-Use third-party Python modules without non-deterministic behavior.
-
-## [Python SDK sync vs. async implementations](/develop/python/python-sdk-sync-vs-async)
-
-Implement synchronous or asynchronous Activities.
-
-## [Testing](/develop/python/testing-suite)
-
-Set up the testing suite and test Workflows and Activities.
-
-- [Test Frameworks](/develop/python/testing-suite#test-frameworks)
-- [Testing Activities](/develop/python/testing-suite#test-activities)
-- [Testing Workflows](/develop/python/testing-suite#test-workflows)
-- [How to Replay a Workflow Execution](/develop/python/testing-suite#replay)
-
-## [Failure detection](/develop/python/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow Timeouts](/develop/python/failure-detection#workflow-timeouts)
-- [Set Activity Timeouts](/develop/python/failure-detection#activity-timeouts)
-- [Heartbeat an Activity](/develop/python/failure-detection#activity-heartbeats)
-
-## [Workflow message passing](/develop/python/message-passing)
-
-Send messages to and read the state of Workflow Executions.
-
-- [Develop with Signals](/develop/python/message-passing#signals)
-- [Develop with Queries](/develop/python/message-passing#queries)
-- [Develop with Updates](/develop/python/message-passing#updates)
-- [What is a Dynamic Handler](/develop/python/message-passing#dynamic-handler)
-
-## [Interrupt a Workflow feature guide](/develop/python/cancellation)
-
-Interrupt a Workflow Execution with a Cancel or Terminate action.
-
-- [Cancel a Workflow](/develop/python/cancellation#cancellation)
-- [Terminate a Workflow](/develop/python/cancellation#termination)
-- [Cancel an Activity from a Workflow](/develop/python/cancellation#cancel-activity)
-
-## [Asynchronous Activity completion](/develop/python/asynchronous-activity-completion)
-
-Complete Activities asynchronously.
-
-- [Asynchronously Complete an Activity](/develop/python/asynchronous-activity-completion)
-
-## [Versioning](/develop/python/versioning)
-
-Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [Introduction to Versioning](/develop/python/versioning#introduction-to-versioning)
-- [How to Use the Patching API](/develop/python/versioning#python-sdk-patching-api)
-- [How to Use Worker Versioning](/develop/python/versioning#worker-versioning)
-
-## [Observability](/develop/python/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [Emit Metrics](/develop/python/observability#metrics)
-- [Set up tracing](/develop/python/observability#tracing)
-- [Log from a Workflow](/develop/python/observability#logging)
-- [Use Visibility APIs](/develop/python/observability#visibility)
-
-## [Debugging](/develop/python/debugging)
-
-Explore various ways to debug your application.
-
-- [Debugging](/develop/python/debugging)
-
-## [Schedules](/develop/python/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [Schedule a Workflow](/develop/python/schedules#schedule-a-workflow)
-- [Temporal Cron Jobs](/develop/python/schedules#temporal-cron-jobs)
-- [Start Delay](/develop/python/schedules#start-delay)
-
-## [Data encryption](/develop/python/converters-and-encryption)
-
-Use compression, encryption, and other data handling by implementing custom converters and codecs.
-
-- [Custom Payload Codec](/develop/python/converters-and-encryption#custom-payload-codec)
-- [Payload Conversion](/develop/python/converters-and-encryption#payload-conversion)
-
-## [Durable Timers](/develop/python/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [Sleep](/develop/python/timers)
-
-## [Child Workflows](/develop/python/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [Start a Child Workflow Execution](/develop/python/child-workflows)
-
-## [Continue-As-New](/develop/python/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [Continue-As-New](/develop/python/continue-as-new)
+<div className="resources-card">
+  <h2>Python SDK resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://python.temporal.io">Python API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-python">Python SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-python">Python SDK Github</a></li>
+        <li><a href="https://learn.temporal.io/courses/temporal_101/python/">Temporal 101 in Python Free Course</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://app.slack.com/client/TNWA8QCGZ">Temporal Python Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/python-sdk">Python SDK Forum</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h2><a href="/develop/python/core-application">Core Application</a></h2>
+    <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/temporal-clients">Temporal Client</a></h2>
+    <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/python-sdk-sandbox">Python SDK Sandbox</a></h2>
+    <p>Use third-party Python modules without non-deterministic behavior.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/python-sdk-sync-vs-async">Python SDK sync vs. async implementations</a></h2>
+    <p>Implement synchronous or asynchronous Activities.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/testing-suite">Testing</a></h2>
+    <p>Set up the testing suite and test Workflows and Activities.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/failure-detection">Failure Detection</a></h2>
+    <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/message-passing">Workflow Message Passing</a></h2>
+    <p>Send messages to and read the state of Workflow Executions.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/cancellation">Interrupt a Workflow</a></h2>
+    <p>Interrupt a Workflow Execution with a Cancel or Terminate action.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/asynchronous-activity-completion">Asynchronous Activity Completion</a></h2>
+    <p>Complete Activities asynchronously.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/versioning">Versioning</a></h2>
+    <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/observability">Observability</a></h2>
+    <p>Configure and use the Temporal Observability APIs.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/debugging">Debugging</a></h2>
+    <p>Explore various ways to debug your application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/schedules">Schedules</a></h2>
+    <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/converters-and-encryption">Data Encryption</a></h2>
+    <p>Use compression, encryption, and other data handling by implementing custom converters and codecs.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/timers">Durable Timers</a></h2>
+    <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/child-workflows">Child Workflows</a></h2>
+    <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/python/continue-as-new">Continue-As-New</a></h2>
+    <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+  </div>
+</div>
+
+<style>
+{`
+  .resources-card {
+    background: var(--ifm-color-emphasis-100);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .resources-card h2 {
+    margin-top: 0;
+    color: var(--ifm-color-emphasis-800);
+  }
+
+  .resources-content {
+    display: flex;
+    gap: 2rem;
+  }
+
+  .resources-section {
+    flex: 1;
+  }
+
+  .resources-section h3 {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  .resources-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .resources-section li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+  }
+
+  .feature-card {
+    background: var(--ifm-color-emphasis-0);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .feature-card:hover {
+    border-color: var(--ifm-color-primary);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    transform: translateY(-2px);
+  }
+
+  [data-theme='dark'] .feature-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  [data-theme='dark'] .feature-card:hover {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  }
+
+  .feature-card h2 {
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--ifm-color-emphasis-900);
+  }
+
+  .feature-card h2 a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card h2 a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card p {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.95rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+  }
+
+  .feature-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .feature-card li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-card li a {
+    color: var(--ifm-color-emphasis-800);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-block;
+    position: relative;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card li a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    background-color: var(--ifm-color-primary);
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .resources-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .feature-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  [data-theme='dark'] .resources-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+`}
+</style>
diff --git a/docs/develop/python/message-passing.mdx b/docs/develop/python/message-passing.mdx
index fa8cbcd7e6..f8d4f96cbf 100644
--- a/docs/develop/python/message-passing.mdx
+++ b/docs/develop/python/message-passing.mdx
@@ -32,6 +32,32 @@ Temporal Clients use messages to read Workflow state and control its execution.
 See [Workflow message passing](/encyclopedia/workflow-message-passing) for a general overview of this topic.
 This page introduces these features for the Temporal Python SDK.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#writing-message-handlers" className="topic-card">
+      <div className="topic-title">Write message handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#send-messages" className="topic-card">
+      <div className="topic-title">Send messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message handler patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-troubleshooting" className="topic-card">
+      <div className="topic-title">Message handler troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dynamic-handler" className="topic-card">
+      <div className="topic-title">Dynamic components</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Write message handlers {#writing-message-handlers}
 
 :::info
diff --git a/docs/develop/python/observability.mdx b/docs/develop/python/observability.mdx
index 5ec68a4803..353cb115ae 100644
--- a/docs/develop/python/observability.mdx
+++ b/docs/develop/python/observability.mdx
@@ -27,12 +27,27 @@ tags:
 
 The observability section of the Temporal Developer's guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
 
-This section covers features related to viewing the state of the application, including:
-
-- [Emit metrics](#metrics)
-- [Set up tracing](#tracing)
-- [Log from a Workflow](#logging)
-- [Visibility APIs](#visibility)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#metrics" className="topic-card">
+      <div className="topic-title">Emit metrics</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#tracing" className="topic-card">
+      <div className="topic-title">Set up tracing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Log from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Visibility APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Emit metrics {#metrics}
 
diff --git a/docs/develop/python/schedules.mdx b/docs/develop/python/schedules.mdx
index 8c3fef7070..7861d10c39 100644
--- a/docs/develop/python/schedules.mdx
+++ b/docs/develop/python/schedules.mdx
@@ -24,19 +24,23 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Schedule a Workflow](#schedule-a-workflow)
-  - [Create a Scheduled Workflow](#create)
-  - [Backfill a Scheduled Workflow](#backfill)
-  - [Delete a Scheduled Workflow](#delete)
-  - [Describe a Scheduled Workflow](#describe)
-  - [List a Scheduled Workflow](#list)
-  - [Pause a Scheduled Workflow](#pause)
-  - [Trigger a Scheduled Workflow](#trigger)
-  - [Update a Scheduled Workflow](#update)
-- [Temporal Cron Jobs](#temporal-cron-jobs)
-- [Start Delay](#start-delay)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#schedule-a-workflow" className="topic-card">
+      <div className="topic-title">Schedule a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#temporal-cron-jobs" className="topic-card">
+      <div className="topic-title">Use Temporal Cron Jobs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Use Start Delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Schedule a Workflow {#schedule-a-workflow}
 
diff --git a/docs/develop/python/set-up-your-local-python.mdx b/docs/develop/python/set-up-your-local-python.mdx
new file mode 100644
index 0000000000..c027a14937
--- /dev/null
+++ b/docs/develop/python/set-up-your-local-python.mdx
@@ -0,0 +1,120 @@
+---
+id: set-up-your-local-python
+sidebar_label: Setup
+title: Setup
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+# Setup
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <CodeSnippet language="bash">
+    python3 -V
+    </CodeSnippet>
+    <CodeSnippet language="bash">
+    python 3.10.9
+    </CodeSnippet>
+  </>
+}>
+## Install Python
+
+Make sure you have Python installed. These tutorials use Python 3.10. Check your version of Python with the following command:
+
+You'll see the version printed to the screen.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+mkdir temporal-project
+</CodeSnippet>
+<CodeSnippet language="bash">
+cd temporal-project
+</CodeSnippet>
+<CodeSnippet language="bash">
+python3 -m venv env
+</CodeSnippet>
+<CodeSnippet language="bash">
+source env/bin/activate
+</CodeSnippet>
+<CodeSnippet language="bash">
+python -m pip install temporalio
+</CodeSnippet>
+<CodeSnippet language="bash">
+Successfully installed temporalio-x.y
+</CodeSnippet>
+</>
+}>
+
+## Install the Temporal Python SDK
+
+You should install the Temporal Python SDK in your project using a virtual environment. Create a directory for your Temporal project, switch to the new directory, create a Python virtual environment, activate it, and then install the Temporal SDK.
+
+You'll see an output similar to the following:
+
+Next, you'll configure a local Temporal Service for development.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Install Temporal CLI on your local machine using the following instructions for your platform.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+<div className="port-info">
+<h4>Change the Web UI port</h4>
+<p>The Temporal Web UI may be on a different port in some examples or tutorials. To change the port for the Web UI, use the <code>--ui-port</code> option when starting the server:</p>
+<CodeSnippet language="bash">
+temporal server start-dev --ui-port 8080
+</CodeSnippet>
+<p>The Temporal Web UI will now be available at http://localhost:8080.</p>
+</div>
+<style>
+{`.port-info { background: rgba(68, 76, 231, 0.1); border: 1px solid rgba(68, 76, 231, 0.2); border-radius: 0.75rem; padding: 1.5rem; margin: 1.5rem 0; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } [data-theme='dark'] .port-info { background: rgba(68, 76, 231, 0.15); border-color: rgba(68, 76, 231, 0.3); } .port-info h4 { margin-top: 0; margin-bottom: 1rem; color: var(--ifm-color-emphasis-900); font-weight: 600; } .port-info p { margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; color: var(--ifm-color-emphasis-800); } .port-info p:last-child { margin-bottom: 0; } .port-info code { background: rgba(255, 255, 255, 0.5); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; } [data-theme='dark'] .port-info code { background: rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .port-info { padding: 1.25rem; } }`}
+</style>
+<CodeSnippet language="bash">
+temporal server start-dev --db-filename your_temporal.db
+</CodeSnippet>
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespaces, and uses an in-memory database.
+
+The Temporal Service will be available on <b>localhost:7233</b>.
+The Temporal Web UI will be available at <b>http://localhost:8233</b>.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+The <code>temporal server start-dev</code> command uses an in-memory database, so stopping the server will erase all your Workflows and all your Task Queues. If you want to retain those between runs, start the server and specify a database filename using the <code>--db-filename</code> option, like this:
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/python/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal Python SDK</p>
+</CallToAction>
diff --git a/docs/develop/python/temporal-clients.mdx b/docs/develop/python/temporal-clients.mdx
index 9bd3cfdfe0..28e11851f7 100644
--- a/docs/develop/python/temporal-clients.mdx
+++ b/docs/develop/python/temporal-clients.mdx
@@ -29,11 +29,23 @@ tags:
 This guide introduces Temporal Clients.
 It explains the role and use of Clients and shows you how to configure your Python Client code to connect to the Temporal Service.
 
-The pages shows how to do the following:
-
-- [Connect to a local development Temporal Service](#connect-to-development-service)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Start a Workflow Execution](#start-workflow-execution)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#connect-to-development-service" className="topic-card">
+      <div className="topic-title">Connect to local development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Connect to development Temporal Service {#connect-to-development-service}
 
diff --git a/docs/develop/python/testing-suite.mdx b/docs/develop/python/testing-suite.mdx
index e059b2a61f..b2aeecd14a 100644
--- a/docs/develop/python/testing-suite.mdx
+++ b/docs/develop/python/testing-suite.mdx
@@ -15,6 +15,28 @@ tags:
   - Temporal SDKs
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-frameworks" className="topic-card">
+      <div className="topic-title">Test frameworks</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Testing Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay" className="topic-card">
+      <div className="topic-title">Replay a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 The Testing section of the Temporal Application development guide describes the frameworks that facilitate Workflow and integration testing.
 
 In the context of Temporal, you can create these types of automated tests:
diff --git a/docs/develop/python/versioning.mdx b/docs/develop/python/versioning.mdx
index c16bcf57bc..437d336a00 100644
--- a/docs/develop/python/versioning.mdx
+++ b/docs/develop/python/versioning.mdx
@@ -35,6 +35,24 @@ to reconstruct the Workflow state by replaying the saved history event data on t
 definition code. This means that any incompatible update to the Workflow Definition code could cause
 a non-deterministic issue if not handled correctly.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#introduction-to-versioning" className="topic-card">
+      <div className="topic-title">Introduction to Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#python-sdk-patching-api" className="topic-card">
+      <div className="topic-title">Use Python SDK Patching API</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#worker-versioning" className="topic-card">
+      <div className="topic-title">Use Worker Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Introduction to Versioning
 
 Because we design for potentially long running Workflows at scale, versioning with Temporal works differently. We explain more in this optional 30 minute introduction: [https://www.youtube.com/watch?v=kkP899WxgzY](https://www.youtube.com/watch?v=kkP899WxgzY)
diff --git a/docs/develop/typescript/child-workflows.mdx b/docs/develop/typescript/child-workflows.mdx
index 59d5a6b54a..c37554df3d 100644
--- a/docs/develop/typescript/child-workflows.mdx
+++ b/docs/develop/typescript/child-workflows.mdx
@@ -14,6 +14,20 @@ tags:
 description: Learn how to start and manage Child Workflow Executions using Temporal's Child Workflow API, including setting Parent Close Policy, handling Events, and advanced Child Workflow options.
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#child-workflows" className="topic-card">
+      <div className="topic-title">Start a Child Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#parent-close-policy" className="topic-card">
+      <div className="topic-title">Set a Parent Close Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## How to start a Child Workflow Execution {#child-workflows}
 
 A [Child Workflow Execution](/child-workflows) is a Workflow Execution that is scheduled from within another Workflow using a Child Workflow API.
diff --git a/docs/develop/typescript/converters-and-encryption.mdx b/docs/develop/typescript/converters-and-encryption.mdx
index f32835eb0f..654b369886 100644
--- a/docs/develop/typescript/converters-and-encryption.mdx
+++ b/docs/develop/typescript/converters-and-encryption.mdx
@@ -16,6 +16,32 @@ tags:
 description: Learn how to create a custom Payload Converter in TypeScript with Temporal SDKs to handle non-JSON-serializable values, configure your Data Converter, and utilize protobufs and encryption seamlessly in your Workflows and Activities.
 ---
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#payload-converter-and-payload-codec-summary" className="topic-card">
+      <div className="topic-title">Payload Converter and Payload Codec Summary</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#payload-codec" className="topic-card">
+      <div className="topic-title">Payload Codec</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#use-custom-payload-conversion" className="topic-card">
+      <div className="topic-title">Use custom payload conversion</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#composite-data-converters" className="topic-card">
+      <div className="topic-title">Composite Data Converters</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#custom-payload-conversion" className="topic-card">
+      <div className="topic-title">Custom Payload Converter</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Payload Converter and Payload Codec Summary
 
 This section summarizes the difference between a Payload Converter and Payload Codec.
diff --git a/docs/develop/typescript/core-application.mdx b/docs/develop/typescript/core-application.mdx
index 3b2d797377..1efed56988 100644
--- a/docs/develop/typescript/core-application.mdx
+++ b/docs/develop/typescript/core-application.mdx
@@ -21,18 +21,51 @@ import * as Components from '@site/src/components';
 
 The Foundations section of the Temporal Developer's guide covers the minimum set of concepts and implementation details needed to build and run a [Temporal Application](/temporal#temporal-application)—that is, all the relevant steps to start a [Workflow Execution](#develop-workflows) that executes an [Activity](#develop-activities).
 
-In this section you can find the following:
-
-- [Run a development Temporal Service](#run-a-development-server)
-- [Connect to a development Temporal Service](#connect-to-a-dev-cluster)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Develop a Workflow](#develop-workflows)
-- [Develop an Activity](#develop-activities)
-- [Start an Activity Execution](#activity-execution)
-- [Run a dev Worker](#run-a-dev-worker)
-- [Run a Worker on Docker](#run-a-worker-on-docker)
-- [Run a Temporal Cloud Worker](#run-a-dev-worker)
-- [Start a Workflow Execution](#start-workflow-execution)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#run-a-development-server" className="topic-card">
+      <div className="topic-title">Run a development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-a-dev-cluster" className="topic-card">
+      <div className="topic-title">Connect to a development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-workflows" className="topic-card">
+      <div className="topic-title">Develop a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#develop-activities" className="topic-card">
+      <div className="topic-title">Develop an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-execution" className="topic-card">
+      <div className="topic-title">Start an Activity Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-dev-worker" className="topic-card">
+      <div className="topic-title">Run a dev Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-worker-on-docker" className="topic-card">
+      <div className="topic-title">Run a Worker on Docker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#run-a-dev-worker" className="topic-card">
+      <div className="topic-title">Run a Temporal Cloud Worker</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to install the Temporal CLI and run a development server {#run-a-development-server}
 
diff --git a/docs/develop/typescript/debugging.mdx b/docs/develop/typescript/debugging.mdx
index 18516c288f..ed4277e48e 100644
--- a/docs/develop/typescript/debugging.mdx
+++ b/docs/develop/typescript/debugging.mdx
@@ -17,6 +17,24 @@ import { CaptionedImage } from '@site/src/components';
 
 The Debugging section of the Temporal TypeScript SDK developer's guide covers tools for debugging and how to troubleshoot common issues.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#debug-in-a-development-environment" className="topic-card">
+      <div className="topic-title">Debug in a development environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#debug-in-a-production-environment" className="topic-card">
+      <div className="topic-title">Debug in a production environment</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#troubleshoot-common-issues" className="topic-card">
+      <div className="topic-title">Troubleshoot common issues</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## How to debug in a development environment {#debug-in-a-development-environment}
 
 In addition to the normal development tools of logging and a debugger, you can also see what's happening in your Workflow by using the [Web UI](/web-ui) or [Temporal CLI](/cli).
@@ -268,50 +286,3 @@ If you are trying to connect in production and getting this:
 ```bash
 [TransportError: transport error]
 ```
-
-It is a sign that something is wrong with your Cert/Key pair.
-Log it out and make sure it is an exact match with what is expected (often, the issue can be whitespace when injecting from your production secrets management environment).
-
-### Resetting Workflows to deal with logical bugs
-
-You can "rewind time" using the Temporal CLI, resetting Workflow History to some previous point in time. You can read the Temporal CLI docs on:
-
-- [Restarting and resetting Workflows by ID](/cli)
-- [Resetting all Workflows by binary checksum identifier](/cli)
-
-If you need to reset programmatically, the TS SDK does not have any high level APIs for this, but you can make raw gRPC calls to [resetWorkflowExecution](https://typescript.temporal.io/api/classes/proto.temporal.api.workflowservice.v1.WorkflowService-1/#resetworkflowexecution).
-
-Resetting should only be used to deal with serious logical bugs in your code: it's not for handling transient failures, like a downstream service being unreachable. It should not be used in the course of normal application flows.
-
-### gRPC call timeouts (context deadline exceeded)
-
-The opaque `context deadline exceeded` error comes from `gRPC`:
-
-```
-Error: 4 DEADLINE_EXCEEDED: context deadline exceeded
-    at Object.callErrorFromStatus (/Users/swyx/Work/Temporal/samples-typescript/nextjs-oneclick/node_modules/@grpc/grpc-js/build/src/call.js:31:26)
-    at Object.onReceiveStatus (/Users/swyx/Work/Temporal/samples-typescript/nextjs-oneclick/node_modules/@grpc/grpc-js/build/src/client.js:179:52)
-    at Object.onReceiveStatus (/Users/swyx/Work/Temporal/samples-typescript/nextjs-oneclick/node_modules/@grpc/grpc-js/build/src/client-interceptors.js:336:141)
-    at Object.onReceiveStatus (/Users/swyx/Work/Temporal/samples-typescript/nextjs-oneclick/node_modules/@grpc/grpc-js/build/src/client-interceptors.js:299:181)
-    at /Users/swyx/Work/Temporal/samples-typescript/nextjs-oneclick/node_modules/@grpc/grpc-js/build/src/call-stream.js:145:78
-    at processTicksAndRejections (node:internal/process/task_queues:78:11) {
-  code: 4,
-  details: 'context deadline exceeded',
-  metadata: Metadata {
-    internalRepr: Map(1) { 'content-type' => [Array] },
-    options: {}
-  },
-  page: '/api/getBuyState'
-}
-```
-
-Several conditions can cause this error, including network hiccups, timeouts that are too short, and an overloaded server.
-Querying a Workflow Execution whose query handler causes an error can result in the query call timing out.
-
-Some troubleshooting actions you can take:
-
-- Verify the connection from your Worker to the Temporal Server is working and doesn't have unusually high latency.
-- If you are running Temporal Server yourself, check your [server metrics](/self-hosted-guide/production-checklist#scaling-and-metrics) to ensure it's not overloaded.
-- If what's timing out is a query, check the logs of your Workers to see if they are having issues handling the query.
-
-If none of the preceding actions help you discover why timeouts are occurring, please try to produce a minimal repro and we'll be glad to help.
diff --git a/docs/develop/typescript/failure-detection.mdx b/docs/develop/typescript/failure-detection.mdx
index 1670335fd3..734710ff65 100644
--- a/docs/develop/typescript/failure-detection.mdx
+++ b/docs/develop/typescript/failure-detection.mdx
@@ -16,15 +16,39 @@ tags:
   - Temporal SDKs
 ---
 
-This page shows how to do the following:
-
-- [Workflow Timeouts](#workflow-timeouts)
-- [Workflow retries](#workflow-retries)
-- [Activity Timeouts](#activity-timeouts)
-- [Activity Retry Policy](#activity-retries)
-- [Activity next Retry delay](#activity-next-retry-delay)
-- [Heartbeat an Activity](#activity-heartbeats)
-- [Activity Heartbeat Timeout](#activity-heartbeat-timeout)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#workflow-timeouts" className="topic-card">
+      <div className="topic-title">Workflow Timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#workflow-retries" className="topic-card">
+      <div className="topic-title">Workflow retries</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-timeouts" className="topic-card">
+      <div className="topic-title">Activity Timeouts</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-retries" className="topic-card">
+      <div className="topic-title">Activity Retry Policy</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-next-retry-delay" className="topic-card">
+      <div className="topic-title">Activity next Retry delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeats" className="topic-card">
+      <div className="topic-title">Heartbeat an Activity</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#activity-heartbeat-timeout" className="topic-card">
+      <div className="topic-title">Activity Heartbeat Timeout</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Workflow Timeouts {#workflow-timeouts}
 
diff --git a/docs/develop/typescript/index.mdx b/docs/develop/typescript/index.mdx
index ecc34cba31..71135d5495 100644
--- a/docs/develop/typescript/index.mdx
+++ b/docs/develop/typescript/index.mdx
@@ -15,134 +15,261 @@ import * as Components from '@site/src/components';
 
 ![TypeScript SDK Banner](/img/assets/banner-typescript-temporal.png)
 
-:::info TYPESCRIPT SPECIFIC RESOURCES
-Build Temporal Applications with the TypeScript SDK.
-
-**Temporal TypeScript Technical Resources:**
-
-- [TypeScript API Documentation](https://typescript.temporal.io)
-- [TypeScript SDK Code Samples](https://github.com/temporalio/samples-typescript)
-- [TypeScript SDK GitHub](https://github.com/temporalio/sdk-typescript)
-- [Temporal 101 in TypeScript Free Course](https://learn.temporal.io/courses/temporal_101/typescript/)
-
-**Get Connected with the Temporal TypeScript Community:**
-
-- [Temporal TypeScript Community Slack](https://temporalio.slack.com/archives/C01DKSMU94L)
-- [TypeScript SDK Forum](https://community.temporal.io/tag/typescript-sdk)
-  :::
-
-## [Core application](/develop/typescript/core-application)
-
-Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.
-
-- [Develop a Basic Workflow](/develop/typescript/core-application#develop-workflows)
-- [Develop a Basic Activity](/develop/typescript/core-application#develop-activities)
-- [Start an Activity Execution](/develop/typescript/core-application#activity-execution)
-- [Run Worker Processes](/develop/typescript/core-application#run-a-dev-worker)
-
-## [Temporal Client](/develop/typescript/temporal-clients)
-
-Connect to a Temporal Service and start a Workflow Execution.
-
-- [Connect to Development Temporal Service](/develop/typescript/temporal-clients#connect-to-development-service)
-- [Connect to Temporal Cloud](/develop/typescript/temporal-clients#connect-to-temporal-cloud)
-- [Start a Workflow Execution](/develop/typescript/temporal-clients#start-workflow-execution)
-
-## [Testing](/develop/typescript/testing-suite)
-
-Set up the testing suite and test Workflows and Activities.
-
-- [Test Frameworks](/develop/typescript/testing-suite#test-frameworks)
-- [Testing Activities](/develop/typescript/testing-suite#test-activities)
-- [Testing Workflows](/develop/typescript/testing-suite#test-workflows)
-- [How to Replay a Workflow Execution](/develop/typescript/testing-suite#replay)
-
-## [Failure detection](/develop/typescript/failure-detection)
-
-Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.
-
-- [Workflow Timeouts](/develop/typescript/failure-detection#workflow-timeouts)
-- [Set Activity Timeouts](/develop/typescript/failure-detection#activity-timeouts)
-- [Heartbeat an Activity](/develop/typescript/failure-detection#activity-heartbeats)
-
-## [Workflow message passing](/develop/typescript/message-passing)
-
-Send messages to and read the state of Workflow Executions.
-
-- [Develop with Signals](/develop/typescript/message-passing#signals)
-- [Develop with Queries](/develop/typescript/message-passing#queries)
-- [What is a Dynamic Handler](/develop/typescript/message-passing#dynamic-handler)
-
-## [Interrupt a Workflow feature guide](/develop/typescript/cancellation)
-
-Interrupt a Workflow Execution with a Cancel or Terminate action.
-
-- [Cancellation scopes in Typescript](/develop/typescript/cancellation#cancellation-scopes)
-
-## [Asynchronous Activity Completion](/develop/typescript/asynchronous-activity-completion)
-
-Complete Activities asynchronously.
-
-- [Asynchronously Complete an Activity](/develop/typescript/asynchronous-activity-completion)
-
-## [Versioning](/develop/typescript/versioning)
-
-Change Workflow Definitions without causing non-deterministic behavior in running Workflows.
-
-- [Introduction to Versioning](/develop/typescript/versioning)
-- [How to Use the Patching API](/develop/typescript/versioning#typescript-sdk-patching-api)
-- [How to Use Worker Versioning](/develop/typescript/versioning#worker-versioning)
-
-## [Observability](/develop/typescript/observability)
-
-Configure and use the Temporal Observability APIs.
-
-- [Emit Metrics](/develop/typescript/observability#metrics)
-- [Setup Tracing](/develop/typescript/observability#tracing)
-- [Log from a Workflow](/develop/typescript/observability#logging)
-- [Use Visibility APIs](/develop/typescript/observability#visibility)
-
-## [Debugging](/develop/typescript/debugging)
-
-Explore various ways to debug your application.
-
-- [Debugging](/develop/typescript/debugging)
-
-## [Schedules](/develop/typescript/schedules)
-
-Run Workflows on a schedule and delay the start of a Workflow.
-
-- [Schedule a Workflow](/develop/typescript/schedules#schedule-a-workflow)
-- [Temporal Cron Jobs](/develop/typescript/schedules#temporal-cron-jobs)
-- [How to use Start Delay](/develop/typescript/schedules#start-delay)
-
-## [Data encryption](/develop/typescript/converters-and-encryption)
-
-Use compression, encryption, and other data handling by implementing custom converters and codecs.
-
-- [Custom Payload Codec](/develop/typescript/converters-and-encryption#custom-payload-conversion)
-
-## [Durable Timers](/develop/typescript/timers)
-
-Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.
-
-- [What is a Timer](/develop/typescript/timers)
-
-## [Child Workflows](/develop/typescript/child-workflows)
-
-Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.
-
-- [Start a Child Workflow Execution](/develop/typescript/child-workflows)
-
-## [Continue-As-New](/develop/typescript/continue-as-new)
-
-Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.
-
-- [Continue-As-New](/develop/typescript/continue-as-new)
-
-## [Interceptors](/develop/typescript/interceptors)
-
-Manage inbound and outbound SDK calls, enhance tracing, and add authorization to your Workflows and Activities.
-
-- [How to implement interceptors](/develop/typescript/interceptors#interceptors)
-- [Register an interceptor](/develop/typescript/interceptors#register-interceptor)
+<div className="resources-card">
+  <h2>TypeScript SDK resources</h2>
+  <div className="resources-content">
+    <div className="resources-section">
+      <h3>Technical Resources</h3>
+      <ul>
+        <li><a href="https://typescript.temporal.io">TypeScript API Documentation</a></li>
+        <li><a href="https://github.com/temporalio/samples-typescript">TypeScript SDK Code Samples</a></li>
+        <li><a href="https://github.com/temporalio/sdk-typescript">TypeScript SDK GitHub</a></li>
+        <li><a href="https://learn.temporal.io/courses/temporal_101/typescript/">Temporal 101 in TypeScript Free Course</a></li>
+      </ul>
+    </div>
+    <div className="resources-section">
+      <h3>Community</h3>
+      <ul>
+        <li><a href="https://temporalio.slack.com/archives/C01DKSMU94L">Temporal TypeScript Community Slack</a></li>
+        <li><a href="https://community.temporal.io/tag/typescript-sdk">TypeScript SDK Forum</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h2><a href="/develop/typescript/core-application">Core Application</a></h2>
+    <p>Use the essential components of a Temporal Application (Workflows, Activities, and Workers) to build and run a Temporal application.</p>
+  </div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/temporal-clients">Temporal Client</a></h2>
+    <p>Connect to a Temporal Service and start a Workflow Execution.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/testing-suite">Testing</a></h2>
+    <p>Set up the testing suite and test Workflows and Activities.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/failure-detection">Failure Detection</a></h2>
+    <p>Explore how your application can detect failures using timeouts and automatically attempt to mitigate them with retries.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/message-passing">Workflow Message Passing</a></h2>
+    <p>Send messages to and read the state of Workflow Executions.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/cancellation">Interrupt a Workflow</a></h2>
+    <p>Interrupt a Workflow Execution with a Cancel or Terminate action.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/asynchronous-activity-completion">Asynchronous Activity Completion</a></h2>
+    <p>Complete Activities asynchronously.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/versioning">Versioning</a></h2>
+    <p>Change Workflow Definitions without causing non-deterministic behavior in current long-running Workflows.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/observability">Observability</a></h2>
+    <p>Configure and use the Temporal Observability APIs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/debugging">Debugging</a></h2>
+    <p>Explore various ways to debug your application.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/schedules">Schedules</a></h2>
+    <p>Run Workflows on a schedule and delay the start of a Workflow.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/converters-and-encryption">Data Encryption</a></h2>
+    <p>Use compression, encryption, and other data handling by implementing custom converters and codecs.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/timers">Durable Timers</a></h2>
+    <p>Use Timers to make a Workflow Execution pause or "sleep" for seconds, minutes, days, months, or years.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/child-workflows">Child Workflows</a></h2>
+    <p>Explore how to spawn a Child Workflow Execution and handle Child Workflow Events.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/continue-as-new">Continue-As-New</a></h2>
+    <p>Continue the Workflow Execution with a new Workflow Execution using the same Workflow ID.</p>
+</div>
+
+<div className="feature-card">
+    <h2><a href="/develop/typescript/interceptors">Interceptors</a></h2>
+    <p>Manage inbound and outbound SDK calls, enhance tracing, and add authorization to your Workflows and Activities.</p>
+</div>
+</div>
+
+<style>
+{`
+  .resources-card {
+    background: var(--ifm-color-emphasis-100);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .resources-card h2 {
+    margin-top: 0;
+    color: var(--ifm-color-emphasis-800);
+  }
+
+  .resources-content {
+    display: flex;
+    gap: 2rem;
+  }
+
+  .resources-section {
+    flex: 1;
+  }
+
+  .resources-section h3 {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 1.1rem;
+    margin-bottom: 1rem;
+  }
+
+  .resources-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .resources-section li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+  }
+
+  .feature-card {
+    background: var(--ifm-color-emphasis-0);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: 8px;
+    padding: 1.5rem;
+    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+
+  .feature-card:hover {
+    border-color: var(--ifm-color-primary);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    transform: translateY(-2px);
+  }
+
+  [data-theme='dark'] .feature-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  [data-theme='dark'] .feature-card:hover {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  }
+
+  .feature-card h2 {
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    color: var(--ifm-color-emphasis-900);
+  }
+
+  .feature-card h2 a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card h2 a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card p {
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.95rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+  }
+
+  .feature-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .feature-card li {
+    margin-bottom: 0.5rem;
+  }
+
+  .feature-card li a {
+    color: var(--ifm-color-emphasis-800);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-block;
+    position: relative;
+    transition: color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover {
+    color: var(--ifm-color-primary);
+  }
+
+  .feature-card li a::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    background-color: var(--ifm-color-primary);
+    transform: scaleX(0);
+    transform-origin: bottom right;
+    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .feature-card li a:hover::after {
+    transform: scaleX(1);
+    transform-origin: bottom left;
+  }
+
+  @media (max-width: 768px) {
+    .resources-content {
+      flex-direction: column;
+      gap: 1rem;
+    }
+
+    .feature-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  [data-theme='dark'] .resources-card {
+    border-color: var(--ifm-color-emphasis-200);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+`}
+</style>
diff --git a/docs/develop/typescript/message-passing.mdx b/docs/develop/typescript/message-passing.mdx
index 48e6cfe7bd..505f4fc5ac 100644
--- a/docs/develop/typescript/message-passing.mdx
+++ b/docs/develop/typescript/message-passing.mdx
@@ -32,6 +32,32 @@ Temporal Clients use messages to read Workflow state and control its execution.
 See [Workflow message passing](/encyclopedia/workflow-message-passing) for a general overview of this topic.
 This page introduces these features for the Temporal Typescript SDK.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#writing-message-handlers" className="topic-card">
+      <div className="topic-title">Write message handlers</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#send-messages" className="topic-card">
+      <div className="topic-title">Send messages</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-patterns" className="topic-card">
+      <div className="topic-title">Message handler patterns</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#message-handler-troubleshooting" className="topic-card">
+      <div className="topic-title">Message handler troubleshooting</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#dynamic-handler" className="topic-card">
+      <div className="topic-title">Dynamic components</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 ## Write message handlers {#writing-message-handlers}
 
 :::info
@@ -233,7 +259,7 @@ const supportedLanguages = await handle.query(getLanguages, {
 });
 ```
 
-- Sending a Query doesn’t add events to a Workflow's Event History.
+- Sending a Query doesn't add events to a Workflow's Event History.
 
 - You can send Queries to closed Workflow Executions within a Namespace's Workflow retention period.
   This includes Workflows that have completed, failed, or timed out.
@@ -244,7 +270,7 @@ const supportedLanguages = await handle.query(getLanguages, {
 ### Send a Signal {#send-signal}
 
 You can send a Signal to a Workflow Execution from a Temporal Client or from another Workflow Execution.
-However, you can only send Signals to Workflow Executions that haven’t closed.
+However, you can only send Signals to Workflow Executions that haven't closed.
 
 #### Send a Signal from a Client {#send-signal-from-client}
 
diff --git a/docs/develop/typescript/observability.mdx b/docs/develop/typescript/observability.mdx
index fda603a56f..15e8b8dcb1 100644
--- a/docs/develop/typescript/observability.mdx
+++ b/docs/develop/typescript/observability.mdx
@@ -19,12 +19,27 @@ tags:
 
 The observability section of the TypeScript developer guide covers the many ways to view the current state of your [Temporal Application](/temporal#temporal-application)—that is, ways to view which [Workflow Executions](/workflow-execution) are tracked by the [Temporal Platform](/temporal#temporal-platform) and the state of any specified Workflow Execution, either currently or at points of an execution.
 
-This section covers features related to viewing the state of the application, including:
-
-- [Emit metrics](#metrics)
-- [Set up tracing](#tracing)
-- [Log from a Workflow](#logging)
-- [Visibility APIs](#visibility)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#metrics" className="topic-card">
+      <div className="topic-title">Emit metrics</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#tracing" className="topic-card">
+      <div className="topic-title">Set up tracing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#logging" className="topic-card">
+      <div className="topic-title">Log from a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#visibility" className="topic-card">
+      <div className="topic-title">Visibility APIs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Emit metrics {#metrics}
 
diff --git a/docs/develop/typescript/schedules.mdx b/docs/develop/typescript/schedules.mdx
index 3af9e2425b..e69f0ce295 100644
--- a/docs/develop/typescript/schedules.mdx
+++ b/docs/develop/typescript/schedules.mdx
@@ -14,19 +14,23 @@ tags:
 description: Schedule automated tasks effortlessly with Temporal. Learn how to create, backfill, delete, describe, list, pause, trigger, and update Scheduled Workflows. Control your Workflow execution with Temporal Cron Jobs and ensure timely, automated business processes. Automate repetitive tasks and reduce manual intervention now!
 ---
 
-The pages shows how to do the following:
-
-- [Schedule a Workflow](#schedule-a-workflow)
-  - [Create a Scheduled Workflow](#create)
-  - [Backfill a Scheduled Workflow](#backfill)
-  - [Delete a Scheduled Workflow](#delete)
-  - [Describe a Scheduled Workflow](#describe)
-  - [List a Scheduled Workflow](#list)
-  - [Pause a Scheduled Workflow](#pause)
-  - [Trigger a Scheduled Workflow](#trigger)
-  - [Update a Scheduled Workflow](#update)
-- [Temporal Cron Jobs](#temporal-cron-jobs)
-- [Start Delay](#start-delay)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#schedule-a-workflow" className="topic-card">
+      <div className="topic-title">Schedule a Workflow</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#temporal-cron-jobs" className="topic-card">
+      <div className="topic-title">Use Temporal Cron Jobs</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-delay" className="topic-card">
+      <div className="topic-title">Use Start Delay</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## How to Schedule a Workflow {#schedule-a-workflow}
 
diff --git a/docs/develop/typescript/set-up-your-local-typescript.mdx b/docs/develop/typescript/set-up-your-local-typescript.mdx
new file mode 100644
index 0000000000..e43307c250
--- /dev/null
+++ b/docs/develop/typescript/set-up-your-local-typescript.mdx
@@ -0,0 +1,102 @@
+---
+id: set-up-your-local-typescript
+sidebar_label: Setup
+title: Setup
+---
+
+import { SetupSteps, SetupStep, CodeSnippet } from '@site/src/components/elements/SetupSteps';
+import { CallToAction } from '@site/src/components/elements/CallToAction';
+
+# Setup
+
+Configure your local development environment to get started developing with Temporal.
+
+<SetupSteps>
+<SetupStep code={
+  <>
+    <p>The TypeScript SDK requires Node.js 16 or later.</p>
+    <p>Install Node.js via your package manager by following the <a href="https://nodejs.org/en/download/" target="_blank">official Node.js instructions</a>.</p>
+  </>
+}>
+## Install Node.js
+
+The TypeScript SDK requires Node.js 16 or later. Install Node.js via your package manager by following the official Node.js instructions.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+npx @temporalio/create@latest ./my-app
+</CodeSnippet>
+<CodeSnippet language="bash">
+npm install @temporalio/client @temporalio/worker @temporalio/workflow
+</CodeSnippet>
+</>
+}>
+
+## Install the Temporal TypeScript SDK
+
+You can create a new project with the Temporal SDK:
+
+You can also add the Temporal TypeScript SDK to an existing project with the following command.
+
+Next, you'll configure a local Temporal Service for development.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+brew install temporal
+</CodeSnippet>
+</>
+}>
+
+## Install Temporal CLI
+
+The fastest way to get a development version of the Temporal Service running on your local machine is to use [Temporal CLI](https://docs.temporal.io/cli).
+
+Install Temporal CLI on your local machine using the following instructions for your platform.
+</SetupStep>
+
+<SetupStep code={
+<>
+<CodeSnippet language="bash">
+temporal server start-dev
+</CodeSnippet>
+
+<div className="port-info">
+<h4>Change the Web UI port</h4>
+<p>The Temporal Web UI may be on a different port in some examples or tutorials. To change the port for the Web UI, use the <code>--ui-port</code> option when starting the server:</p>
+<CodeSnippet language="bash">
+temporal server start-dev --ui-port 8080
+</CodeSnippet>
+<p>The Temporal Web UI will now be available at http://localhost:8080.</p>
+</div>
+<style>
+{`.port-info { background: rgba(68, 76, 231, 0.1); border: 1px solid rgba(68, 76, 231, 0.2); border-radius: 0.75rem; padding: 1.5rem; margin: 1.5rem 0; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } [data-theme='dark'] .port-info { background: rgba(68, 76, 231, 0.15); border-color: rgba(68, 76, 231, 0.3); } .port-info h4 { margin-top: 0; margin-bottom: 1rem; color: var(--ifm-color-emphasis-900); font-weight: 600; } .port-info p { margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; color: var(--ifm-color-emphasis-800); } .port-info p:last-child { margin-bottom: 0; } .port-info code { background: rgba(255, 255, 255, 0.5); padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; } [data-theme='dark'] .port-info code { background: rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .port-info { padding: 1.25rem; } }`}
+</style>
+<CodeSnippet language="bash">
+temporal server start-dev --db-filename your_temporal.db
+</CodeSnippet>
+</>
+}>
+
+## Start the development server
+
+Once you've installed Temporal CLI and added it to your PATH, open a new Terminal window and run the following command.
+
+This command starts a local Temporal Service. It starts the Web UI, creates the default Namespaces, and uses an in-memory database.
+
+The Temporal Service will be available on <b>localhost:7233</b>.
+The Temporal Web UI will be available at <b>http://localhost:8233</b>.
+
+Leave the local Temporal Service running as you work through tutorials and other projects. You can stop the Temporal Service at any time by pressing CTRL+C.
+
+The <code>temporal server start-dev</code> command uses an in-memory database, so stopping the server will erase all your Workflows and all your Task Queues. If you want to retain those between runs, start the server and specify a database filename using the <code>--db-filename</code> option, like this:
+</SetupStep>
+</SetupSteps>
+
+<CallToAction href="/develop/typescript/core-application">
+  <h3>Next: Run your first Temporal Application</h3>
+  <p>Learn how to create a basic Workflow and run it with the Temporal TypeScript SDK</p>
+</CallToAction>
diff --git a/docs/develop/typescript/temporal-clients.mdx b/docs/develop/typescript/temporal-clients.mdx
index ff0d1f8d38..a1f96e3651 100644
--- a/docs/develop/typescript/temporal-clients.mdx
+++ b/docs/develop/typescript/temporal-clients.mdx
@@ -29,11 +29,23 @@ tags:
 The Temporal Client, provided by the Temporal SDK, allows you to communicate with the Temporal Service.
 It acts as the bridge for communication between your applications and the Temporal Service.
 
-The following page shows how to:
-
-- [Connect to a local development Temporal Service](#connect-to-development-service)
-- [Connect to Temporal Cloud](#connect-to-temporal-cloud)
-- [Start a Workflow Execution](#start-workflow-execution)
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#connect-to-development-service" className="topic-card">
+      <div className="topic-title">Connect to a local development Temporal Service</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#connect-to-temporal-cloud" className="topic-card">
+      <div className="topic-title">Connect to Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#start-workflow-execution" className="topic-card">
+      <div className="topic-title">Start a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ## Connect to development Temporal Service {#connect-to-development-service}
 
@@ -336,7 +348,7 @@ return 'Completed ' + wf.workflowInfo().workflowId + ', Total Charged: '
 
 `totalCharged` is just a function declared in your code. For a full example, see [subscription-workflow-project-template-typescript/src/workflows.ts](https://github.com/temporalio/subscription-workflow-project-template-typescript/blob/main/src/workflows.ts).
 
-A Workflow function may return a result. If it doesn’t (in which case the return type is `Promise<void>`), the result will be `undefined`.
+A Workflow function may return a result. If it doesn't (in which case the return type is `Promise<void>`), the result will be `undefined`.
 
 If you started a Workflow with `client.workflow.start()`, you can choose to wait for the result anytime with `handle.result()`.
 
diff --git a/docs/develop/typescript/testing-suite.mdx b/docs/develop/typescript/testing-suite.mdx
index 81059f0008..621aaa67e5 100644
--- a/docs/develop/typescript/testing-suite.mdx
+++ b/docs/develop/typescript/testing-suite.mdx
@@ -14,6 +14,28 @@ tags:
 
 The Testing section of the Temporal Application development guide describes the frameworks that facilitate Workflow and integration testing.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#test-frameworks" className="topic-card">
+      <div className="topic-title">Test frameworks</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-activities" className="topic-card">
+      <div className="topic-title">Testing Activities</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#test-workflows" className="topic-card">
+      <div className="topic-title">Testing Workflows</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#replay" className="topic-card">
+      <div className="topic-title">Replay a Workflow Execution</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 In the context of Temporal, you can create these types of automated tests:
 
 - **End-to-end:** Running a Temporal Server and Worker with all its Workflows and Activities; starting and interacting with Workflows from a Client.
diff --git a/docs/develop/typescript/versioning.mdx b/docs/develop/typescript/versioning.mdx
index faf9f7af49..9a1de485cd 100644
--- a/docs/develop/typescript/versioning.mdx
+++ b/docs/develop/typescript/versioning.mdx
@@ -21,10 +21,25 @@ tags:
 import { CaptionedImage } from '@site/src/components';
 
 The Temporal Platform requires that Workflow code is [deterministic](/workflow-definition#deterministic-constraints).
-Because of that requirement, the Temporal TypeScript SDK offers two dedicated versioning features.
-
-- [Workflow Patching APIs](#patching)
-- [Worker Versioning](#worker-versioning)
+Because of that requirement, the Temporal TypeScript SDK offers two dedicated versioning features: Workflow Patching APIs and Worker Versioning.
+
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="#introduction-to-versioning" className="topic-card">
+      <div className="topic-title">Introduction to Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#patching" className="topic-card">
+      <div className="topic-title">Use TypeScript SDK Patching API</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="#worker-versioning" className="topic-card">
+      <div className="topic-title">Use Worker Versioning</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
 
 ### Alternatives
 
diff --git a/docs/encyclopedia/index.mdx b/docs/encyclopedia/index.mdx
index 3c9b5df817..1e90ea996e 100644
--- a/docs/encyclopedia/index.mdx
+++ b/docs/encyclopedia/index.mdx
@@ -9,22 +9,82 @@ keywords:
 
 [Temporal](/evaluate/why-temporal) provides developers a suite of effective tools for building reliable applications at scale.
 
-The following Encyclopedia pages describe the concepts, components, and features of Temporal in detail:
+<div className="features-intro">
+  The following Encyclopedia pages describe the concepts, components, and features of Temporal in detail:
+</div>
 
-- [Temporal](/temporal)
-- [Temporal SDKs](/encyclopedia/temporal-sdks)
-- [Workflows](/workflows)
-- [Activities](/activities)
-- [Detecting application failures](/encyclopedia/detecting-application-failures)
-- [Workers](/workers)
-- [Event History](/encyclopedia/event-history/)
-- [Workflow Message Passing](/encyclopedia/workflow-message-passing/)
-- [Child Workflows](/child-workflows)
-- [Visibility](/visibility)
-- [Temporal Service](/temporal-service)
-- [Namespaces](/namespaces)
-- [Temporal Nexus](/nexus)
-- [Data conversion](/dataconversion)
+<div className="feature-grid">
+  <div className="feature-card">
+    <h3>Temporal</h3>
+    <p>Core concepts and overview of the Temporal platform for building reliable distributed applications.</p>
+    <a href="/temporal" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Temporal SDKs</h3>
+    <p>Software development kits that provide APIs and tools for building Temporal applications.</p>
+    <a href="/encyclopedia/temporal-sdks" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Workflows</h3>
+    <p>Durable functions that coordinate Activities and maintain state across failures and restarts.</p>
+    <a href="/workflows" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Activities</h3>
+    <p>Functions that interact with external systems and can be retried independently of Workflows.</p>
+    <a href="/activities" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Detecting application failures</h3>
+    <p>Mechanisms for identifying and handling failures in distributed Temporal applications.</p>
+    <a href="/encyclopedia/detecting-application-failures" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Workers</h3>
+    <p>Processes that execute Workflow and Activity code, polling for tasks from the Temporal Service.</p>
+    <a href="/workers" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Event History</h3>
+    <p>Complete record of all events that occurred during a Workflow Execution's lifetime.</p>
+    <a href="/encyclopedia/event-history/" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Workflow Message Passing</h3>
+    <p>Communication patterns including Signals, Queries, and Updates for Workflow interactions.</p>
+    <a href="/encyclopedia/workflow-message-passing/" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Child Workflows</h3>
+    <p>Workflows that are started by other Workflows, enabling composition and modularity.</p>
+    <a href="/child-workflows" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Visibility</h3>
+    <p>Tools and APIs for observing and querying the state of Workflow Executions.</p>
+    <a href="/visibility" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Temporal Service</h3>
+    <p>The backend service that manages Workflow state, task distribution, and durability.</p>
+    <a href="/temporal-service" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Namespaces</h3>
+    <p>Logical isolation boundaries for organizing Workflows, Activities, and other resources.</p>
+    <a href="/namespaces" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Temporal Nexus</h3>
+    <p>Service framework for building and operating resilient service APIs with Temporal.</p>
+    <a href="/nexus" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Data conversion</h3>
+    <p>Mechanisms for serializing, deserializing, and transforming data in Temporal applications.</p>
+    <a href="/dataconversion" className="feature-link">Learn more →</a>
+  </div>
+</div>
 
 For a complete list of Temporal terms, see the [Glossary](/glossary).
 
diff --git a/docs/evaluate/development-production-features/index.mdx b/docs/evaluate/development-production-features/index.mdx
index 4fe83b65b0..33ab71846e 100644
--- a/docs/evaluate/development-production-features/index.mdx
+++ b/docs/evaluate/development-production-features/index.mdx
@@ -25,23 +25,87 @@ keywords:
   - queries
 ---
 
-Through a Temporal SDK, Temporal provides a wide range of features that enable developers to build applications that serve a wide range of use cases.
+import { CallToAction } from '@site/src/components/elements/CallToAction';
 
-- **[Core application primitives](/evaluate/development-production-features/core-application)**: Develop and run your application with Workflows, Activities, and Workers.
-- **[Testing suite](/evaluate/development-production-features/testing-suite)**: Each Temporal SDK comes with a testing suite that enables developers to test their applications as they would any other.
-- **[Scheduled Workflows](/evaluate/development-production-features/schedules)**: Start a business process at a specific time or on a given time interval.
-- **[Interrupt a Workflow](/evaluate/development-production-features/interrupt-workflow)**: Cancel or terminate a business process (Workflow) that is already in progress and compensate for any steps already taken.
-- **Runtime safeguards**: Prevent avoidable errors and issues from executing during runtime.
-- **[Failure detection and mitigation](/evaluate/development-production-features/failure-detection)**: Detect failures with timeouts and configure automatic retries to mitigate them.
-- **[Temporal Nexus](/evaluate/nexus)**: Connect Temporal Applications across (and within) isolated Namespaces for improved modularity, security, debugging, and fault isolation. Nexus supports cross-team, cross-domain, and multi-region use cases.
-- **[Workflow message passing](/evaluate/development-production-features/workflow-message-passing)**: Build responsive applications that react to events at runtime and enable data retrieval from ongoing Workflows.
-- **Versioning**: Support multiple versions of your business logic for long-running business processes.
-- **[Observability](/evaluate/development-production-features/observability)**: List business process, view their state, and set up dashboards with metrics.
-- **[Debugging](/evaluate/development-production-features/debugging)**: Surface errors and step through code to find issues.
-- **[Data encryption](/evaluate/development-production-features/data-encryption)**: Transform data and protect the privacy of the users of your application.
-- **[Throughput composability](/evaluate/development-production-features/throughput-composability)**: Breakup business processes by data streams, team ownership, or other organization factors.
-- **[Cloud Automation](/evaluate/development-production-features/cloud-automation)**: Simplify cloud management and boost security with Temporal's Cloud Automation.
-- **[Low Latency](/evaluate/development-production-features/low-latency)**: Making your applications faster, more performant, and more efficient.
-- **[Multi-tenancy](/evaluate/development-production-features/multi-tenancy)**: Enhances efficiency and cost-effectiveness.
+# Features
 
-For detailed information on Temporal feature release stages and criteria, see this [Product Release Stages Guide](/evaluate/development-production-features/release-stages).
+<div className="features-intro">
+  The Temporal SDK provides a comprehensive suite of features designed to make building reliable, scalable applications easier than ever. Explore the full feature set below.
+</div>
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h3>Core application</h3>
+    <p>Workflows, Activities, and Workers form the foundation of every Temporal application.</p>
+    <a href="/evaluate/development-production-features/core-application" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Failure detection</h3>
+    <p>Automatic detection and handling of failures, with timeouts and retry policies.</p>
+    <a href="/evaluate/development-production-features/failure-detection" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Composability</h3>
+    <p>Partition and compose business logic with Child Workflows for scalable throughput.</p>
+    <a href="/evaluate/development-production-features/throughput-composability" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Temporal Nexus</h3>
+    <p>Connect applications and teams across namespaces for modular, secure architectures.</p>
+    <a href="/evaluate/nexus" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Workflow message passing</h3>
+    <p>Signals, Queries, and Updates enable dynamic, real-time interaction with running Workflows.</p>
+    <a href="/evaluate/development-production-features/workflow-message-passing" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Debugging</h3>
+    <p>Powerful debugging tools, including replay debugging and state inspection.</p>
+    <a href="/evaluate/development-production-features/debugging" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Interrupt a Workflow</h3>
+    <p>Cancel or terminate a Workflow in progress and compensate for completed steps.</p>
+    <a href="/evaluate/development-production-features/interrupt-workflow" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Testing suite</h3>
+    <p>Comprehensive testing tools for unit, integration, and end-to-end testing.</p>
+    <a href="/evaluate/development-production-features/testing-suite" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Observability</h3>
+    <p>Metrics, tracing, logging, and visibility into your application state.</p>
+    <a href="/evaluate/development-production-features/observability" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Data encryption</h3>
+    <p>End-to-end encryption for your workflow data, ensuring sensitive information remains secure.</p>
+    <a href="/evaluate/development-production-features/data-encryption" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Schedules</h3>
+    <p>Schedule Workflows to run at specific times or intervals, with cron and custom logic support.</p>
+    <a href="/evaluate/development-production-features/schedules" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Cloud automation</h3>
+    <p>Automate cloud infrastructure management, including provisioning, scaling, and maintenance tasks.</p>
+    <a href="/evaluate/development-production-features/cloud-automation" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Low latency</h3>
+    <p>Optimized for low-latency operations, ensuring your workflows run as quickly as possible.</p>
+    <a href="/evaluate/development-production-features/low-latency" className="feature-link">Learn more →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Multi-tenancy</h3>
+    <p>Support for multiple tenants in a single Temporal cluster, with isolation and resource management.</p>
+    <a href="/evaluate/development-production-features/multi-tenancy" className="feature-link">Learn more →</a>
+  </div>
+</div>
+
+<CallToAction href="/evaluate/development-production-features/release-stages">
+  For detailed information about feature release stages and criteria, see our Product Release Stages Guide.
+</CallToAction>
diff --git a/docs/evaluate/index.mdx b/docs/evaluate/index.mdx
index e8a3d32665..950621ab8a 100644
--- a/docs/evaluate/index.mdx
+++ b/docs/evaluate/index.mdx
@@ -1,26 +1,113 @@
 ---
 id: index
-title: Evaluate Temporal
-sidebar_label: Evaluate
-description: Temporal enhances distributed application development with clear code structure, fault-tolerance, and execution guarantees, trusted by thousands for mission-critical workloads.
-collapsed: false
-toc_max_heading_level: 4
-keywords:
-  - evaluate temporal
-  - temporal
-  - what is temporal
-  - introduction to temporal
-tags:
-  - Temporal
+title: Introducing Temporal
+sidebar_label: Introduction
+description: Temporal is a developer-first, open source platform that ensures the successful execution of services and applications.
 ---
 
-Temporal is designed to make developing distributed applications a delightful experience.
-Developers benefit from a clear approach to structure their code and visibility into the state of their application.
-Applications benefit from fault-tolerance and execution guarantees.
-Thousands of companies of all sizes are leveraging Temporal's capabilities for both mission critical and standard workloads.
+# Introducing Temporal
 
-- [Why Temporal](/evaluate/why-temporal)
-- [Development and production features](/evaluate/development-production-features)
-- [Use cases](/evaluate/use-cases-design-patterns)
-- [Temporal Cloud](/cloud)
-- [Security](/security)
+Temporal is a developer-first, open source platform that ensures the successful execution of services and applications.
+
+## Who is Temporal for?
+
+- Backend engineers
+- Platform engineers
+- SRE/DevOps, infrastructure engineers
+- Architects
+
+## What problems does Temporal solve?
+
+<div className="pattern-grid">
+  <a href="/concepts/saga-pattern" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Compensating transactions (saga pattern)</h3>
+      <p>Handle failures across distributed services with compensating transactions</p>
+    </div>
+  </a>
+
+<a href="/concepts/human-loops" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Human-in-the-loop</h3>
+      <p>Integrate human decision making into automated processes</p>
+    </div>
+  </a>
+
+<a href="/concepts/long-running-workflows" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Long-running workflows</h3>
+      <p>Build reliable processes that run for days or months</p>
+    </div>
+  </a>
+
+<a href="/concepts/patterns" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Microservice orchestration</h3>
+      <p>Coordinate multiple services and handle failures gracefully</p>
+    </div>
+  </a>
+
+<a href="/concepts/use-cases" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Reliable scheduling</h3>
+      <p>Schedule and manage recurring tasks with guaranteed execution</p>
+    </div>
+  </a>
+
+<a href="/concepts/patterns" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Distributed transactions</h3>
+      <p>Maintain data consistency across multiple services</p>
+    </div>
+  </a>
+</div>
+
+## How does Temporal work?
+
+Temporal provides durable execution for your applications through its unique architecture. Write your business logic as Workflows and Activities, deploy them to Workers, and let Temporal handle the rest.
+
+## What programming languages are supported?
+
+Temporal allows you to develop with durable execution in different languages and multiple languages can be used to build single services, enabling polyglot development.
+
+<div className="sdk-logos">
+  <img src="/img/sdks/svgs/sdk-box-logos/go.svg" alt="Go SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/java.svg" alt="Java SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/typescript.svg" alt="TypeScript SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/python.svg" alt="Python SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/php.svg" alt="PHP SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/dotnet.svg" alt=".NET SDK" style={{ maxWidth: '60%' }} />
+  <img src="/img/sdks/svgs/sdk-box-logos/ruby.png" alt="Ruby SDK" style={{ maxWidth: '60%' }} />
+</div>
+
+## Self-Hosted or Fully-Managed Service
+
+Temporal is fully open source. You can self-host the Temporal Service or use Temporal Cloud, our fully-managed SaaS offering.
+
+<div className="dark-mode-image" style={{ justifyContent: 'center', alignItems: 'center', margin: '20px 0' }}>
+  <img src="/img/assets/self_hosted_cloud.svg" alt="Self-Hosted or Fully-Managed Service" style={{ maxWidth: '50%' }} />
+</div>
+
+<div className="cta-container">
+  <a href="/evaluate/understanding-temporal" className="cta-link">
+    <div className="cta-content">
+      <span className="cta-prefix">Next:</span>
+      <span className="cta-title">Understanding Temporal</span>
+    </div>
+    <div className="cta-arrow">→</div>
+  </a>
+</div>
+
+<style>
+{`
+  .dark-mode-image {
+    display: none;
+  }
+
+  [data-theme='dark'] .dark-mode-image {
+    display: flex !important;
+    justify-content: center;
+    align-items: center;
+  }
+`}
+</style>
diff --git a/docs/evaluate/temporal-cloud/index.mdx b/docs/evaluate/temporal-cloud/index.mdx
index fb194d3d70..d2c5abef40 100644
--- a/docs/evaluate/temporal-cloud/index.mdx
+++ b/docs/evaluate/temporal-cloud/index.mdx
@@ -12,18 +12,42 @@ tags:
   - Temporal Cloud
 ---
 
-In this introduction to Temporal Cloud you'll find the following information:
-
-- [Overview of Temporal Cloud](/cloud/overview)
-- [Security](/cloud/security)
-- [Service availability](/cloud/service-availability)
-- [Defaults, limits, and configurable settings](/cloud/limits)
-- [SLA](/cloud/sla)
-- [Pricing](/cloud/pricing)
-- [Support](/cloud/support)
-
 [Temporal Cloud](https://temporal.io/cloud) serves as a software as a service (SaaS) infrastructure platform, specifically designed to manage the durability of your Temporal Applications.
 
+<div className="topics-covered-section">
+  <h2 className="topics-covered-title">Topics covered in this section</h2>
+  <div className="topics-grid">
+    <a href="/cloud/overview" className="topic-card">
+      <div className="topic-title">Overview of Temporal Cloud</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/security" className="topic-card">
+      <div className="topic-title">Security</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/service-availability" className="topic-card">
+      <div className="topic-title">Service availability</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/limits" className="topic-card">
+      <div className="topic-title">Defaults, limits, and configurable settings</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/sla" className="topic-card">
+      <div className="topic-title">SLA</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/pricing" className="topic-card">
+      <div className="topic-title">Pricing</div>
+      <div className="topic-arrow">→</div>
+    </a>
+    <a href="/cloud/support" className="topic-card">
+      <div className="topic-title">Support</div>
+      <div className="topic-arrow">→</div>
+    </a>
+  </div>
+</div>
+
 Temporal Cloud offers developers a hassle-free way to leverage the power of Temporal without the operational overhead. Here's what you get:
 
 - Scalability: Start small and grow seamlessly. Handles anything from modest workloads to 100B+ actions/month.
diff --git a/docs/getting-started.mdx b/docs/getting-started.mdx
deleted file mode 100644
index 9135ce1f7a..0000000000
--- a/docs/getting-started.mdx
+++ /dev/null
@@ -1,39 +0,0 @@
----
-id: getting-started
-title: Getting started with Temporal
-description: Explore Temporal SDKs for .Net, Go, Java, TypeScript, PHP, and Python to build robust Temporal applications. Start with the Temporal SDK of your choice today!
-sidebar_label: Get started
----
-
-Temporal offers a range of SDKs to help you build Temporal applications.
-The SDKs are available for .Net, Go, Java, TypeScript, PHP, and Python.
-
-## Temporal Go SDK
-
-Get started with the [Temporal Go SDK](https://learn.temporal.io/getting_started/go).
-
-[<img src="/get-started/go.svg" width="450" height="127"/>](https://learn.temporal.io/getting_started/go)
-
-## Temporal Java SDK
-
-Get started with the [Temporal Java SDK](https://learn.temporal.io/getting_started/java).
-
-[<img src="/get-started/java.svg" width="450" height="127"/>](https://learn.temporal.io/getting_started/java)
-
-## Temporal PHP SDK
-
-Get started with the [Temporal PHP SDK](https://learn.temporal.io/getting_started/php).
-
-[<img src="/get-started/php.svg" width="450" height="127"/>](https://learn.temporal.io/getting_started/php)
-
-## Temporal Python SDK
-
-Get started with the [Temporal Python SDK](https://learn.temporal.io/getting_started/python).
-
-[<img src="/get-started/python.svg" width="450" height="127"/>](https://learn.temporal.io/getting_started/python)
-
-## Temporal TypeScript SDK
-
-Get started with the [Temporal TypeScript SDK](https://learn.temporal.io/getting_started/typescript).
-
-[<img src="/get-started/typescript.svg" width="450" height="127"/>](https://learn.temporal.io/getting_started/typescript)
diff --git a/docs/index.mdx b/docs/index.mdx
index 26a8cce630..7bc64a2a5c 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -1,14 +1,30 @@
 ---
 id: index
-title: Temporal Platform Documentation
-sidebar_label: Documentation Home
+title: Temporal Documentation
+sidebar_label: Home
 description: Explore Temporal's comprehensive documentation to build, scale, and manage reliable, fault-tolerant workflows with Workflow-as-Code solutions.
 ---
 
-<head>
-  <title>Temporal Platform Documentation</title>
-</head>
+<!--
+<div className="docs-landing-header">
+  <div className="container">
+    <h2> What is Temporal? </h2>
 
-import { Intro } from '@site/src/components';
+    <div className="description-section">
 
-<Intro />
+      <p>Temporal is an open-source development platform for building reliable and durable applications.
+      Temporal ensures that your application behaves correctly despite failure conditions by guaranteeing that it will keep running, no matter what happens.</p>
+    </div>
+
+    <img
+      src="/homepage/sdk-logos-with-ruby.png"
+      alt="SDK Logo Banner"
+      className="fixed-size-logo"
+    />
+  </div>
+</div>
+-->
+
+import TemporalDocsLanding from '@site/src/components/experimental/TemporalDocsLanding';
+
+<TemporalDocsLanding />
diff --git a/docs/references/index.mdx b/docs/references/index.mdx
index f1c44279fe..c49a6ea966 100644
--- a/docs/references/index.mdx
+++ b/docs/references/index.mdx
@@ -7,16 +7,86 @@ tags:
   - Reference
 ---
 
-- [SDK metrics reference](/references/sdk-metrics)
-- [Commands reference](/references/commands)
-- [Events reference](/references/events)
-- [Web UI environmental variables reference](/references/web-ui-environment-variables)
-- [Temporal Service configuration reference](/references/configuration)
-- [Temporal Web UI configuration reference](/references/web-ui-configuration)
-- [Go SDK API reference](https://pkg.go.dev/go.temporal.io/sdk)
-- [Java SDK API reference](https://www.javadoc.io/doc/io.temporal/temporal-sdk/latest/index.html)
-- [Python SDK API reference](https://python.temporal.io/)
-- [TypeScript SDK API reference](https://typescript.temporal.io)
-- [.NET SDK API reference](https://dotnet.temporal.io/api/)
-- [PHP SDK API reference](https://php.temporal.io/namespaces/temporal.html)
-- [Glossary](/glossary)
+<div className="features-intro">
+  Comprehensive reference documentation for the Temporal Platform, including configuration guides, API references, and technical specifications.
+</div>
+
+## Platform References
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h3>SDK Metrics</h3>
+    <p>Complete reference for metrics emitted by Temporal SDKs for monitoring and observability.</p>
+    <a href="/references/sdk-metrics" className="feature-link">View reference →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Commands</h3>
+    <p>Reference guide for Temporal CLI commands and their usage patterns.</p>
+    <a href="/references/commands" className="feature-link">View reference →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Events</h3>
+    <p>Comprehensive list of all Workflow and Activity events in the Temporal Platform.</p>
+    <a href="/references/events" className="feature-link">View reference →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Temporal Service Configuration</h3>
+    <p>Configuration options and settings for self-hosted Temporal Service deployments.</p>
+    <a href="/references/configuration" className="feature-link">View reference →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Web UI Configuration</h3>
+    <p>Configuration reference for customizing the Temporal Web UI interface.</p>
+    <a href="/references/web-ui-configuration" className="feature-link">View reference →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Web UI Environment Variables</h3>
+    <p>Environment variables for configuring Temporal Web UI deployment settings.</p>
+    <a href="/references/web-ui-environment-variables" className="feature-link">View reference →</a>
+  </div>
+</div>
+
+## SDK API References
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h3>Go SDK API</h3>
+    <p>Complete API documentation for the Temporal Go SDK with types, methods, and examples.</p>
+    <a href="https://pkg.go.dev/go.temporal.io/sdk" className="feature-link">View API docs →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Java SDK API</h3>
+    <p>Comprehensive Javadoc reference for the Temporal Java SDK classes and interfaces.</p>
+    <a href="https://www.javadoc.io/doc/io.temporal/temporal-sdk/latest/index.html" className="feature-link">View API docs →</a>
+  </div>
+  <div className="feature-card">
+    <h3>Python SDK API</h3>
+    <p>Python SDK API reference with detailed documentation for all modules and functions.</p>
+    <a href="https://python.temporal.io/" className="feature-link">View API docs →</a>
+  </div>
+  <div className="feature-card">
+    <h3>TypeScript SDK API</h3>
+    <p>TypeScript SDK API documentation with type definitions and usage examples.</p>
+    <a href="https://typescript.temporal.io" className="feature-link">View API docs →</a>
+  </div>
+  <div className="feature-card">
+    <h3>.NET SDK API</h3>
+    <p>Complete .NET SDK API reference with C# classes, methods, and code samples.</p>
+    <a href="https://dotnet.temporal.io/api/" className="feature-link">View API docs →</a>
+  </div>
+  <div className="feature-card">
+    <h3>PHP SDK API</h3>
+    <p>PHP SDK API documentation with detailed class references and usage patterns.</p>
+    <a href="https://php.temporal.io/namespaces/temporal.html" className="feature-link">View API docs →</a>
+  </div>
+</div>
+
+## Additional Resources
+
+<div className="feature-grid">
+  <div className="feature-card">
+    <h3>Glossary</h3>
+    <p>Comprehensive glossary of Temporal terms, concepts, and technical definitions.</p>
+    <a href="/glossary" className="feature-link">View glossary →</a>
+  </div>
+</div>
diff --git a/docs/security.mdx b/docs/security.mdx
index 6afd52b099..360355ccda 100644
--- a/docs/security.mdx
+++ b/docs/security.mdx
@@ -11,20 +11,127 @@ tags:
   - Security
 ---
 
-:::info Temporal Technologies' general company security
+Find security information for your Temporal deployment, whether you're using Temporal Cloud or self-hosting.
 
-For information about the general security habits of Temporal Technologies, see our [trust page](https://trust.temporal.io).
+<div className="pattern-grid">
+  <a href="https://trust.temporal.io" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Company Security</h3>
+      <p>Learn about Temporal Technologies' general security practices, compliance certifications, and organizational security measures.</p>
+    </div>
+  </a>
 
-:::
+<a href="/cloud/security" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Temporal Cloud Security</h3>
+      <p>Explore the security features of our SaaS offering, including mTLS, end-to-end encryption, and enterprise compliance.</p>
+    </div>
+  </a>
 
-:::info Temporal Cloud (SaaS) security
+<a href="/self-hosted-guide/security" className="pattern-card">
+    <div className="pattern-content">
+      <h3>Self-Hosted Security</h3>
+      <p>Discover how to deploy and secure your own Temporal Platform infrastructure with production-ready best practices.</p>
+    </div>
+  </a>
+</div>
 
-For information about the security features of our SaaS offering, Temporal Cloud, see our [Cloud security page](/cloud/security).
+<style jsx>{`
+  .security-cards-container {
+    margin: 2rem 0;
+  }
 
-:::
+  .security-cards-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+    margin-top: 2rem;
+  }
 
-:::info Self-hosted security
+  .security-card {
+    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
+    border: 1px solid #e1e8ed;
+    border-radius: 12px;
+    padding: 2rem;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    position: relative;
+    overflow: hidden;
+  }
 
-For information about how to self-host a secure Temporal Platform, see the [Self-hosted security page](/self-hosted-guide/security).
+  .security-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #444ce7 0%, #b664ff 100%);
+  }
 
-:::
+  .security-card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(68, 76, 231, 0.12);
+    border-color: #444ce7;
+  }
+
+  .security-card-header h3 {
+    margin: 0 0 0.5rem 0;
+    font-size: 1.375rem;
+    font-weight: 600;
+    color: #1a1b23;
+    line-height: 1.3;
+  }
+
+  .security-card-divider {
+    width: 40px;
+    height: 3px;
+    background: linear-gradient(90deg, #444ce7 0%, #b664ff 100%);
+    border-radius: 2px;
+    margin-bottom: 1.5rem;
+  }
+
+  .security-card-body p {
+    color: #5d6b7d;
+    line-height: 1.6;
+    margin-bottom: 1.5rem;
+    font-size: 0.95rem;
+  }
+
+  .security-card-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #444ce7;
+    text-decoration: none;
+    font-weight: 500;
+    font-size: 0.95rem;
+    transition: all 0.2s ease;
+    padding: 0.5rem 0;
+  }
+
+  .security-card-button:hover {
+    color: #3730a3;
+    text-decoration: none;
+    transform: translateX(2px);
+  }
+
+  .security-card-button svg {
+    transition: transform 0.2s ease;
+  }
+
+  .security-card-button:hover svg {
+    transform: translateX(2px);
+  }
+
+  @media (max-width: 768px) {
+    .security-cards-grid {
+      grid-template-columns: 1fr;
+      gap: 1.5rem;
+    }
+
+    .security-card {
+      padding: 1.5rem;
+    }
+  }
+`}</style>
diff --git a/docusaurus.config.js b/docusaurus.config.js
index d8af10299f..a58e38bbd8 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -27,7 +27,7 @@ module.exports = async function createConfigAsync() {
     clientModules: ["./src/client/remote-amplitude-analytics.js"],
     themeConfig: {
       colorMode: {
-        defaultMode: "light",
+        respectPrefersColorScheme: true,
         disableSwitch: false,
         // switchConfig: {
         //   darkIcon: "🌙",
diff --git a/sidebars.js b/sidebars.js
index dfe34951d4..8636d4559c 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -3,14 +3,13 @@ module.exports = {
     "index",
     {
       type: "category",
-      label: "Evaluate",
+      label: "Introduction",
       collapsed: false,
       link: {
         type: "doc",
         id: "evaluate/index",
       },
       items: [
-        "evaluate/why-temporal",
         "evaluate/understanding-temporal",
         {
           type: "category",
@@ -20,36 +19,21 @@ module.exports = {
             type: "doc",
             id: "evaluate/development-production-features/index",
           },
+          items: [],
+        },
+        {
+          type: "category",
+          label: "Product release stages",
+          collapsed: true,
+          link: {
+            type: "doc",
+            id: "evaluate/development-production-features/release-stages",
+          },
           items: [
-            "evaluate/development-production-features/core-application",
-            "evaluate/development-production-features/failure-detection",
-            "evaluate/development-production-features/throughput-composability",
-            "evaluate/development-production-features/nexus",
-            "evaluate/development-production-features/workflow-message-passing",
-            "evaluate/development-production-features/debugging",
-            "evaluate/development-production-features/interrupt-workflow",
-            "evaluate/development-production-features/testing-suite",
-            "evaluate/development-production-features/observability",
-            "evaluate/development-production-features/data-encryption",
-            "evaluate/development-production-features/schedules",
-            "evaluate/development-production-features/cloud-automation",
-            "evaluate/development-production-features/low-latency",
-            "evaluate/development-production-features/multi-tenancy",
             {
-              type: "category",
-              label: "Product release stages",
-              collapsed: true,
-              link: {
-                type: "doc",
-                id: "evaluate/development-production-features/release-stages",
-              },
-              items: [
-                {
-                  type: "link",
-                  label: "Change-log",
-                  href: "https://temporal.io/change-log",
-                },
-              ],
+              type: "link",
+              label: "Change-log",
+              href: "https://temporal.io/change-log",
             },
           ],
         },
@@ -85,7 +69,6 @@ module.exports = {
           ],
         },
         "security",
-        "evaluate/use-cases-design-patterns",
       ],
     },
     {
@@ -111,6 +94,7 @@ module.exports = {
             id: "develop/go/index",
           },
           items: [
+            "develop/go/set-up-your-local-go",
             "develop/go/core-application",
             "develop/go/temporal-clients",
             "develop/go/go-sdk-multithreading",
@@ -143,6 +127,7 @@ module.exports = {
             id: "develop/java/index",
           },
           items: [
+            "develop/java/set-up-your-local-java",
             "develop/java/core-application",
             "develop/java/temporal-clients",
             "develop/java/namespaces",
@@ -171,6 +156,7 @@ module.exports = {
             id: "develop/php/index",
           },
           items: [
+            "develop/php/set-up-your-local-php",
             "develop/php/core-application",
             "develop/php/temporal-clients",
             "develop/php/testing-suite",
@@ -196,6 +182,7 @@ module.exports = {
             id: "develop/python/index",
           },
           items: [
+            "develop/python/set-up-your-local-python",
             "develop/python/core-application",
             "develop/python/temporal-clients",
             "develop/python/python-sdk-sandbox",
@@ -224,6 +211,7 @@ module.exports = {
             id: "develop/typescript/index",
           },
           items: [
+            "develop/typescript/set-up-your-local-typescript",
             "develop/typescript/core-application",
             "develop/typescript/temporal-clients",
             "develop/typescript/namespaces",
@@ -252,6 +240,7 @@ module.exports = {
             id: "develop/dotnet/index",
           },
           items: [
+            "develop/dotnet/set-up-your-local-dotnet",
             "develop/dotnet/core-application",
             "develop/dotnet/temporal-client",
             "develop/dotnet/testing-suite",
diff --git a/src/components/elements/CallToAction.js b/src/components/elements/CallToAction.js
new file mode 100644
index 0000000000..7be158145a
--- /dev/null
+++ b/src/components/elements/CallToAction.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import styles from './call-to-action.module.css';
+
+ export const CallToAction = ({ href, children }) => {
+   return (
+     <a href={href} className={styles.cta}>
+       <div className={styles.content}>
+         {children}
+       </div>
+       <div className={styles.arrow}>→</div>
+     </a>
+   );
+ };
\ No newline at end of file
diff --git a/src/components/elements/InfoBox.js b/src/components/elements/InfoBox.js
new file mode 100644
index 0000000000..d53c30a91d
--- /dev/null
+++ b/src/components/elements/InfoBox.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import styles from './info-box.module.css';
+
+export const InfoBox = ({ title, children }) => {
+  return (
+    <div className={styles.infoBox}>
+      <div className={styles.infoIcon}>ⓘ</div>
+      <div className={styles.content}>
+        <h3>{title}</h3>
+        {children}
+      </div>
+    </div>
+  );
+};  
\ No newline at end of file
diff --git a/src/components/elements/Intro.js b/src/components/elements/Intro.js
index ab55492435..bdd5cd995b 100644
--- a/src/components/elements/Intro.js
+++ b/src/components/elements/Intro.js
@@ -224,8 +224,8 @@ const slides = [
   {
     title: "Temporal Service",
     description: "Provides reliable and scalable workflow orchestration.",
-    content1: `A Temporal Service ensures that Workflows are resilient by saving each step the Workflow code takes. It also schedules retries whenever there are errors in your application’s code.`,
-    content2: `You can run it wherever you’d like and scale from a single laptop to thousands of machines, adding resources when and where you need them. And although you've just set up a lightweight Temporal Service for development, switching your code to point at a production Temporal Service only requires changing your connection parameters.`,
+    content1: `A Temporal Service ensures that Workflows are resilient by saving each step the Workflow code takes. It also schedules retries whenever there are errors in your application's code.`,
+    content2: `You can run it wherever you'd like and scale from a single laptop to thousands of machines, adding resources when and where you need them. And although you've just set up a lightweight Temporal Service for development, switching your code to point at a production Temporal Service only requires changing your connection parameters.`,
     giphy: "eePSFNBFv2W9owZ4Sh",
   },
   {
@@ -245,8 +245,8 @@ const slides = [
   {
     title: "Determinism",
     description: "Writing deterministic Workflows guarantees durability in the case of failure.",
-    content1: `Temporal's guarantee that your Workflow code can’t fail to continue running requires that the code in your Workflow must be deterministic. Simply put, this means that each execution of a Workflow, given the same input, must follow the same path through the code and produce the same output.`,
-    content2: `This means that you can’t generate a random number or interact with the outside world, as these actions are inherently non-deterministic. Generating a random number twice will likely produce different results, and if you access files, databases, or network services, you might get a failure or different results at different times.`,
+    content1: `Temporal's guarantee that your Workflow code can't fail to continue running requires that the code in your Workflow must be deterministic. Simply put, this means that each execution of a Workflow, given the same input, must follow the same path through the code and produce the same output.`,
+    content2: `This means that you can't generate a random number or interact with the outside world, as these actions are inherently non-deterministic. Generating a random number twice will likely produce different results, and if you access files, databases, or network services, you might get a failure or different results at different times.`,
     giphy: "5FSanfKqd3rS8",
   },
   {
@@ -262,7 +262,7 @@ const slides = [
       "Workers run Workflow and Activity code reliably and consistently. You can increase the scalability and availability of your application by running additional Workers. ",
     content1: `One thing that people new to Temporal find surprising is that the Temporal Service does not execute your code.`,
     content2: `You deploy your code to containers or machines that are separate from the Temporal Service. Using the Worker API provided by the Temporal SDK, you will run one or more Worker processes that will execute your Workflow and Activity code based on tasks managed by the Temporal Service.`,
-    content3: `The Temporal Service gives the Workers tasks like “Start running Workflow A,” and the Workers run the corresponding Workflow function or method.`,
+    content3: `The Temporal Service gives the Workers tasks like "Start running Workflow A," and the Workers run the corresponding Workflow function or method.`,
     giphy: "DhstvI3zZ598Nb1rFf",
   },
   {
diff --git a/src/components/elements/SdkLogos.js b/src/components/elements/SdkLogos.js
index 40223fb493..30738d0d89 100644
--- a/src/components/elements/SdkLogos.js
+++ b/src/components/elements/SdkLogos.js
@@ -3,43 +3,43 @@ import React from "react";
 const supportedTech = [
   {
     link: "/develop/go",
-    image: "/img/sdks/svgs/golang.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/go.svg",
     alt: "Go lang logo",
     class: "w-10 h-8",
   },
   {
     link: "/develop/java",
-    image: "/img/sdks/svgs/java.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/java.svg",
     alt: "Java logo",
     class: "w-7 h-7",
   },
   {
     link: "/develop/python",
-    image: "/img/sdks/svgs/python.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/python.svg",
     alt: "Python logo",
     class: "w-7 h-7",
   },
   {
     link: "/develop/typescript",
-    image: "/img/sdks/svgs/typescript.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/typescript.svg",
     alt: "TypeScript logo",
     class: "w-7 h-7",
   },
   {
     link: "/develop/php",
-    image: "/img/sdks/svgs/php.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/php.svg",
     alt: "php logo",
     class: "w-10",
   },
   {
     link: "/develop/dotnet",
-    image: "/img/sdks/svgs/dotnet.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/dotnet.svg",
     alt: ".Net logo",
     class: "w-10",
   },
   {
     link: "https://github.com/temporalio/sdk-ruby",
-    image: "/img/sdks/svgs/ruby.svg",
+    image: "/img/sdks/svgs/sdk-box-logos/ruby.png",
     alt: "Ruby logo",
     class: "w-10",
   },
diff --git a/src/components/elements/SetupSteps.js b/src/components/elements/SetupSteps.js
new file mode 100644
index 0000000000..18efed6e60
--- /dev/null
+++ b/src/components/elements/SetupSteps.js
@@ -0,0 +1,32 @@
+import React from 'react';
+ import styles from './setup-steps.module.css';
+ import CodeBlock from '@theme/CodeBlock';
+
+ export const SetupStep = ({ children, code }) => {
+   return (
+     <div className={styles.setupStep}>
+       <div className={styles.content}>
+         {children}
+       </div>
+       <div className={styles.code}>
+         {code}
+       </div>
+     </div>
+   );
+ };
+
+ export const CodeSnippet = ({ language, children }) => {
+   return (
+     <CodeBlock language={language} showLineNumbers={false}>
+       {children}
+     </CodeBlock>
+   );
+ };
+
+ export const SetupSteps = ({ children }) => {
+   return (
+     <div className={styles.setupSteps}>
+       {children}
+     </div>
+   );
+ };
\ No newline at end of file
diff --git a/src/components/elements/TopicCard.js b/src/components/elements/TopicCard.js
new file mode 100644
index 0000000000..5e309cea74
--- /dev/null
+++ b/src/components/elements/TopicCard.js
@@ -0,0 +1,84 @@
+import React from 'react';
+import Link from '@docusaurus/Link';
+import styles from './TopicCard.module.css';
+
+/**
+ * Reusable TopicCard component for consistent card styling across the site
+ * @param {Object} props
+ * @param {string} props.title - Card title
+ * @param {string} props.description - Card description
+ * @param {string} props.href - Link URL
+ * @param {string} props.variant - Card style variant: 'pattern', 'topic', 'feature', 'security'
+ * @param {React.ReactNode} props.icon - Optional icon element
+ * @param {boolean} props.showArrow - Whether to show arrow on hover
+ * @param {string} props.className - Additional CSS classes
+ */
+export function TopicCard({
+  title,
+  description,
+  href,
+  variant = 'pattern',
+  icon,
+  showArrow = true,
+  className = '',
+  ...props
+}) {
+  const cardClasses = [
+    styles.topicCard,
+    styles[`topicCard${variant.charAt(0).toUpperCase() + variant.slice(1)}`],
+    className
+  ].filter(Boolean).join(' ');
+
+  const CardContent = () => (
+    <>
+      <div className={styles.topicCardContent}>
+        {icon && <div className={styles.topicCardIcon}>{icon}</div>}
+        <h3 className={styles.topicCardTitle}>{title}</h3>
+        <p className={styles.topicCardDescription}>{description}</p>
+      </div>
+      {showArrow && <div className={styles.topicCardArrow}>→</div>}
+    </>
+  );
+
+  if (href) {
+    return (
+      <Link to={href} className={cardClasses} {...props}>
+        <CardContent />
+      </Link>
+    );
+  }
+
+  return (
+    <div className={cardClasses} {...props}>
+      <CardContent />
+    </div>
+  );
+}
+
+/**
+ * Container component for TopicCard grids
+ * @param {Object} props
+ * @param {React.ReactNode} props.children - TopicCard components
+ * @param {number} props.columns - Number of columns (2, 3, or 4)
+ * @param {string} props.className - Additional CSS classes
+ */
+export function TopicCardGrid({ 
+  children, 
+  columns = 2, 
+  className = '',
+  ...props 
+}) {
+  const gridClasses = [
+    styles.topicCardGrid,
+    styles[`topicCardGrid${columns}col`],
+    className
+  ].filter(Boolean).join(' ');
+  
+  return (
+    <div className={gridClasses} {...props}>
+      {children}
+    </div>
+  );
+}
+
+export default TopicCard; 
\ No newline at end of file
diff --git a/src/components/elements/TopicCard.module.css b/src/components/elements/TopicCard.module.css
new file mode 100644
index 0000000000..9e01c41a38
--- /dev/null
+++ b/src/components/elements/TopicCard.module.css
@@ -0,0 +1,212 @@
+/* Base TopicCard styles */
+.topicCard {
+  display: block;
+  padding: 2rem;
+  background-color: var(--ifm-background-surface-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 0;
+  color: var(--ifm-color);
+  text-decoration: none;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.topicCard:hover {
+  text-decoration: none;
+  color: var(--ifm-color);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+[data-theme='dark'] .topicCard {
+  background-color: #1C2128;
+  border-color: #30363D;
+}
+
+[data-theme='dark'] .topicCard:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+/* Card content layout */
+.topicCardContent {
+  flex: 1;
+}
+
+.topicCardIcon {
+  margin-bottom: 1rem;
+  display: flex;
+  align-items: center;
+}
+
+.topicCardTitle {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin: 0 0 0.75rem 0;
+  color: var(--ifm-color);
+}
+
+.topicCardDescription {
+  font-size: 0.875rem;
+  margin: 0;
+  color: var(--ifm-color-emphasis-700);
+  line-height: 1.5;
+}
+
+.topicCardArrow {
+  position: absolute;
+  top: 2rem;
+  right: 2rem;
+  color: var(--ifm-color-emphasis-600);
+  font-size: 1.2rem;
+  transition: transform 0.3s ease;
+}
+
+.topicCard:hover .topicCardArrow {
+  transform: translateX(4px);
+}
+
+/* Pattern variant (like your Introduction page) */
+.topicCardPattern {
+  /* Uses base styles */
+}
+
+/* Topic variant (like Temporal Cloud intro with gradient border) */
+.topicCardTopic {
+  display: flex;
+  align-items: center;
+  padding: 1rem 1.5rem;
+  background-image: linear-gradient(var(--ifm-card-background-color), var(--ifm-card-background-color)), 
+                    linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+  border: 2px solid transparent;
+  border-radius: 8px;
+}
+
+[data-theme='dark'] .topicCardTopic {
+  background-image: linear-gradient(#161723, #161723), 
+                    linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+}
+
+.topicCardTopic:hover {
+  box-shadow: 0 8px 24px rgba(68, 76, 231, 0.2);
+}
+
+.topicCardTopic .topicCardTitle {
+  font-size: 1rem;
+  font-weight: 500;
+  margin: 0;
+}
+
+.topicCardTopic .topicCardDescription {
+  display: none; /* Topics usually don't show descriptions */
+}
+
+.topicCardTopic .topicCardArrow {
+  position: static;
+  margin-left: auto;
+}
+
+/* Feature variant (like SDK feature cards) */
+.topicCardFeature {
+  background: var(--ifm-color-emphasis-0);
+  border: 1px solid var(--ifm-color-emphasis-300);
+  border-radius: 8px;
+  padding: 1.5rem;
+  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.topicCardFeature:hover {
+  border-color: var(--ifm-color-primary);
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+}
+
+[data-theme='dark'] .topicCardFeature {
+  border-color: var(--ifm-color-emphasis-200);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+[data-theme='dark'] .topicCardFeature:hover {
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+}
+
+.topicCardFeature .topicCardArrow {
+  display: none; /* Feature cards usually don't show arrows */
+}
+
+/* Security variant (custom styled with gradients) */
+.topicCardSecurity {
+  background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
+  border: 1px solid #e1e8ed;
+  border-radius: 12px;
+  padding: 2rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  position: relative;
+  overflow: hidden;
+}
+
+.topicCardSecurity::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, #444ce7 0%, #b664ff 100%);
+}
+
+.topicCardSecurity:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 8px 24px rgba(68, 76, 231, 0.12);
+  border-color: #444ce7;
+}
+
+.topicCardSecurity .topicCardTitle {
+  font-size: 1.375rem;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.topicCardSecurity .topicCardArrow {
+  display: none; /* Security cards usually have custom buttons */
+}
+
+/* Grid layouts */
+.topicCardGrid {
+  display: grid;
+  gap: 1.5rem;
+  margin: 2rem 0;
+}
+
+.topicCardGrid2col {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.topicCardGrid3col {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.topicCardGrid4col {
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .topicCardGrid2col,
+  .topicCardGrid3col {
+    grid-template-columns: 1fr;
+  }
+  
+  .topicCard {
+    padding: 1.5rem;
+  }
+  
+  .topicCardTopic {
+    padding: 0.875rem 1.25rem;
+  }
+  
+  .topicCardTitle {
+    font-size: 1.1rem;
+  }
+} 
\ No newline at end of file
diff --git a/src/components/elements/call-to-action.module.css b/src/components/elements/call-to-action.module.css
new file mode 100644
index 0000000000..8dd44691ca
--- /dev/null
+++ b/src/components/elements/call-to-action.module.css
@@ -0,0 +1,42 @@
+.cta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: linear-gradient(to right, #2e2e60, #1e1e40);
+  border: 1px solid #3b3b7c;
+  border-radius: 8px;
+  padding: 1.5rem;
+  margin: 2rem 0;
+  color: #e6e6fa;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+.cta:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  text-decoration: none;
+  color: #e6e6fa;
+}
+
+.content {
+  flex: 1;
+}
+
+.content h3 {
+  margin: 0;
+  font-size: 1.2rem;
+  color: #e6e6fa;
+}
+
+.content p {
+  margin: 0.5rem 0 0 0;
+  color: #b4b4d4;
+  font-size: 0.95rem;
+}
+
+.arrow {
+  font-size: 1.5rem;
+  margin-left: 1rem;
+  color: #8585ff;
+}
\ No newline at end of file
diff --git a/src/components/elements/features.module.css b/src/components/elements/features.module.css
new file mode 100644
index 0000000000..a0c287a510
--- /dev/null
+++ b/src/components/elements/features.module.css
@@ -0,0 +1,91 @@
+.features-intro {
+  font-size: 1.2rem;
+  line-height: 1.6;
+  color: var(--ifm-color-emphasis-700);
+  margin-bottom: 2rem;
+  max-width: 800px;
+}
+
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5rem;
+  margin-bottom: 3rem;
+}
+
+.feature-card {
+  background: var(--ifm-card-background-color);
+  border-radius: 8px;
+  padding: 1.5rem;
+  transition: all 0.3s ease;
+  border: 1px solid var(--ifm-color-emphasis-200);
+  display: flex;
+  flex-direction: column;
+}
+
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  border-color: var(--ifm-color-primary);
+}
+
+.feature-icon {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.feature-card h3 {
+  font-size: 1.25rem;
+  margin-bottom: 0.75rem;
+  color: var(--ifm-color-emphasis-900);
+}
+
+.feature-card p {
+  color: var(--ifm-color-emphasis-600);
+  margin-bottom: 1rem;
+}
+
+.feature-link {
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  transition: color 0.2s ease;
+}
+
+.feature-link:hover {
+  color: var(--ifm-color-primary-darker);
+  text-decoration: none;
+}
+
+.release-stages-note {
+  margin: 2rem 0;
+  padding: 1rem;
+  background: var(--ifm-color-emphasis-100);
+  border-radius: 8px;
+  font-size: 0.9rem;
+  color: var(--ifm-color-emphasis-700);
+}
+
+/* Dark mode adjustments */
+[data-theme='dark'] .feature-card {
+  background: var(--ifm-background-color);
+  border-color: var(--ifm-color-emphasis-300);
+}
+
+[data-theme='dark'] .feature-card:hover {
+  border-color: var(--ifm-color-primary);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .feature-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .features-intro {
+    font-size: 1.1rem;
+  }
+} 
\ No newline at end of file
diff --git a/src/components/elements/info-box.module.css b/src/components/elements/info-box.module.css
new file mode 100644
index 0000000000..ae04fa4a3d
--- /dev/null
+++ b/src/components/elements/info-box.module.css
@@ -0,0 +1,36 @@
+.infoBox {
+  background: rgba(45, 45, 85, 0.95);
+  border: 1px solid #3b3b7c;
+  border-radius: 8px;
+  padding: 1.5rem;
+  margin: 1.5rem 0;
+  display: flex;
+  gap: 1rem;
+  color: #e6e6fa;
+}
+
+.infoIcon {
+  font-size: 1.2rem;
+  color: #8585ff;
+  line-height: 1;
+}
+
+.content h3 {
+  margin: 0 0 0.5rem 0;
+  font-size: 1.1rem;
+  color: #e6e6fa;
+}
+
+.content p {
+  margin: 0.5rem 0;
+  color: #b4b4d4;
+  line-height: 1.5;
+}
+
+.content code {
+  background: rgba(70, 70, 120, 0.5);
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-family: var(--ifm-font-family-monospace);
+  font-size: 0.9em;
+}
\ No newline at end of file
diff --git a/src/components/elements/setup-steps.module.css b/src/components/elements/setup-steps.module.css
new file mode 100644
index 0000000000..19d580dec4
--- /dev/null
+++ b/src/components/elements/setup-steps.module.css
@@ -0,0 +1,55 @@
+.setupSteps {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  margin: 2rem 0;
+}
+
+.setupStep {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2rem;
+  align-items: start;
+}
+
+.content {
+  padding-right: 1rem;
+}
+
+.content h2 {
+  margin-top: 0;
+  color: var(--ifm-color-emphasis-800);
+}
+
+.content p {
+  color: var(--ifm-color-emphasis-700);
+  font-size: 0.95rem;
+  line-height: 1.5;
+}
+
+.code {
+  background: var(--ifm-color-emphasis-100);
+  border-radius: 8px;
+  padding: 1rem;
+  font-family: var(--ifm-font-family-monospace);
+  font-size: 0.9rem;
+  line-height: 1.4;
+  overflow-x: auto;
+}
+
+.code pre {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+}
+
+@media (max-width: 768px) {
+  .setupStep {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
+
+  .content {
+    padding-right: 0;
+  }
+}
\ No newline at end of file
diff --git a/src/components/experimental/TemporalDocsLanding.js b/src/components/experimental/TemporalDocsLanding.js
new file mode 100644
index 0000000000..a7ad2aba6c
--- /dev/null
+++ b/src/components/experimental/TemporalDocsLanding.js
@@ -0,0 +1,302 @@
+import React, { useEffect } from "react";
+import { useColorMode } from "@docusaurus/theme-common";
+import "/src/css/landing.css";
+
+const Icon = ({ children }) => (
+  <svg 
+    viewBox="0 0 24 24" 
+    width="24" 
+    height="24" 
+    fill="none" 
+    stroke="currentColor" 
+    strokeWidth="2" 
+    strokeLinecap="round" 
+    strokeLinejoin="round" 
+    className="section-icon"
+  >
+    {children}
+  </svg>
+);
+
+const TemporalDocsLanding = () => {
+  const { setColorMode } = useColorMode();
+
+  // Set dark mode as default
+  useEffect(() => {
+    setColorMode('dark');
+  }, []);
+
+  const sections = [
+    {
+      title: "Getting started",
+      icon: (
+        <Icon>
+          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
+        </Icon>
+      ),
+      items: [
+        { title: "Understanding Temporal", link: "/concepts/what-is-temporal" },
+        { title: "Why Temporal", link: "/concepts/why-temporal" },
+        { title: "Setup your Local Dev Env", link: "https://learn.temporal.io/getting_started/" },
+        { title: "Run your First Temporal App", link: "https://learn.temporal.io/getting_started/" },
+        { title: "Build a Temporal App from Scratch", link: "https://learn.temporal.io/getting_started/" },
+        { title: "Take a free course", link: "https://learn.temporal.io/courses/" }
+      ]
+    },
+    {
+      title: "Develop",
+      icon: (
+        <Icon>
+          <path d="M16 18l6-6-6-6M8 6l-6 6 6 6" />
+        </Icon>
+      ),
+      items: [
+        { title: "Go SDK Developer Guide", link: "/develop/go" },
+        { title: "Java SDK Developer Guide", link: "/develop/java" },
+        { title: "PHP SDK Developer Guide", link: "/develop/php" },
+        { title: "Python SDK Developer Guide", link: "/develop/python" },
+        { title: "TypeScript SDK Developer Guide", link: "/develop/typescript" },
+        { title: ".NET SDK Developer Guide", link: "/develop/dotnet" },
+        { title: "Ruby SDK README", link: "https://github.com/temporalio/sdk-ruby#readme" }
+      ]
+    },
+    {
+      title: "Deploy",
+      icon: (
+        <Icon>
+          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
+        </Icon>
+      ),
+      items: [
+        { title: "Self-Host", link: "https://docs.temporal.io/develop/" },
+        { title: "Worker Performance", link: "https://docs.temporal.io/develop/worker-performance" },
+        { title: "Production Checklist", link: "https://docs.temporal.io/self-hosted-guide/production-checklist" },
+        { title: "Migrate to Temporal Cloud", link: "https://docs.temporal.io/production-deployments/migration" }
+      ]
+    },
+    {
+      title: "Temporal Cloud",
+      icon: (
+        <Icon>
+          <path d="M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 0 9H4" />
+        </Icon>
+      ),
+      items: [
+        { title: "Account setup", link: "/cloud/account-setup" },
+        { title: "User management", link: "/cloud/users" },
+        { title: "Billing and cost", link: "/cloud/billing-and-cost" },
+        { title: "Namespace management", link: "/cloud/namespaces" },
+        { title: "Pricing", link: "/cloud/pricing" },
+        { title: "API keys", link: "/cloud/api-keys" },
+        { title: "Audit Logging", link: "/cloud/audit-logging" },
+        { title: "Cloud Ops API", link: "/ops" },
+        { title: "Temporal Nexus", link: "/cloud/nexus" },
+        { title: "Export", link: "/cloud/export" }
+      ]
+    }
+  ];
+
+  const getUnstuckSection = {
+    title: "Get unstuck",
+    icon: (
+      <Icon>
+        <circle cx="12" cy="12" r="10" />
+        <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+        <path d="M12 17h.01" />
+      </Icon>
+    ),
+    items: [
+      { title: "Resource Library", link: "https://temporal.io/resources" },
+      { title: "Ask in Stack", link: "https://t.mp/slack" },
+      { title: "Post in Community Forum", link: "https://community.temporal.io" }
+    ]
+  };
+
+  const observabilitySection = {
+    title: "Monitor",
+    icon: (
+      <Icon>
+        <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
+        <circle cx="12" cy="12" r="3" />
+      </Icon>
+    ),
+    items: [
+      { title: "Platform Metrics", link: "/references/cluster-metrics" },
+      { title: "SDK Metrics", link: "/references/sdk-metrics" },
+      { title: "Cloud Metrics", link: "/cloud/metrics" },
+      { title: "Setup with Datadog", link: "/cloud/metrics/datadog" },
+      { title: "Setup with Prometheus", link: "/cloud/metrics/prometheus-grafana" },
+      { title: "Worker Health", link: "/production-deployment/cloud/worker-health" },
+      { title: "Service Health", link: "/production-deployment/cloud/service-health" }
+    ]
+  };
+
+  const securitySection = {
+    title: "Secure",
+    icon: (
+      <Icon>
+        <rect width="18" height="16" x="3" y="4" rx="2" />
+        <path d="M7 8h10" />
+        <path d="M7 12h10" />
+        <path d="M7 16h10" />
+      </Icon>
+    ),
+    items: [
+      { title: "Trust", link: "https://trust.temporal.io/" },
+      { title: "Cloud Security", link: "/cloud/security" },
+      { title: "Self-hosted Security", link: "/self-hosted-guide/security" }
+    ]
+  };
+
+  const tutorialsSection = {
+    title: "Tutorials",
+    icon: (
+      <Icon>
+        <path d="M12 14l9-5-9-5-9 5 9 5z" />
+        <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
+        <path d="M12 14l-6.16-3.422a12.083 12.083 0 00-.665 6.479A11.952 11.952 0 0112 20.055a11.952 11.952 0 016.824-2.998 12.078 12.078 0 00-.665-6.479L12 14z" />
+      </Icon>
+    ),
+    items: [
+      { title: "Getting Started", link: "https://learn.temporal.io/getting_started/" },
+      { title: "Infrastructure Tutorials", link: "https://learn.temporal.io/tutorials/infrastructure/" },
+      { title: "One-Click Order App in TypeScript and Next.js", link: "https://learn.temporal.io/tutorials/typescript/build-one-click-order-app-nextjs/" },
+      { title: "Trip Booking App in Python", link: "https://learn.temporal.io/tutorials/python/trip-booking-app/" }
+    ]
+  };
+
+  const coursesSection = {
+    title: "Courses",
+    icon: (
+      <Icon>
+        <path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+      </Icon>
+    ),
+    items: [
+      { title: "Temporal 101: Introducing the Temporal Platform", link: "https://learn.temporal.io/courses/temporal_101/" },
+      { title: "Temporal 102: Exploring Durable Execution", link: "https://learn.temporal.io/courses/temporal_102/" },
+      { title: "Crafting an Error Handling Strategy", link: "https://learn.temporal.io/courses/errstrat/" },
+      { title: "Introduction to Temporal Cloud", link: "https://learn.temporal.io/courses/intro_to_temporal_cloud/" }
+    ]
+  };
+
+  const examplesSection = {
+    title: "Examples",
+    icon: (
+      <Icon>
+        <path d="M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </Icon>
+    ),
+    items: [
+        { title: "Code Exchange", link: "https://temporal.io/code-exchange" },
+        { title: "Project Based Tutorials", link: "https://learn.temporal.io/tutorials/" },
+        { title: "Example Applications", link: "https://learn.temporal.io/examples/" }
+    ]
+  };
+
+  return (
+    <div className="docs-landing">
+      <div className="container">
+        <div className="main-grid">
+          {sections.map((section, index) => (
+            <div key={index} className="section-card">
+              <div className="section-header">
+                <span className="section-icon-wrapper">{section.icon}</span>
+                <h2>{section.title}</h2>
+              </div>
+              <div className="section-links">
+                {section.items.map((item, itemIndex) => (
+                  <a 
+                    key={itemIndex} 
+                    href={item.link} 
+                    className="section-link"
+                    onClick={item.onClick}
+                  >
+                    {item.title}
+                  </a>
+                ))}
+              </div>
+              {section.title === "Temporal Cloud" && (
+                <a href="https://cloud.temporal.io/" className="cloud-button">
+                  Create an Account
+                </a>
+              )}
+            </div>
+          ))}
+        </div>
+
+        <div className="secondary-grid">
+          <div className="section-row">
+            <div className="section-card">
+              <div className="section-header">
+                <span className="section-icon-wrapper">{observabilitySection.icon}</span>
+                <h2>{observabilitySection.title}</h2>
+              </div>
+              <div className="section-links">
+                {observabilitySection.items.map((item, index) => (
+                  <a key={index} href={item.link} className="section-link">
+                    {item.title}
+                  </a>
+                ))}
+              </div>
+            </div>
+            <div className="section-card">
+              <div className="section-header">
+                <span className="section-icon-wrapper">{securitySection.icon}</span>
+                <h2>{securitySection.title}</h2>
+              </div>
+              <div className="section-links">
+                {securitySection.items.map((item, index) => (
+                  <a key={index} href={item.link} className="section-link">
+                    {item.title}
+                  </a>
+                ))}
+              </div>
+            </div>
+            <div className="section-card">
+              <div className="section-header">
+                <span className="section-icon-wrapper">{getUnstuckSection.icon}</span>
+                <h2>{getUnstuckSection.title}</h2>
+              </div>
+              <div className="section-links">
+                {getUnstuckSection.items.map((item, index) => (
+                  <a key={index} href={item.link} className="section-link">
+                    {item.title}
+                  </a>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="learning-section">
+          <h1>More ways to learn</h1>
+          <div className="learning-grid">
+            {[tutorialsSection, coursesSection, examplesSection].map((section, index) => (
+              <div key={index} className="section-card">
+                <div className="section-header">
+                  <span className="section-icon-wrapper">{section.icon}</span>
+                  <h2>{section.title}</h2>
+                </div>
+                <div className="section-links">
+                  {section.items.map((item, itemIndex) => (
+                    <a 
+                      key={itemIndex} 
+                      href={item.link} 
+                      className="section-link"
+                      onClick={item.onClick}
+                    >
+                      {item.title}
+                    </a>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TemporalDocsLanding;
diff --git a/src/components/index.js b/src/components/index.js
index b54c92958b..b13ac7fa14 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,6 +3,7 @@ export { default as RetrySimulator } from "./elements/RetrySimulator";
 export { Intro } from "./elements/Intro";
 export { SdkLogos } from "./elements/SdkLogos";
 export { default as PhotoCarousel } from './elements/PhotoCarousel';
+export { TopicCard, TopicCardGrid } from './elements/TopicCard';
 
 // Formatting components
 export { default as DocsTable, NewDocsCell } from "./formatting/DocsTable";
diff --git a/src/css/custom.css b/src/css/custom.css
index 5dcb2591d8..c504f55e2f 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -29,17 +29,18 @@
 }
 
 html[data-theme="dark"] {
-  --ifm-color-primary: #bfdbfe;
-  --ifm-background-color: #141414;
-  --ifm-footer-background-color: #000000;
-  --ifm-navbar-background-color: #000000;
+  --ifm-color-primary: #4fddbf;
+  --ifm-color-primary-darker: #60A5FA;
+  --ifm-background-color: #161723;
+  --ifm-footer-background-color: #161723;
+  --ifm-navbar-background-color: #161723;
   --ifm-color: #f9fafb;
   --ifm-preview-text: #f9fafb;
-  --ifm-link-color: #f9fafb;
-  --ifm-link-hover-color: var(--ifm-color-primary);
-  --alert--competency-background: #00474a;
-  --alert--copycode-background: #29005e;
-  --alert--info-background: #353536;
+  --ifm-link-color: #4fddbf;
+  --ifm-link-hover-color: var(--ifm-color-primary-darker);
+  --alert--competency-background: #161723;
+  --alert--copycode-background: #161723;
+  --alert--info-background: #161723;
   --feedback-primary-color: #fff; /* title on button AND submit button color*/
   --feedback-light-color: #fff; /* text entry field color */
   --feedback-dark-color: #ccc; /* overall backsplash color */
@@ -56,37 +57,26 @@ html[data-theme="dark"] {
   --collapse-button-bg-color-dark: transparent;
   --ifm-badge-background-color: #b2e7ea;
   --ifm-badge-background-color: hsl(210deg, 15%, 20%); */
-  --ifm-card-background-color: #1a1a1a;
+  --ifm-card-background-color: #161723;
   /* --card-color: var(--ifm-color-primary-dark); */
-  --docusaurus-highlighted-code-line-bg: rgb(57, 104, 77);
+  --docusaurus-highlighted-code-line-bg: #161723;
   --tag-background-color: var(--tag-background-color-dark);
   --tag-text-color: var(--tag-text-color-dark);
 }
 
 html[data-theme="light"] {
   --ifm-color-primary: #1d4ed8;
-  --ifm-background-color: #f9fafb;
+  --ifm-background-color: #ffffff;
+  --ifm-background-surface-color: #ffffff;
   --ifm-footer-background-color: #ffffff;
   --ifm-navbar-background-color: #ffffff;
-  /* --ifm-color: var(--ifm-color-primary-dark); */
-  --ifm-link-color: #111827;
-  --ifm-link-hover-color: var(--ifm-color-primary);
+  --ifm-color: #111827;
+  --ifm-link-color: #1d4ed8;
+  --ifm-link-hover-color: #1e40af;
   --ifm-preview-text: #141414;
   --alert--competency-background: #a8fcff;
   --alert--copycode-background: #e0cdfa;
   --alert--info-background: #ebeded;
-  /* --ifm-menu-color-active: var(--ifm-color-primary);
-  --ifm-navbar-link-hover-color: var(--ifm-color-primary);
-  --ifm-toc-link-color: var(--ifm-color-primary-dark);
-  --ifm-blockquote-color: #000000;
-  --ifm-color-emphasis-300: #505050; */
-  /* --ifm-code-background: var(--ifm-color-primary-lightest); */
-  /* --ifm-color-input-background: #ffffff;
-  /* --ifm-color: var(--ifm-color-primary-dark);
-  --ifm-background-color: rgb(249, 250, 251);
-  --ifm-footer-background-color: #ffffff;
-  --ifm-card-background-color: #ffffff;
-  --ifm-badge-background-color: rgba(239, 246, 255); */
   --card-color: #ffffff;
   --docusaurus-highlighted-code-line-bg: rgb(57, 104, 77);
   --tag-background-color: var(--tag-background-color-light);
@@ -99,8 +89,17 @@ html[data-theme="light"] {
 
 a,
 a:hover {
-  text-decoration: underline;
-  text-underline-offset: 2px;
+  text-decoration: none;
+}
+
+/* Global link styling to match Learn More links */
+a {
+  color: var(--ifm-link-color);
+  transition: color 0.2s ease;
+}
+
+a:hover {
+  color: var(--ifm-link-hover-color);
 }
 
 .alert {
@@ -566,9 +565,12 @@ h1 {
   display: flex;
 }
 
+/*
 .list-logo img {
   filter: grayscale(1);
 }
+*/
+
 
 .w-third {
   width: 1/3;
@@ -646,7 +648,7 @@ h1 {
   font-size: 0.75rem;
   color: #6d28d9;
   background-color: #ede9fe;
-  border-radius: 0.125rem;
+  border-radius: 0;
   padding: 0 0.5rem;
   width: fit-content;
 }
@@ -657,7 +659,7 @@ h1 {
   font-size: 0.75rem;
   color: #1d4ed8;
   background-color: #dbeafe;
-  border-radius: 0.125rem;
+  border-radius: 0;
   padding: 0 0.5rem;
   width: fit-content;
 }
@@ -692,7 +694,7 @@ h1 {
   color: #2563eb;
   background-color: #eff6ff;
   border-width: 1px;
-  border-radius: 0.5rem;
+  border-radius: 0;
   border-color: #2563eb;
   border-style: solid;
   padding: 1.2rem 1.25rem 0.25rem 1.25rem;
@@ -740,7 +742,7 @@ h1 {
 .main-card {
   position: relative;
   width: 100%;
-  border-radius: 20px;
+  border-radius: 0;
   border: 2px solid var(--ifm-link-color);
   background-color: var(--ifm-background-color);
   padding: 32px;
@@ -805,26 +807,24 @@ h1 {
 }
 
 .cloud-button {
-  font-feature-settings: "clig" off, "liga" off;
-  font-family: Noto Sans Mono;
-  font-style: normal;
-  font-size: 16px;
-  font-weight: 500;
-  line-height: 24px;
   display: flex;
-  padding: 16px 24px;
+  padding: 6px 12px;
   justify-content: center;
   align-items: center;
   gap: 10px;
-  border-radius: 8px;
-  background: linear-gradient(255deg, #444ce7 0%, #b664ff 100%);
+  border-radius: 4px;
+  background: linear-gradient(255.4deg, #444CE7 0%, #B664FF 100%);
   cursor: pointer;
   border: 0px;
-  color: var(--White, #fff);
+  color: #FFFFFF;
+  text-decoration: none;
+  transition: opacity 0.2s ease;
+  margin-top: 24px;
+  font-size: 13px;
 }
 
-.cloud-button {
-  text-decoration: none;
+.cloud-button:hover {
+  opacity: 0.9;
 }
 
 .highlight {
@@ -1193,3 +1193,741 @@ code {
   z-index: 10;
 }
 
+/* Grid layout for problem sections */
+.grid {
+  display: grid;
+  gap: 1rem;
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+@media (max-width: 768px) {
+  .grid-cols-2 {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* SDK logos section */
+.sdk-logos {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2rem;
+  margin: 2rem 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdk-logos img {
+  height: 32px;
+  width: auto;
+  opacity: 0.8;
+  transition: opacity 0.2s ease;
+}
+
+.sdk-logos img:hover {
+  opacity: 1;
+}
+
+/* Next steps navigation */
+.next-steps {
+  margin: 2rem 0;
+  padding: 1rem;
+  border-top: 1px solid var(--ifm-color-emphasis-300);
+}
+
+.next-link {
+  display: inline-flex;
+  align-items: center;
+  color: var(--ifm-link-color);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.next-link:hover {
+  color: var(--ifm-link-hover-color);
+}
+
+/* Feedback section */
+.feedback-buttons {
+  display: flex;
+  gap: 1rem;
+  margin: 1rem 0;
+}
+
+.feedback-button {
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--ifm-color-emphasis-300);
+  border-radius: 0.5rem;
+  background: transparent;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.feedback-button:hover {
+  background: var(--ifm-color-emphasis-100);
+}
+
+/* Introduction page styles */
+.theme-doc-markdown h1 {
+  font-size: 2.5rem;
+  font-weight: 300;
+  margin-bottom: 1rem;
+  letter-spacing: -0.5px;
+}
+
+.theme-doc-markdown h2 {
+  font-size: 1.5rem;
+  font-weight: 500;
+  margin-top: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.theme-doc-markdown p {
+  font-size: 1rem;
+  line-height: 1.6;
+  color: var(--ifm-color-emphasis-800);
+}
+
+/* Pattern links */
+.pattern-links {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  margin: 1.5rem 0;
+}
+
+.pattern-link {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  background-color: var(--ifm-background-surface-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 0;
+  color: var(--ifm-color);
+  text-decoration: none;
+  font-weight: 400;
+  transition: all 0.2s ease;
+}
+
+html[data-theme='dark'] .pattern-link {
+  background-color: #1C2128;
+  border-color: #30363D;
+}
+
+.pattern-link:hover {
+  background-color: var(--ifm-color-emphasis-100);
+  text-decoration: none;
+  transform: translateY(-1px);
+}
+
+html[data-theme='dark'] .pattern-link:hover {
+  background-color: #22272E;
+}
+
+.pattern-link .arrow {
+  color: var(--ifm-color-emphasis-600);
+  font-family: monospace;
+}
+
+.pattern-link:hover .arrow {
+  transform: translateX(4px);
+  transition: transform 0.2s ease;
+}
+
+/* Next section */
+.next-section {
+  margin-top: 2rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--ifm-color-emphasis-200);
+}
+
+.next-section a {
+  color: var(--ifm-color);
+  text-decoration: none;
+  font-weight: 400;
+}
+
+.next-section a:hover {
+  color: var(--ifm-link-hover-color);
+}
+
+/* SDK Grid */
+.sdk-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem;
+  margin: 2rem 0;
+}
+
+@media (max-width: 768px) {
+  .sdk-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+.sdk-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  background-color: var(--ifm-background-surface-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 0;
+  transition: all 0.2s ease;
+}
+
+html[data-theme='dark'] .sdk-card {
+  background-color: #1C2128;
+  border-color: #30363D;
+}
+
+.sdk-card:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.sdk-card img {
+  height: 32px;
+  width: auto;
+  opacity: 0.8;
+  transition: opacity 0.2s ease;
+}
+
+.sdk-card:hover img {
+  opacity: 1;
+}
+
+/* Pattern Grid */
+.pattern-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1.5rem;
+  margin: 2rem 0;
+}
+
+@media (max-width: 768px) {
+  .pattern-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.pattern-card {
+  display: block;
+  padding: 2rem;
+  background-color: var(--ifm-background-surface-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 0;
+  color: var(--ifm-color);
+  text-decoration: none;
+  transition: all 0.2s ease;
+}
+
+html[data-theme='dark'] .pattern-card {
+  background-color: #1C2128;
+  border-color: #30363D;
+}
+
+.pattern-card:hover {
+  text-decoration: none;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.pattern-content h3 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin: 0 0 0.75rem 0;
+  color: var(--ifm-color);
+}
+
+.pattern-content p {
+  font-size: 0.875rem;
+  margin: 0;
+  color: var(--ifm-color-emphasis-700);
+  line-height: 1.5;
+}
+
+/* CTA Section */
+.cta-container {
+  margin: 3rem 0 2rem;
+}
+
+.cta-link {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.5rem 2rem;
+  background-color: var(--ifm-background-surface-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 8px;
+  color: var(--ifm-color);
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+html[data-theme='dark'] .cta-link {
+  background-color: #1C2128;
+  border-color: #30363D;
+}
+
+.cta-link:hover {
+  text-decoration: none;
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  border-color: var(--ifm-color-primary);
+}
+
+.cta-content {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1.25rem;
+}
+
+.cta-prefix {
+  color: var(--ifm-color-emphasis-600);
+  font-weight: 400;
+}
+
+.cta-title {
+  color: var(--ifm-color);
+  font-weight: 500;
+}
+
+.cta-arrow {
+  font-size: 1.25rem;
+  font-family: monospace;
+  color: var(--ifm-color-primary);
+  margin-left: 2rem;
+  transition: transform 0.3s ease;
+}
+
+.cta-link:hover .cta-arrow {
+  transform: translateX(8px);
+}
+
+.features-intro {
+  font-size: 1.2rem;
+  line-height: 1.6;
+  color: var(--ifm-color-emphasis-700);
+  margin-bottom: 2rem;
+  max-width: 800px;
+}
+
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5rem;
+  margin-bottom: 3rem;
+}
+
+.feature-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background: var(--ifm-card-background-color);
+  padding: 1.5rem;
+  transition: all 0.3s ease;
+  border: 1px solid var(--ifm-color-emphasis-200);
+  height: 100%;
+}
+
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  border-color: var(--ifm-color-primary);
+}
+
+.feature-icon {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.feature-card h3 {
+  font-size: 1.25rem;
+  margin-bottom: 0.75rem;
+  color: var(--ifm-color-emphasis-900);
+}
+
+.feature-card p {
+  color: var(--ifm-color-emphasis-600);
+  margin-bottom: 0.5rem;
+  flex-grow: 1;
+}
+
+.feature-link {
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  transition: color 0.2s ease;
+}
+
+.feature-link:hover {
+  color: var(--ifm-color-primary-darker);
+  text-decoration: none;
+}
+
+.release-stages-note {
+  margin: 2rem 0;
+  padding: 1rem;
+  background: var(--ifm-color-emphasis-100);
+  font-size: 0.9rem;
+  color: var(--ifm-color-emphasis-700);
+}
+
+@media (max-width: 768px) {
+  .feature-grid {
+    grid-template-columns: 1fr;
+  }
+  .features-intro {
+    font-size: 1.1rem;
+  }
+}
+
+.getting-started-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  max-width: 600px;
+  margin: 2rem auto 0 auto;
+}
+.getting-started-card {
+  background: #fff;
+  border: 1.5px solid #243349;
+  padding: 2rem 2rem 1.5rem 2rem;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  margin: 0 auto;
+  width: 100%;
+}
+html[data-theme='dark'] .getting-started-card {
+  background: #161723;
+  border: 1.5px solid #243349;
+}
+.activity-badge {
+  display: inline-block;
+  font-size: 0.85rem;
+  font-weight: 600;
+  border-radius: 8px;
+  padding: 0.2rem 0.75rem;
+  margin-bottom: 1rem;
+  color: #fff;
+}
+.badge-5min { background: #FF6BFF; }
+.badge-10min { background: #818cf8; }
+.badge-20min { background: #f472b6; }
+.getting-started-card h2 {
+  font-size: 2.25rem;
+  font-weight: 300;
+  margin-bottom: 0.5rem;
+}
+.getting-started-card p {
+  color: var(--ifm-color-emphasis-700);
+  margin-bottom: 1.5rem;
+}
+.getting-started-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border-radius: 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-image: linear-gradient(255.4deg, #444CE7 0%, #B664FF 100%);
+  border-image-slice: 1;
+  padding: 0.5rem 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  background: none;
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+  transition: background 0.2s, color 0.2s;
+  line-height: 1;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+.getting-started-btn:hover {
+  background: var(--ifm-color-primary);
+  color: #fff;
+}
+.arrow {
+  font-size: 1.1em;
+  margin-left: 0.5em;
+}
+@media (max-width: 700px) {
+  .getting-started-grid {
+    padding: 0 1rem;
+  }
+  .getting-started-card {
+    padding: 1.25rem 1rem 1rem 1rem;
+  }
+}
+
+.setup-local-gradient {
+  border: 2px solid transparent;
+  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #444CE7 0%, #B664FF 100%);
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+}
+html[data-theme='dark'] .setup-local-gradient {
+  background-image: linear-gradient(#161723, #161723), linear-gradient(90deg, #444CE7 0%, #B664FF 100%);
+}
+.setup-local-gradient {
+  border-width: 2px;
+}
+.getting-started-btn {
+  font-size: 0.85rem;
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
+  line-height: 1;
+}
+
+.primary-btn {
+  width: 215px;
+  height: 53px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  border-width: 2px;
+  border-style: solid;
+  border-image: linear-gradient(255.4deg, #444CE7 0%, #B664FF 100%);
+  border-image-slice: 1;
+  padding: 14px 24px;
+  gap: 10px;
+  font-size: 1.5rem;
+  font-weight: 500;
+  background: none;
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+  transition: background 0.2s, color 0.2s;
+  line-height: normal;
+}
+.primary-btn .arrow {
+  font-size: 1.5rem;
+  margin-left: 16px;
+  display: inline-block;
+  vertical-align: middle;
+}
+.primary-btn:hover {
+  background: var(--ifm-color-primary);
+  color: #fff;
+}
+
+/* New Getting Started Page Styles - Modern Design */
+.getting-started-grid-new {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  max-width: 680px;
+  margin: 3rem auto 0 auto;
+  padding: 0 1rem;
+}
+
+.getting-started-card-new {
+  background: var(--ifm-card-background-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: 12px;
+  padding: 2rem;
+  transition: all 0.3s ease;
+  position: relative;
+}
+
+html[data-theme='dark'] .getting-started-card-new {
+  background: #1a1b23;
+  border: 1px solid #2d2e3f;
+}
+
+.getting-started-card-new.featured {
+  border: 2px solid transparent;
+  background-image: linear-gradient(#1a1b23, #1a1b23), linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+}
+
+html[data-theme='light'] .getting-started-card-new.featured {
+  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+}
+
+.getting-started-card-new:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+}
+
+html[data-theme='dark'] .getting-started-card-new:hover {
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+}
+
+.activity-badge-new {
+  display: inline-block;
+  font-size: 0.75rem;
+  font-weight: 600;
+  border-radius: 16px;
+  padding: 0.25rem 0.75rem;
+  margin-bottom: 1.25rem;
+  color: #fff;
+  text-transform: lowercase;
+}
+
+.activity-badge-new.badge-5min { 
+  background: linear-gradient(135deg, #FF6BFF 0%, #FF8E8E 100%); 
+}
+
+.activity-badge-new.badge-10min { 
+  background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%); 
+}
+
+.activity-badge-new.badge-20min { 
+  background: linear-gradient(135deg, #f472b6 0%, #fb7185 100%); 
+}
+
+.getting-started-card-new h2 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 1rem;
+  color: var(--ifm-heading-color);
+  line-height: 1.3;
+}
+
+.getting-started-card-new p {
+  color: var(--ifm-color-emphasis-700);
+  margin-bottom: 1.5rem;
+  line-height: 1.5;
+  font-size: 0.95rem;
+}
+
+html[data-theme='dark'] .getting-started-card-new p {
+  color: #a1a1aa;
+}
+
+.getting-started-btn-new {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  background: linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+  color: white;
+  padding: 0.75rem 1.25rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 600;
+  font-size: 0.875rem;
+  transition: all 0.3s ease;
+  border: none;
+}
+
+.getting-started-btn-new:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 8px 24px rgba(68, 76, 231, 0.4);
+  text-decoration: none;
+  color: white;
+}
+
+.getting-started-btn-new svg {
+  transition: transform 0.3s ease;
+}
+
+.getting-started-btn-new:hover svg {
+  transform: translateX(2px);
+}
+
+@media (max-width: 768px) {
+  .getting-started-grid-new {
+    padding: 0 1rem;
+    margin-top: 2rem;
+  }
+  
+  .getting-started-card-new {
+    padding: 1.5rem;
+  }
+  
+  .getting-started-card-new h2 {
+    font-size: 1.25rem;
+  }
+}
+
+/* Topics Covered Section */
+.topics-covered-section {
+  margin: 2rem 0;
+}
+
+.topics-covered-title {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 2rem;
+  color: var(--ifm-heading-color);
+}
+
+.topics-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.topic-card {
+  display: flex;
+  align-items: center;
+  padding: 1rem 1.5rem;
+  background: var(--ifm-card-background-color);
+  border: 2px solid transparent;
+  border-radius: 8px;
+  background-image: linear-gradient(var(--ifm-card-background-color), var(--ifm-card-background-color)), 
+                    linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+  text-decoration: none;
+  color: var(--ifm-color);
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+html[data-theme='dark'] .topic-card {
+  background-image: linear-gradient(#161723, #161723), 
+                    linear-gradient(135deg, #444CE7 0%, #B664FF 100%);
+}
+
+.topic-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(68, 76, 231, 0.2);
+  text-decoration: none;
+  color: var(--ifm-color);
+}
+
+.topic-title {
+  flex: 1;
+  font-weight: 500;
+  font-size: 1rem;
+}
+
+.topic-arrow {
+  margin-left: auto;
+  color: var(--ifm-color-emphasis-600);
+  font-size: 1.2rem;
+  transition: transform 0.3s ease;
+}
+
+.topic-card:hover .topic-arrow {
+  transform: translateX(4px);
+}
+
+@media (max-width: 768px) {
+  .topics-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .topic-card {
+    padding: 0.875rem 1.25rem;
+  }
+  
+  .topic-title {
+    font-size: 0.9rem;
+  }
+}
+
+.badge-5min { background: #FF6BFF; }
+.badge-10min { background: #FF6BFF; }
+.badge-20min { background: #FF6BFF; }
diff --git a/src/css/landing.css b/src/css/landing.css
new file mode 100644
index 0000000000..cbdada05e3
--- /dev/null
+++ b/src/css/landing.css
@@ -0,0 +1,406 @@
+/* Dark Mode (Default) */
+:root {
+    --background-color: #161723;    /* Exact background from Figma */
+    --text-color: #FFFFFF;          /* Pure white for headings */
+    --card-background: #161723;     /* Card background */
+    --card-hover: #161723;          /* Card hover state */
+    --link-color: #CACBF9;          /* Indigo/100 from Figma */
+    --link-hover-color: #FFFFFF;    /* Link hover - pure white */
+    --border-color: #30363D;        /* Border color */
+    --section-gap: 1.5rem;
+    --card-padding: 1.25rem;
+    --heading-color: #FFFFFF;       /* Pure white for headings */
+    --subtext-color: #8B949E;
+    --icon-background: #161723;     /* Icon background color */
+    --icon-color: #3FB950;          /* Icon color */
+}
+
+/* Light Mode */
+[data-theme="light"] {
+    --background-color: #FFFFFF;
+    --text-color: #111827;
+    --card-background: #FFFFFF;
+    --card-hover: #F9FAFB;
+    --link-color: #374151;
+    --link-hover-color: #111827;
+    --border-color: #E5E7EB;
+    --heading-color: #111827;
+    --subtext-color: #6B7280;
+    --icon-color: #3FB950;          /* Keep the same green in light mode */
+}
+
+/* Global Styles */
+body {
+    background-color: var(--background-color);
+    margin: 0;
+    padding: 0;
+    font-family: "Aeonik", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+/* Docs Landing Page Styles */
+.docs-landing {
+    background: var(--background-color);
+    color: var(--text-color);
+    min-height: 100vh;
+    padding: 0;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.docs-landing-header {
+    background: var(--background-color);
+    color: var(--text-color);
+    padding: 0;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.docs-landing-header .container {
+    max-width: 100%;
+    width: 1280px;
+    margin: 0 auto;
+    padding: 3rem 1.5rem 0;
+}
+
+.docs-landing-header h1 {
+    font-size: 3rem;
+    font-weight: 300;
+    margin-bottom: 3rem;
+    letter-spacing: -0.5px;
+    color: var(--heading-color);
+}
+
+.docs-landing-header .description-section {
+    margin-bottom: 3rem;
+}
+
+.docs-landing-header .description-section h4 {
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--heading-color);
+    margin-bottom: 1rem;
+    letter-spacing: 0.5px;
+}
+
+.docs-landing-header .description-section p {
+    font-size: 1.125rem;
+    line-height: 1.6;
+    color: var(--subtext-color);
+    margin-bottom: 0;
+}
+
+.docs-landing-header .fixed-size-logo {
+    width: 300px;
+    height: auto;
+    display: block;
+    margin: 0 0 2rem 0;
+}
+
+/* Responsive styles for header */
+@media (max-width: 768px) {
+    .docs-landing-header .container {
+        padding: 2rem 1rem 0;
+    }
+    
+    .docs-landing-header h1 {
+        font-size: 2rem;
+        margin-bottom: 2rem;
+    }
+    
+    .docs-landing-header .description-section {
+        margin-bottom: 2rem;
+    }
+    
+    .docs-landing-header .description-section h4 {
+        font-size: 0.9rem;
+    }
+    
+    .docs-landing-header .description-section p {
+        font-size: 1rem;
+    }
+    
+    .docs-landing-header .fixed-size-logo {
+        width: 250px;
+    }
+}
+
+.docs-landing .container {
+    max-width: 100%;
+    width: 1280px;
+    margin: 0 auto;
+    padding: 3rem 1.5rem 0;
+}
+
+/* Banner Image */
+.docs-landing img[alt="SDK Logo Banner"] {
+    width: 1280px;
+    max-width: 100%;
+    height: auto;
+    margin-bottom: 2rem;
+}
+
+/* SDK Logos */
+.sdk-logos {
+    display: flex;
+    justify-content: center;
+    gap: 2rem;
+    margin: 2rem 0;
+    flex-wrap: wrap;
+}
+
+.sdk-logos img {
+    height: 32px;
+    width: auto;
+}
+
+/* Main Grid Layout */
+.main-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--section-gap);
+    margin-bottom: 2.5rem;
+}
+
+/* Secondary Grid Layout */
+.secondary-grid {
+    margin: 2.5rem 0;
+}
+
+.section-row {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: var(--section-gap);
+    margin-bottom: var(--section-gap);
+}
+
+/* Learning Section */
+.learning-section {
+    margin-top: 4rem;
+    padding-top: 2.5rem;
+}
+
+.learning-section h1 {
+    text-align: left;
+    margin-bottom: 5rem;
+    color: var(--heading-color);
+    font-family: "Aeonik", sans-serif;
+    font-size: 3.75rem;
+    font-weight: 300;
+    letter-spacing: -0.025em;
+    line-height: 1.1;
+}
+
+.learning-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.5rem;
+}
+
+/* Card Styles */
+.section-card {
+    background: var(--card-background);
+    border: 1px solid var(--border-color);
+    border-radius: 0;
+    padding: 1.5rem;
+    height: 100%;
+    transition: all 0.2s ease;
+    display: flex;
+    flex-direction: column;
+}
+
+.section-card:hover {
+    background: var(--card-hover);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 0.75rem;
+    padding-bottom: 0.75rem;
+}
+
+.section-icon-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+}
+
+.section-icon {
+    stroke: var(--icon-color);
+    stroke-width: 2;
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.section-header h2 {
+    color: var(--heading-color);
+    font-family: "Aeonik", sans-serif;
+    font-size: 1.5rem;
+    font-weight: 300;
+    line-height: 1.1;
+    letter-spacing: 0;
+    margin: 0;
+}
+
+/* Section Links */
+.section-links {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    align-items: flex-start;
+}
+
+.section-link {
+    color: var(--link-color);
+    font-family: "Aeonik", sans-serif;
+    font-size: 1rem;
+    font-weight: 300;
+    line-height: 1.1;
+    letter-spacing: 0;
+    text-decoration: none;
+    position: relative;
+    transition: all 0.3s ease;
+    width: fit-content;
+    display: inline-flex;
+}
+
+.section-link:hover {
+    color: var(--link-hover-color);
+    text-decoration: underline;
+}
+
+.section-link::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    bottom: -2px;
+    left: 0;
+    background-color: var(--link-hover-color);
+    transform: scaleX(0);
+    transform-origin: left;
+    transition: transform 0.3s ease;
+}
+
+.section-link:hover::after {
+    transform: scaleX(1);
+}
+
+/* Typography */
+.docs-landing h1 {
+    font-size: 2rem;
+    font-weight: 600;
+    color: var(--heading-color);
+    margin-bottom: 0.5rem;
+}
+
+.docs-landing h2 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--heading-color);
+    margin: 0;
+}
+
+.docs-landing p {
+    color: var(--subtext-color);
+    font-size: 0.875rem;
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* What is Temporal Section */
+.docs-landing h2[id="what-is-temporal"] {
+    font-size: 1.25rem;
+    margin-bottom: 0.5rem;
+    color: var(--heading-color);
+}
+
+.docs-landing h2[id="what-is-temporal"] + p {
+    color: var(--subtext-color);
+    margin-bottom: 2.5rem;
+}
+
+/* Get Started Button */
+.get-started-button {
+    display: inline-flex;
+    align-items: center;
+    margin-top: 1rem;
+    padding: 0.5rem 1rem;
+    background: linear-gradient(to right, #3FB950, #238636);
+    color: white;
+    text-decoration: none;
+    border-radius: 0.375rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    transition: opacity 0.2s;
+}
+
+.get-started-button:hover {
+    opacity: 0.9;
+}
+
+/* Responsive Design */
+@media (max-width: 1280px) {
+    .main-grid {
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+@media (max-width: 1024px) {
+    .section-row {
+        grid-template-columns: repeat(2, 1fr);
+    }
+    
+    .section-row:last-child {
+        grid-template-columns: 1fr 1fr;
+    }
+    
+    .learning-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 768px) {
+    .main-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .section-row,
+    .section-row:last-child,
+    .learning-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .docs-landing .container {
+        padding: 0 1rem;
+    }
+}
+
+/* Dark Mode Adjustments */
+[data-theme="dark"] .section-card {
+    background: var(--card-background);
+    border-color: var(--border-color);
+}
+
+[data-theme="dark"] .section-header {
+    border-bottom-color: var(--border-color);
+}
+
+[data-theme="dark"] .learning-section {
+    border-top-color: var(--border-color);
+}
+
+.resource-img {
+    border-radius: 0;
+}
+
+.cloud-button {
+    border-radius: 0;
+}
+
+.highlight {
+    border-radius: 0;
+}
\ No newline at end of file
diff --git a/src/theme/Navbar/index.js b/src/theme/Navbar/index.js
new file mode 100644
index 0000000000..382ba4a96e
--- /dev/null
+++ b/src/theme/Navbar/index.js
@@ -0,0 +1,6 @@
+import React from 'react';
+import Navbar from '@theme-original/Navbar';
+
+export default function NavbarWrapper(props) {
+  return <Navbar {...props} />;
+} 
\ No newline at end of file
diff --git a/static/homepage/Temporal_Symbol_dark.png b/static/homepage/Temporal_Symbol_dark.png
new file mode 100644
index 0000000000..9ced11b399
Binary files /dev/null and b/static/homepage/Temporal_Symbol_dark.png differ
diff --git a/static/homepage/Temporal_Symbol_light.png b/static/homepage/Temporal_Symbol_light.png
new file mode 100644
index 0000000000..272412246d
Binary files /dev/null and b/static/homepage/Temporal_Symbol_light.png differ
diff --git a/static/homepage/background-101-courses.png b/static/homepage/background-101-courses.png
new file mode 100644
index 0000000000..be56475bdd
Binary files /dev/null and b/static/homepage/background-101-courses.png differ
diff --git a/static/homepage/background-102-courses.png b/static/homepage/background-102-courses.png
new file mode 100644
index 0000000000..1ac8843ade
Binary files /dev/null and b/static/homepage/background-102-courses.png differ
diff --git a/static/homepage/code-exchange.png b/static/homepage/code-exchange.png
new file mode 100644
index 0000000000..599c970bdd
Binary files /dev/null and b/static/homepage/code-exchange.png differ
diff --git a/static/homepage/documentation-banner-dark.png b/static/homepage/documentation-banner-dark.png
new file mode 100644
index 0000000000..df40771900
Binary files /dev/null and b/static/homepage/documentation-banner-dark.png differ
diff --git a/static/homepage/documentation-banner.png b/static/homepage/documentation-banner.png
new file mode 100644
index 0000000000..1e39f5fbd2
Binary files /dev/null and b/static/homepage/documentation-banner.png differ
diff --git a/static/homepage/sdk-logos-with-ruby.png b/static/homepage/sdk-logos-with-ruby.png
new file mode 100644
index 0000000000..23aaf40cc7
Binary files /dev/null and b/static/homepage/sdk-logos-with-ruby.png differ
diff --git a/static/homepage/search-banner.png b/static/homepage/search-banner.png
new file mode 100644
index 0000000000..afe4b1e21d
Binary files /dev/null and b/static/homepage/search-banner.png differ
diff --git a/static/img/assets/banner-dotnet-temporal.png b/static/img/assets/banner-dotnet-temporal.png
index e712f4086c..8a4f49a733 100644
Binary files a/static/img/assets/banner-dotnet-temporal.png and b/static/img/assets/banner-dotnet-temporal.png differ
diff --git a/static/img/assets/banner-go-temporal.png b/static/img/assets/banner-go-temporal.png
index a76e09bd5d..d2c0287b69 100644
Binary files a/static/img/assets/banner-go-temporal.png and b/static/img/assets/banner-go-temporal.png differ
diff --git a/static/img/assets/banner-java-temporal.png b/static/img/assets/banner-java-temporal.png
index c91cb77b80..88e9e5d44c 100644
Binary files a/static/img/assets/banner-java-temporal.png and b/static/img/assets/banner-java-temporal.png differ
diff --git a/static/img/assets/banner-php-temporal.png b/static/img/assets/banner-php-temporal.png
index 0eb91bccdb..3094c45933 100644
Binary files a/static/img/assets/banner-php-temporal.png and b/static/img/assets/banner-php-temporal.png differ
diff --git a/static/img/assets/banner-python-temporal.png b/static/img/assets/banner-python-temporal.png
index b99a15a211..124433251a 100644
Binary files a/static/img/assets/banner-python-temporal.png and b/static/img/assets/banner-python-temporal.png differ
diff --git a/static/img/assets/banner-typescript-temporal.png b/static/img/assets/banner-typescript-temporal.png
index 31e596403f..11886cf560 100644
Binary files a/static/img/assets/banner-typescript-temporal.png and b/static/img/assets/banner-typescript-temporal.png differ
diff --git a/static/img/assets/self_hosted_cloud.svg b/static/img/assets/self_hosted_cloud.svg
new file mode 100644
index 0000000000..032f68273f
--- /dev/null
+++ b/static/img/assets/self_hosted_cloud.svg
@@ -0,0 +1,41 @@
+<svg width="626" height="363" viewBox="0 0 626 363" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M79.2548 155.954C79.2548 159.617 82.224 162.586 85.8867 162.586C89.5494 162.586 92.5186 159.617 92.5186 155.954C92.5186 152.291 89.5494 149.322 85.8867 149.322C82.224 149.322 79.2548 152.291 79.2548 155.954ZM85.8867 320.094H84.6432V321.338H85.8867V320.094ZM84.6432 155.954V320.094H87.1302V155.954H84.6432ZM85.8867 321.338H483.491V318.851H85.8867V321.338Z" fill="white"/>
+<path d="M490.019 302.063L508.05 320.094L490.019 338.125" stroke="white" stroke-width="2.48697"/>
+<path d="M504.941 302.063L522.971 320.094L504.941 338.125" stroke="white" stroke-width="2.48697"/>
+<path d="M547.408 211.5C547.408 207.837 544.439 204.868 540.776 204.868C537.113 204.868 534.144 207.837 534.144 211.5C534.144 215.163 537.113 218.132 540.776 218.132C544.439 218.132 547.408 215.163 547.408 211.5ZM540.776 47.5L542.02 47.5L542.02 46.2565L540.776 46.2565L540.776 47.5ZM542.02 211.5L542.02 47.5L539.533 47.5L539.533 211.5L542.02 211.5ZM540.776 46.2565L138.776 46.2565L138.776 48.7435L540.776 48.7435L540.776 46.2565Z" fill="white"/>
+<path d="M133.729 65.5615L115.698 47.531L133.729 29.5005" stroke="white" stroke-width="2.48697"/>
+<path d="M118.807 65.5615L100.776 47.531L118.807 29.5005" stroke="white" stroke-width="2.48697"/>
+<rect x="1.27612" y="1" width="84" height="84" fill="#FF6BFF" stroke="#FF6BFF"/>
+<mask id="path-8-inside-1_8593_13456" fill="white">
+<path d="M52.2724 9.53125L56.3896 10.8594L55.7255 12.8516L36.6005 74.4766L35.9365 76.4688L31.9521 75.2734L32.4833 73.2812L51.6083 11.6562L52.2724 9.53125ZM22.9208 23.0781L25.8427 26.1328L24.3818 27.5938L7.91304 43L24.249 58.5391L25.8427 60L22.9208 63.0547L21.4599 61.5938L3.39741 44.5938L1.67085 43L3.39741 41.5391L21.4599 24.5391L22.9208 23.0781ZM62.3662 26.2656L65.1552 23.0781L66.749 24.4062C70.6005 27.8594 73.2568 30.3828 75.913 33.0391C78.5693 35.5625 81.0927 38.2188 84.8115 41.4062L86.538 43L84.8115 44.5938L66.749 61.5938L65.288 63.0547L62.3662 60L63.9599 58.5391L80.2958 43.1328C77.374 40.4766 75.1162 38.2188 72.8583 36.0938C70.2021 33.4375 67.6787 30.9141 63.9599 27.5938L62.3662 26.2656Z"/>
+</mask>
+<path d="M52.2724 9.53125L56.3896 10.8594L55.7255 12.8516L36.6005 74.4766L35.9365 76.4688L31.9521 75.2734L32.4833 73.2812L51.6083 11.6562L52.2724 9.53125ZM22.9208 23.0781L25.8427 26.1328L24.3818 27.5938L7.91304 43L24.249 58.5391L25.8427 60L22.9208 63.0547L21.4599 61.5938L3.39741 44.5938L1.67085 43L3.39741 41.5391L21.4599 24.5391L22.9208 23.0781ZM62.3662 26.2656L65.1552 23.0781L66.749 24.4062C70.6005 27.8594 73.2568 30.3828 75.913 33.0391C78.5693 35.5625 81.0927 38.2188 84.8115 41.4062L86.538 43L84.8115 44.5938L66.749 61.5938L65.288 63.0547L62.3662 60L63.9599 58.5391L80.2958 43.1328C77.374 40.4766 75.1162 38.2188 72.8583 36.0938C70.2021 33.4375 67.6787 30.9141 63.9599 27.5938L62.3662 26.2656Z" fill="#141414"/>
+<path d="M52.2724 9.53125L52.5794 8.57954L51.6189 8.26971L51.3179 9.23298L52.2724 9.53125ZM56.3896 10.8594L57.3383 11.1756L57.6576 10.2177L56.6966 9.90767L56.3896 10.8594ZM55.7255 12.8516L54.7769 12.5353L54.7736 12.5452L54.7705 12.5552L55.7255 12.8516ZM36.6005 74.4766L37.5492 74.7928L37.5525 74.7829L37.5556 74.773L36.6005 74.4766ZM35.9365 76.4688L35.6491 77.4266L36.5784 77.7053L36.8852 76.785L35.9365 76.4688ZM31.9521 75.2734L30.9859 75.0158L30.736 75.9526L31.6648 76.2313L31.9521 75.2734ZM32.4833 73.2812L31.5283 72.9848L31.5223 73.0041L31.5171 73.0236L32.4833 73.2812ZM51.6083 11.6562L50.6539 11.358L50.6533 11.3599L51.6083 11.6562ZM22.9208 23.0781L23.6435 22.3869L22.9367 21.648L22.2137 22.371L22.9208 23.0781ZM25.8427 26.1328L26.5498 26.8399L27.2414 26.1484L26.5654 25.4416L25.8427 26.1328ZM24.3818 27.5938L25.0649 28.324L25.0771 28.3126L25.0889 28.3009L24.3818 27.5938ZM7.91304 43L7.22988 42.2697L6.45573 42.9939L7.22382 43.7246L7.91304 43ZM24.249 58.5391L23.5598 59.2636L23.5664 59.27L23.5732 59.2762L24.249 58.5391ZM25.8427 60L26.5654 60.6912L27.2714 59.9531L26.5184 59.2628L25.8427 60ZM22.9208 63.0547L22.2137 63.7618L22.9367 64.4848L23.6435 63.7459L22.9208 63.0547ZM21.4599 61.5938L22.167 60.8866L22.1563 60.8759L22.1453 60.8656L21.4599 61.5938ZM3.39741 44.5938L4.08281 43.8655L4.07569 43.8589L3.39741 44.5938ZM1.67085 43L1.02491 42.2366L0.161232 42.9674L0.992569 43.7348L1.67085 43ZM3.39741 41.5391L4.04335 42.3024L4.06353 42.2854L4.08278 42.2673L3.39741 41.5391ZM21.4599 24.5391L22.1453 25.2673L22.1563 25.2569L22.167 25.2462L21.4599 24.5391ZM62.3662 26.2656L61.6136 25.6071L60.939 26.378L61.726 27.0338L62.3662 26.2656ZM65.1552 23.0781L65.7954 22.3099L65.0455 21.685L64.4026 22.4196L65.1552 23.0781ZM66.749 24.4062L67.4165 23.6617L67.4031 23.6496L67.3892 23.638L66.749 24.4062ZM75.913 33.0391L75.2059 33.7462L75.215 33.7552L75.2243 33.7641L75.913 33.0391ZM84.8115 41.4062L85.4898 40.6714L85.4762 40.659L85.4623 40.647L84.8115 41.4062ZM86.538 43L87.2163 43.7348L88.0124 43L87.2163 42.2652L86.538 43ZM84.8115 44.5938L84.1332 43.8589L84.1261 43.8656L84.8115 44.5938ZM66.749 61.5938L66.0636 60.8656L66.0526 60.8759L66.0419 60.8866L66.749 61.5938ZM65.288 63.0547L64.5654 63.7459L65.2721 64.4848L65.9951 63.7618L65.288 63.0547ZM62.3662 60L61.6904 59.2628L60.9375 59.9531L61.6435 60.6912L62.3662 60ZM63.9599 58.5391L64.6356 59.2762L64.6409 59.2714L64.646 59.2666L63.9599 58.5391ZM80.2959 43.1328L80.9819 43.8603L81.7676 43.1193L80.9685 42.3929L80.2959 43.1328ZM72.8584 36.0938L72.1512 36.8009L72.162 36.8116L72.173 36.8219L72.8584 36.0938ZM63.9599 27.5938L64.6259 26.8478L64.6132 26.8365L64.6001 26.8255L63.9599 27.5938ZM51.9654 10.483L56.0826 11.8111L56.6966 9.90767L52.5794 8.57954L51.9654 10.483ZM55.4409 10.5431L54.7769 12.5353L56.6742 13.1678L57.3383 11.1756L55.4409 10.5431ZM54.7705 12.5552L35.6455 74.1802L37.5556 74.773L56.6806 13.148L54.7705 12.5552ZM35.6519 74.1603L34.9878 76.1525L36.8852 76.785L37.5492 74.7928L35.6519 74.1603ZM36.2238 75.5109L32.2394 74.3156L31.6648 76.2313L35.6491 77.4266L36.2238 75.5109ZM32.9183 75.5311L33.4496 73.5389L31.5171 73.0236L30.9859 75.0158L32.9183 75.5311ZM33.4384 73.5777L52.5634 11.9526L50.6533 11.3599L31.5283 72.9848L33.4384 73.5777ZM52.5628 11.9545L53.2269 9.82952L51.3179 9.23298L50.6539 11.358L52.5628 11.9545ZM22.1982 23.7693L25.1201 26.824L26.5654 25.4416L23.6435 22.3869L22.1982 23.7693ZM25.1356 25.4257L23.6747 26.8866L25.0889 28.3009L26.5498 26.8399L25.1356 25.4257ZM23.6986 26.8635L7.22988 42.2697L8.59619 43.7303L25.0649 28.324L23.6986 26.8635ZM7.22382 43.7246L23.5598 59.2636L24.9382 57.8145L8.60225 42.2754L7.22382 43.7246ZM23.5732 59.2762L25.167 60.7372L26.5184 59.2628L24.9247 57.8019L23.5732 59.2762ZM25.1201 59.3088L22.1982 62.3635L23.6435 63.7459L26.5654 60.6912L25.1201 59.3088ZM23.628 62.3476L22.167 60.8866L20.7528 62.3009L22.2137 63.7618L23.628 62.3476ZM22.1453 60.8656L4.08278 43.8656L2.71205 45.3219L20.7745 62.3219L22.1453 60.8656ZM4.07569 43.8589L2.34913 42.2652L0.992569 43.7348L2.71913 45.3286L4.07569 43.8589ZM2.31679 43.7634L4.04335 42.3024L2.75147 40.7757L1.02491 42.2366L2.31679 43.7634ZM4.08278 42.2673L22.1453 25.2673L20.7745 23.8109L2.71205 40.8109L4.08278 42.2673ZM22.167 25.2462L23.628 23.7852L22.2137 22.371L20.7528 23.832L22.167 25.2462ZM63.1187 26.9241L65.9078 23.7366L64.4026 22.4196L61.6136 25.6071L63.1187 26.9241ZM64.515 23.8463L66.1088 25.1745L67.3892 23.638L65.7954 22.3099L64.515 23.8463ZM66.0814 25.1508C69.9212 28.5933 72.564 31.1043 75.2059 33.7462L76.6201 32.332C73.9495 29.6614 71.2799 27.1254 67.4165 23.6617L66.0814 25.1508ZM75.2243 33.7641C77.8394 36.2484 80.4173 38.9569 84.1607 42.1655L85.4623 40.647C81.7682 37.4806 79.2992 34.8766 76.6018 32.3141L75.2243 33.7641ZM84.1332 42.1411L85.8598 43.7348L87.2163 42.2652L85.4898 40.6714L84.1332 42.1411ZM85.8598 42.2652L84.1332 43.8589L85.4898 45.3286L87.2163 43.7348L85.8598 42.2652ZM84.1261 43.8656L66.0636 60.8656L67.4343 62.3219L85.4968 45.3219L84.1261 43.8656ZM66.0419 60.8866L64.5809 62.3476L65.9951 63.7618L67.4561 62.3009L66.0419 60.8866ZM66.0107 62.3635L63.0888 59.3088L61.6435 60.6912L64.5654 63.7459L66.0107 62.3635ZM63.0419 60.7372L64.6356 59.2762L63.2842 57.8019L61.6904 59.2628L63.0419 60.7372ZM64.646 59.2666L80.9819 43.8603L79.6097 42.4053L63.2738 57.8116L64.646 59.2666ZM80.9685 42.3929C78.0502 39.7399 75.8329 37.5201 73.5437 35.3656L72.173 36.8219C74.3994 38.9174 76.6977 41.2133 79.6232 43.8728L80.9685 42.3929ZM73.5655 35.3866C70.9076 32.7288 68.3673 30.1883 64.6259 26.8478L63.2939 28.3397C66.9901 31.6398 69.4966 34.1462 72.1512 36.8009L73.5655 35.3866ZM64.6001 26.8255L63.0063 25.4974L61.726 27.0338L63.3197 28.362L64.6001 26.8255Z" fill="#FF6BFF" mask="url(#path-8-inside-1_8593_13456)"/>
+<rect x="541.661" y="278.937" width="83.1263" height="83.1263" fill="#59FDA0" stroke="#59FDA0" stroke-width="0.873684"/>
+<path d="M598.698 327.193V340.228V341.403L597.641 341.99L582.609 349.506L579.908 350.798V347.744V336.471C576.855 337.762 574.858 338.584 574.858 338.584L565.346 329.072C565.346 329.072 566.168 327.193 567.46 324.257H556.421H553.368L554.66 321.556L562.175 306.525L562.763 305.468H563.937H577.09C577.324 304.998 577.559 304.646 577.912 304.176C588.363 288.675 604.452 289.614 612.555 291.611C614.551 299.714 615.491 315.802 599.989 326.254C599.52 326.606 599.167 326.841 598.698 327.193ZM594.94 329.307C591.299 331.303 587.189 333.182 583.666 334.827V344.808L594.94 339.172V329.307ZM569.222 320.5C570.866 316.977 572.862 312.866 574.858 309.226H564.994L559.357 320.5H569.222ZM569.809 328.25L575.68 334.122L576.15 334.004C577.912 333.3 580.26 332.243 582.844 331.069C588.128 328.603 594.118 325.667 597.875 323.201C610.089 314.863 610.793 302.532 609.384 294.781C601.633 293.372 589.303 293.959 580.965 306.29C578.499 310.048 575.446 316.037 572.979 321.204C571.805 323.788 570.748 326.136 570.044 327.898L569.809 328.25ZM596.819 310.165C598.345 310.165 599.637 308.991 599.637 307.347C599.637 305.82 598.345 304.528 596.819 304.528C595.174 304.528 594 305.82 594 307.347C594 308.991 595.174 310.165 596.819 310.165ZM590.242 307.347C590.242 304.998 591.417 302.884 593.53 301.71C595.527 300.536 597.993 300.536 600.107 301.71C602.103 302.884 603.395 304.998 603.395 307.347C603.395 309.813 602.103 311.927 600.107 313.101C597.993 314.276 595.527 314.276 593.53 313.101C591.417 311.927 590.242 309.813 590.242 307.347Z" fill="#141414"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M597.813 326.751L598.167 326.486C598.41 326.304 598.622 326.152 598.827 326.006L598.829 326.004C599.035 325.857 599.233 325.716 599.459 325.546L599.477 325.533L599.495 325.521C614.214 315.596 613.688 300.45 611.821 292.345C603.715 290.477 588.569 289.951 578.645 304.67L578.632 304.689L578.619 304.707C578.285 305.152 578.083 305.458 577.88 305.863L577.636 306.352H563.283L562.958 306.937L555.454 321.945L554.771 323.373H568.815L568.269 324.614C567.624 326.081 567.095 327.284 566.728 328.121C566.597 328.421 566.486 328.673 566.398 328.874L575.066 337.542C575.284 337.451 575.563 337.335 575.898 337.196C576.778 336.829 578.039 336.301 579.564 335.656L580.792 335.136V349.395L582.221 348.711L597.228 341.208L597.813 340.883V326.751ZM598.698 341.403L597.641 341.99L582.609 349.506L579.908 350.798V336.471C579.602 336.6 579.307 336.725 579.024 336.844C576.475 337.919 574.858 338.584 574.858 338.584L565.346 329.072C565.346 329.072 566.006 327.565 567.071 325.142C567.195 324.859 567.325 324.564 567.46 324.257H553.368L554.66 321.556L562.175 306.525L562.763 305.468H577.09C577.324 304.998 577.559 304.646 577.912 304.176C588.363 288.675 604.452 289.614 612.555 291.611C614.551 299.714 615.491 315.802 599.989 326.254C599.754 326.43 599.549 326.577 599.343 326.724C599.138 326.87 598.932 327.017 598.698 327.193V341.403ZM595.824 327.814V339.718L582.782 346.239V334.263L583.292 334.025C583.654 333.856 584.022 333.685 584.395 333.511C587.658 331.992 591.275 330.308 594.514 328.532L595.824 327.814ZM569.785 321.384H557.926L564.447 308.342H576.352L575.634 309.651C573.651 313.267 571.664 317.357 570.023 320.873L569.785 321.384ZM568.671 328.363L569.257 327.484C569.97 325.71 571.021 323.376 572.174 320.838L572.178 320.831L572.181 320.823C574.648 315.655 577.724 309.618 580.226 305.805L580.232 305.795C588.846 293.057 601.611 292.469 609.542 293.912L610.144 294.021L610.254 294.623C611.697 302.561 610.987 315.32 598.374 323.931L598.367 323.935L598.361 323.94C594.542 326.446 588.496 329.407 583.218 331.87L583.21 331.874C580.631 333.046 578.263 334.112 576.479 334.825L576.423 334.848L575.409 335.101L568.671 328.363ZM570.044 327.898L569.809 328.25L575.68 334.122L576.15 334.004C577.912 333.3 580.26 332.243 582.844 331.069C588.128 328.603 594.118 325.667 597.875 323.201C610.089 314.863 610.793 302.532 609.384 294.781C601.633 293.372 589.303 293.959 580.965 306.29C578.499 310.048 575.446 316.037 572.979 321.204C571.805 323.788 570.748 326.136 570.044 327.898ZM593.969 302.478L593.96 302.483C592.138 303.495 591.126 305.306 591.126 307.347C591.126 309.514 592.146 311.32 593.96 312.328L593.969 312.334L593.979 312.339C595.688 313.344 597.815 313.359 599.668 312.334C601.398 311.312 602.511 309.486 602.511 307.347C602.511 305.334 601.405 303.504 599.668 302.478C597.815 301.453 595.688 301.467 593.979 302.472L593.969 302.478ZM600.107 301.71C597.993 300.536 595.527 300.536 593.53 301.71C591.417 302.884 590.242 304.998 590.242 307.347C590.242 309.813 591.417 311.927 593.53 313.101C595.527 314.276 597.993 314.276 600.107 313.101C602.103 311.927 603.395 309.813 603.395 307.347C603.395 304.998 602.103 302.884 600.107 301.71ZM583.666 334.827C584.028 334.658 584.396 334.486 584.769 334.312C587.737 332.931 591.025 331.4 594.055 329.785C594.353 329.626 594.648 329.467 594.94 329.307V339.172L583.666 344.808V334.827ZM574.858 309.226H564.994L559.357 320.5H569.222C570.734 317.259 572.544 313.522 574.378 310.11C574.538 309.813 574.698 309.518 574.858 309.226ZM600.521 307.347C600.521 309.503 598.809 311.05 596.819 311.05C594.686 311.05 593.116 309.479 593.116 307.347C593.116 305.356 594.662 303.644 596.819 303.644C598.834 303.644 600.521 305.332 600.521 307.347ZM599.637 307.347C599.637 308.991 598.345 310.165 596.819 310.165C595.174 310.165 594 308.991 594 307.347C594 305.82 595.174 304.528 596.819 304.528C598.345 304.528 599.637 305.82 599.637 307.347Z" fill="#59FDA0"/>
+<rect x="313.724" y="87" width="183" height="197" transform="rotate(90 313.724 87)" fill="url(#paint0_linear_8593_13456)" fill-opacity="0.4" stroke="url(#paint1_linear_8593_13456)" stroke-width="3"/>
+<path d="M199.724 150.438V157.547L207.536 162H221.833L229.724 157.547V150.438L222.771 154.344L222.536 154.5H222.224H207.224H206.833L206.599 154.344L199.724 150.438ZM199.724 147.547L207.536 152H221.833L229.724 147.547V142.156L221.443 137H207.927L199.724 142.156V147.547ZM199.724 166.922L207.927 172H221.443L229.724 166.922V160.438L222.771 164.344L222.536 164.5H222.224H207.224H206.833L206.599 164.344L199.724 160.438V166.922ZM207.224 134.5H222.224L232.224 140.75V168.25L222.224 174.5H207.224L197.224 168.25V140.75L207.224 134.5Z" fill="white"/>
+<path d="M150.347 216.7C149.6 216.7 148.874 216.633 148.167 216.5C147.46 216.353 146.867 216.16 146.387 215.92V213.98C146.947 214.233 147.58 214.453 148.287 214.64C148.994 214.813 149.7 214.9 150.407 214.9C151.02 214.9 151.54 214.82 151.967 214.66C152.394 214.5 152.714 214.253 152.927 213.92C153.154 213.587 153.267 213.167 153.267 212.66C153.267 212.22 153.167 211.873 152.967 211.62C152.767 211.353 152.434 211.1 151.967 210.86C151.514 210.62 150.894 210.32 150.107 209.96C149.534 209.693 148.98 209.393 148.447 209.06C147.927 208.727 147.5 208.307 147.167 207.8C146.847 207.28 146.687 206.62 146.687 205.82C146.687 204.98 146.874 204.28 147.247 203.72C147.62 203.16 148.147 202.74 148.827 202.46C149.52 202.167 150.34 202.02 151.287 202.02C151.954 202.02 152.627 202.093 153.307 202.24C153.987 202.387 154.607 202.593 155.167 202.86L154.487 204.58C153.98 204.353 153.447 204.18 152.887 204.06C152.34 203.927 151.814 203.86 151.307 203.86C150.814 203.86 150.38 203.933 150.007 204.08C149.634 204.213 149.347 204.427 149.147 204.72C148.96 205.013 148.867 205.4 148.867 205.88C148.867 206.333 148.96 206.7 149.147 206.98C149.334 207.247 149.634 207.487 150.047 207.7C150.46 207.913 150.987 208.167 151.627 208.46C152.387 208.807 153.054 209.147 153.627 209.48C154.2 209.813 154.647 210.22 154.967 210.7C155.287 211.18 155.447 211.827 155.447 212.64C155.447 213.293 155.334 213.873 155.107 214.38C154.88 214.873 154.547 215.293 154.107 215.64C153.68 215.987 153.154 216.253 152.527 216.44C151.9 216.613 151.174 216.7 150.347 216.7ZM164.379 216.7C163.192 216.7 162.172 216.487 161.319 216.06C160.479 215.62 159.832 214.987 159.379 214.16C158.926 213.333 158.699 212.32 158.699 211.12C158.699 209.96 158.906 208.967 159.319 208.14C159.746 207.3 160.339 206.653 161.099 206.2C161.859 205.747 162.759 205.52 163.799 205.52C164.759 205.52 165.579 205.727 166.259 206.14C166.952 206.553 167.486 207.14 167.859 207.9C168.232 208.647 168.419 209.547 168.419 210.6V211.6H160.819C160.846 212.413 161.019 213.067 161.339 213.56C161.659 214.053 162.092 214.413 162.639 214.64C163.186 214.853 163.812 214.96 164.519 214.96C165.079 214.96 165.646 214.887 166.219 214.74C166.806 214.58 167.392 214.373 167.979 214.12V215.94C167.379 216.207 166.772 216.4 166.159 216.52C165.546 216.64 164.952 216.7 164.379 216.7ZM166.379 210C166.366 209.413 166.252 208.913 166.039 208.5C165.839 208.087 165.552 207.767 165.179 207.54C164.806 207.313 164.352 207.2 163.819 207.2C163.006 207.2 162.339 207.453 161.819 207.96C161.299 208.453 160.979 209.133 160.859 210H166.379ZM171.831 216.5V215.12L175.651 214.74V203.06L172.131 202.7V201.3H177.791V214.74L181.211 215.12V216.5H171.831ZM187.803 216.5V207.48H184.483V206.08L187.803 205.72V204.66C187.803 203.807 187.963 203.127 188.283 202.62C188.603 202.113 189.057 201.753 189.643 201.54C190.243 201.313 190.957 201.2 191.783 201.2C192.343 201.2 192.857 201.24 193.323 201.32C193.803 201.4 194.23 201.5 194.603 201.62L194.103 203.26C193.81 203.18 193.47 203.113 193.083 203.06C192.71 202.993 192.357 202.96 192.023 202.96C191.343 202.96 190.823 203.107 190.463 203.4C190.103 203.68 189.923 204.187 189.923 204.92V205.72H193.803V207.48H189.923V216.5H187.803ZM198.936 212.04V210.18H204.936V212.04H198.936ZM209.988 216.5V202.22H212.108V208.12H217.348V202.22H219.468V216.5H217.348V209.98H212.108V216.5H209.988ZM227.54 216.7C226.807 216.7 226.133 216.58 225.52 216.34C224.907 216.1 224.373 215.747 223.92 215.28C223.48 214.8 223.14 214.213 222.9 213.52C222.66 212.827 222.54 212.02 222.54 211.1C222.54 209.873 222.747 208.853 223.16 208.04C223.587 207.213 224.173 206.587 224.92 206.16C225.667 205.733 226.527 205.52 227.5 205.52C228.473 205.52 229.333 205.733 230.08 206.16C230.84 206.573 231.433 207.193 231.86 208.02C232.287 208.847 232.5 209.88 232.5 211.12C232.5 212.027 232.38 212.827 232.14 213.52C231.9 214.213 231.56 214.8 231.12 215.28C230.693 215.747 230.173 216.1 229.56 216.34C228.96 216.58 228.287 216.7 227.54 216.7ZM227.54 214.98C228.167 214.98 228.687 214.827 229.1 214.52C229.527 214.2 229.84 213.747 230.04 213.16C230.253 212.573 230.36 211.887 230.36 211.1C230.36 210.3 230.253 209.613 230.04 209.04C229.84 208.467 229.527 208.027 229.1 207.72C228.687 207.4 228.16 207.24 227.52 207.24C226.56 207.24 225.84 207.587 225.36 208.28C224.893 208.96 224.66 209.9 224.66 211.1C224.66 211.887 224.767 212.573 224.98 213.16C225.193 213.747 225.513 214.2 225.94 214.52C226.367 214.827 226.9 214.98 227.54 214.98ZM239.852 216.7C239.185 216.7 238.545 216.64 237.932 216.52C237.319 216.413 236.765 216.253 236.272 216.04V214.06C236.765 214.287 237.319 214.493 237.932 214.68C238.545 214.853 239.239 214.94 240.012 214.94C240.785 214.94 241.345 214.827 241.692 214.6C242.039 214.373 242.212 214.033 242.212 213.58C242.212 213.3 242.139 213.073 241.992 212.9C241.845 212.727 241.585 212.553 241.212 212.38C240.852 212.207 240.339 211.987 239.672 211.72C239.019 211.427 238.445 211.147 237.952 210.88C237.459 210.613 237.079 210.293 236.812 209.92C236.545 209.547 236.412 209.067 236.412 208.48C236.412 207.813 236.585 207.26 236.932 206.82C237.279 206.38 237.765 206.053 238.392 205.84C239.032 205.627 239.779 205.52 240.632 205.52C241.259 205.52 241.865 205.58 242.452 205.7C243.039 205.82 243.632 206.007 244.232 206.26L243.592 207.9C243.032 207.673 242.512 207.513 242.032 207.42C241.565 207.327 241.092 207.28 240.612 207.28C239.892 207.28 239.359 207.373 239.012 207.56C238.679 207.733 238.512 208.02 238.512 208.42C238.512 208.7 238.599 208.933 238.772 209.12C238.945 209.307 239.219 209.487 239.592 209.66C239.965 209.82 240.445 210.027 241.032 210.28C241.712 210.547 242.299 210.807 242.792 211.06C243.299 211.313 243.685 211.633 243.952 212.02C244.219 212.393 244.352 212.907 244.352 213.56C244.352 214.253 244.179 214.833 243.832 215.3C243.499 215.767 242.999 216.12 242.332 216.36C241.665 216.587 240.839 216.7 239.852 216.7ZM255.084 216.7C254.271 216.7 253.558 216.593 252.944 216.38C252.331 216.153 251.851 215.78 251.504 215.26C251.171 214.727 251.004 214.007 251.004 213.1V207.48H248.204V206.08L251.064 205.68L251.464 202.9H253.124V205.72H257.284V207.48H253.124V212.76C253.124 213.293 253.204 213.72 253.364 214.04C253.524 214.36 253.771 214.593 254.104 214.74C254.438 214.887 254.844 214.96 255.324 214.96C255.671 214.96 256.031 214.927 256.404 214.86C256.791 214.793 257.164 214.727 257.524 214.66V216.34C257.151 216.447 256.758 216.533 256.344 216.6C255.931 216.667 255.511 216.7 255.084 216.7ZM266.717 216.7C265.53 216.7 264.51 216.487 263.657 216.06C262.817 215.62 262.17 214.987 261.717 214.16C261.263 213.333 261.037 212.32 261.037 211.12C261.037 209.96 261.243 208.967 261.657 208.14C262.083 207.3 262.677 206.653 263.437 206.2C264.197 205.747 265.097 205.52 266.137 205.52C267.097 205.52 267.917 205.727 268.597 206.14C269.29 206.553 269.823 207.14 270.197 207.9C270.57 208.647 270.757 209.547 270.757 210.6V211.6H263.157C263.183 212.413 263.357 213.067 263.677 213.56C263.997 214.053 264.43 214.413 264.977 214.64C265.523 214.853 266.15 214.96 266.857 214.96C267.417 214.96 267.983 214.887 268.557 214.74C269.143 214.58 269.73 214.373 270.317 214.12V215.94C269.717 216.207 269.11 216.4 268.497 216.52C267.883 216.64 267.29 216.7 266.717 216.7ZM268.717 210C268.703 209.413 268.59 208.913 268.377 208.5C268.177 208.087 267.89 207.767 267.517 207.54C267.143 207.313 266.69 207.2 266.157 207.2C265.343 207.2 264.677 207.453 264.157 207.96C263.637 208.453 263.317 209.133 263.197 210H268.717ZM277.989 216.7C277.322 216.7 276.722 216.58 276.189 216.34C275.655 216.087 275.202 215.72 274.829 215.24C274.469 214.76 274.189 214.173 273.989 213.48C273.802 212.773 273.709 211.967 273.709 211.06C273.709 209.9 273.869 208.907 274.189 208.08C274.522 207.253 275.022 206.62 275.689 206.18C276.355 205.74 277.189 205.52 278.189 205.52C278.682 205.52 279.115 205.587 279.489 205.72C279.875 205.84 280.209 206.02 280.489 206.26C280.769 206.487 281.002 206.767 281.189 207.1H281.289C281.275 206.913 281.255 206.72 281.229 206.52C281.202 206.32 281.182 206.113 281.169 205.9C281.155 205.687 281.149 205.48 281.149 205.28V201.3H283.229V216.5H281.549L281.229 215.06H281.129C280.929 215.393 280.675 215.687 280.369 215.94C280.075 216.18 279.729 216.367 279.329 216.5C278.942 216.633 278.495 216.7 277.989 216.7ZM278.569 214.96C279.462 214.96 280.122 214.66 280.549 214.06C280.989 213.447 281.209 212.6 281.209 211.52V211.14C281.209 210.393 281.129 209.727 280.969 209.14C280.809 208.553 280.542 208.093 280.169 207.76C279.795 207.427 279.282 207.26 278.629 207.26C277.735 207.26 277.049 207.593 276.569 208.26C276.102 208.913 275.869 209.907 275.869 211.24C275.869 212.493 276.089 213.427 276.529 214.04C276.969 214.653 277.649 214.96 278.569 214.96Z" fill="white"/>
+<rect x="313.724" y="270" width="183" height="197" transform="rotate(-90 313.724 270)" fill="url(#paint2_linear_8593_13456)" fill-opacity="0.4" stroke="url(#paint3_linear_8593_13456)" stroke-width="3"/>
+<path d="M429.928 154.812V153.406V152.703C429.928 148.172 426.256 144.578 421.803 144.578C420.71 144.578 419.694 144.734 418.835 145.125L416.881 145.828L415.788 144.109C413.991 141.375 410.944 139.5 407.428 139.5C401.881 139.5 397.428 144.031 397.428 149.5V150.203V151.922L395.71 152.547C392.35 153.719 389.928 157 389.928 160.75V169.5H398.678H427.428H434.928V162C434.928 159.266 433.366 156.844 431.178 155.516L429.928 154.812ZM394.928 150.203V149.5C394.928 142.625 400.475 137 407.428 137C411.803 137 415.71 139.344 417.897 142.781C419.069 142.312 420.397 142 421.803 142C427.663 142 432.428 146.766 432.428 152.625V153.406C435.397 155.125 437.428 158.328 437.428 162V169.5V172H434.928H427.428H398.678H389.928H387.428V169.5V160.75C387.428 155.906 390.553 151.688 394.928 150.203Z" fill="white"/>
+<path d="M388.068 216.7C386.668 216.7 385.528 216.393 384.648 215.78C383.768 215.167 383.114 214.32 382.688 213.24C382.274 212.147 382.068 210.88 382.068 209.44C382.068 208.293 382.201 207.267 382.468 206.36C382.748 205.44 383.154 204.66 383.688 204.02C384.234 203.367 384.894 202.873 385.668 202.54C386.441 202.193 387.334 202.02 388.348 202.02C389.041 202.02 389.674 202.093 390.248 202.24C390.834 202.387 391.388 202.593 391.908 202.86L391.148 204.58C390.708 204.353 390.241 204.187 389.748 204.08C389.254 203.96 388.774 203.9 388.308 203.9C387.628 203.9 387.028 204.027 386.508 204.28C386.001 204.52 385.581 204.88 385.248 205.36C384.914 205.827 384.661 206.4 384.488 207.08C384.328 207.76 384.248 208.54 384.248 209.42C384.248 210.553 384.381 211.52 384.648 212.32C384.928 213.12 385.361 213.733 385.948 214.16C386.534 214.573 387.294 214.78 388.228 214.78C388.694 214.78 389.181 214.727 389.688 214.62C390.208 214.513 390.748 214.34 391.308 214.1V216.08C390.761 216.293 390.221 216.447 389.688 216.54C389.168 216.647 388.628 216.7 388.068 216.7ZM395.12 216.5V215.12L398.94 214.74V203.06L395.42 202.7V201.3H401.08V214.74L404.5 215.12V216.5H395.12ZM412.452 216.7C411.719 216.7 411.046 216.58 410.432 216.34C409.819 216.1 409.286 215.747 408.832 215.28C408.392 214.8 408.052 214.213 407.812 213.52C407.572 212.827 407.452 212.02 407.452 211.1C407.452 209.873 407.659 208.853 408.072 208.04C408.499 207.213 409.086 206.587 409.832 206.16C410.579 205.733 411.439 205.52 412.412 205.52C413.386 205.52 414.246 205.733 414.992 206.16C415.752 206.573 416.346 207.193 416.772 208.02C417.199 208.847 417.412 209.88 417.412 211.12C417.412 212.027 417.292 212.827 417.052 213.52C416.812 214.213 416.472 214.8 416.032 215.28C415.606 215.747 415.086 216.1 414.472 216.34C413.872 216.58 413.199 216.7 412.452 216.7ZM412.452 214.98C413.079 214.98 413.599 214.827 414.012 214.52C414.439 214.2 414.752 213.747 414.952 213.16C415.166 212.573 415.272 211.887 415.272 211.1C415.272 210.3 415.166 209.613 414.952 209.04C414.752 208.467 414.439 208.027 414.012 207.72C413.599 207.4 413.072 207.24 412.432 207.24C411.472 207.24 410.752 207.587 410.272 208.28C409.806 208.96 409.572 209.9 409.572 211.1C409.572 211.887 409.679 212.573 409.892 213.16C410.106 213.747 410.426 214.2 410.852 214.52C411.279 214.827 411.812 214.98 412.452 214.98ZM424.284 216.7C423.044 216.7 422.118 216.38 421.504 215.74C420.891 215.087 420.584 214.127 420.584 212.86V205.72H422.704V212.44C422.704 213.253 422.864 213.88 423.184 214.32C423.504 214.747 424.071 214.96 424.884 214.96C425.604 214.96 426.164 214.807 426.564 214.5C426.964 214.193 427.244 213.753 427.404 213.18C427.564 212.607 427.644 211.92 427.644 211.12V205.72H429.764V216.5H428.104L427.784 215.08H427.664C427.424 215.453 427.138 215.76 426.804 216C426.471 216.24 426.091 216.413 425.664 216.52C425.251 216.64 424.791 216.7 424.284 216.7ZM437.317 216.7C436.65 216.7 436.05 216.58 435.517 216.34C434.983 216.087 434.53 215.72 434.157 215.24C433.797 214.76 433.517 214.173 433.317 213.48C433.13 212.773 433.037 211.967 433.037 211.06C433.037 209.9 433.197 208.907 433.517 208.08C433.85 207.253 434.35 206.62 435.017 206.18C435.683 205.74 436.517 205.52 437.517 205.52C438.01 205.52 438.443 205.587 438.817 205.72C439.203 205.84 439.537 206.02 439.817 206.26C440.097 206.487 440.33 206.767 440.517 207.1H440.617C440.603 206.913 440.583 206.72 440.557 206.52C440.53 206.32 440.51 206.113 440.497 205.9C440.483 205.687 440.477 205.48 440.477 205.28V201.3H442.557V216.5H440.877L440.557 215.06H440.457C440.257 215.393 440.003 215.687 439.697 215.94C439.403 216.18 439.057 216.367 438.657 216.5C438.27 216.633 437.823 216.7 437.317 216.7ZM437.897 214.96C438.79 214.96 439.45 214.66 439.877 214.06C440.317 213.447 440.537 212.6 440.537 211.52V211.14C440.537 210.393 440.457 209.727 440.297 209.14C440.137 208.553 439.87 208.093 439.497 207.76C439.123 207.427 438.61 207.26 437.957 207.26C437.063 207.26 436.377 207.593 435.897 208.26C435.43 208.913 435.197 209.907 435.197 211.24C435.197 212.493 435.417 213.427 435.857 214.04C436.297 214.653 436.977 214.96 437.897 214.96Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_8593_13456" x1="408.224" y1="85.5" x2="408.224" y2="285.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.25" stop-color="#20344B"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8593_13456" x1="408.224" y1="85.5" x2="408.224" y2="285.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.27" stop-color="#20344B"/>
+<stop offset="1" stop-color="#00F49D"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8593_13456" x1="405.224" y1="271.5" x2="405.224" y2="471.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.25" stop-color="#20344B"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8593_13456" x1="405.224" y1="271.5" x2="405.224" y2="471.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stop-color="#20344B"/>
+<stop offset="1" stop-color="#FF6BFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/static/img/assets/ziggy.png b/static/img/assets/ziggy.png
new file mode 100644
index 0000000000..6061c2cdf6
Binary files /dev/null and b/static/img/assets/ziggy.png differ
diff --git a/static/img/sdks/svgs/ruby.svg b/static/img/sdks/svgs/ruby.svg
index 46b970b943..d66228f93f 100644
--- a/static/img/sdks/svgs/ruby.svg
+++ b/static/img/sdks/svgs/ruby.svg
@@ -1,15 +1,6 @@
-<svg width="512" height="512" fill="none" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <g transform="scale(0.78)">
-  <path d="m493.725 160.831-.063.616c-1.411 12.654-5.402 26.269-11.776 40.396l-.01.01L371.66 482.304 76.455 413.069a143.392 143.392 0 0 1-10.553-2.476c-6.781-1.839-13.093-4.086-18.902-6.729h-.01c-17.742-25.046-31.107-53.415-38.954-83.989a659.198 659.198 0 0 1 4.148-16.29c7.168-26.843 21.096-72.85 37.836-97.04l1.63 55.965 110.299 7.356 149.514-71.084 64.543-94.772-28.588-45.756c47.689 11.567 77.908 22.016 96.935 30.26a220.759 220.759 0 0 1 8.558 3.897c19.111 9.226 22.779 14.838 22.779 14.838 6.301 5.308 11.024 11.536 13.897 18.662 4.18 10.344 5.486 22.141 4.138 34.92Z" fill="#9B0A0E"/>
-  <path d="M356.676 83.778c-18.538-36.515-100.347-32.214-182.724 9.607-82.377 41.822-134.129 105.327-115.59 141.842 18.537 36.515 100.346 32.214 182.723-9.608 82.377-41.821 134.129-105.326 115.591-141.841Z" fill="#EF0E13"/>
-  <path d="m301.18 369.117 70.476 113.191-185.652-72.87c36.652-7.566 76.008-20.941 115.176-40.321ZM50.02 206.546l1.633 55.966-39.47 41.072c7.173-26.84 21.095-72.847 37.836-97.038Z" fill="#F5655E"/>
-  <path d="m51.649 262.51-33.886 87.374a253.298 253.298 0 0 1-9.728-30.009v-.01a695.99 695.99 0 0 1 4.148-16.279l39.466-41.076Zm324.363-158.501 117.651 57.437c-1.414 12.656-5.4 26.268-11.781 40.402l-.008.008c-4.771 10.589-10.891 21.472-18.261 32.452l-87.601-130.299Z" fill="#950C10"/>
-  <path d="m481.873 201.856-110.216 280.45 28.228-177.874c26.422-22.607 47.951-46.595 63.728-70.125 7.37-10.981 13.488-21.864 18.26-32.451Z" fill="#EF0E13"/>
-  <path d="m376.012 104.009 87.601 130.299-152.147-35.523 64.546-94.776Z" fill="#EF0E13"/>
-  <path d="m444.355 88.51-68.344 15.499-28.596-45.761c47.69 11.577 77.912 22.019 96.94 30.262Z" fill="#F5655E"/>
-  <path d="m311.466 198.785 88.418 105.65c-26.594 22.762-58.139 44.127-93.786 62.225-1.643.834-3.276 1.65-4.918 2.46l10.286-170.335Z" fill="#950C10"/>
-  <path d="M311.466 198.785 301.18 369.117l-139.229-99.252 149.515-71.08Z" fill="#EF0E13"/>
-  <path d="m161.951 269.865 139.228 99.252c-39.168 19.38-78.524 32.754-115.176 40.321l-24.052-139.573Z" fill="#950C10"/>
-  <path d="M161.951 269.865 65.902 410.598 51.653 262.512l110.298 7.353Z" fill="#F5655E"/>
-  </g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="48" height="48" fill="#CC342D"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 14L16 18L14 24L24 34L34 24L32 18L24 14ZM24 16.5L18 19.5L16.5 24L24 31.5L31.5 24L30 19.5L24 16.5Z" fill="black"/>
+    <path d="M18 19.5L24 31.5L24 16.5L18 19.5Z" fill="black" fill-opacity="0.9"/>
+    <path d="M30 19.5L24 31.5L24 16.5L30 19.5Z" fill="black" fill-opacity="0.7"/>
 </svg>
\ No newline at end of file
diff --git a/static/img/sdks/svgs/sdk-box-logos/dotnet.svg b/static/img/sdks/svgs/sdk-box-logos/dotnet.svg
new file mode 100644
index 0000000000..5116220593
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/dotnet.svg
@@ -0,0 +1,14 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.911133" width="45" height="45" fill="#FECB2F"/>
+<g clip-path="url(#clip0_689_17662)">
+<path d="M9.7237 28.8264C9.43532 28.8264 9.1902 28.7278 8.98834 28.5304C8.78648 28.3281 8.68555 28.0877 8.68555 27.8095C8.68555 27.5261 8.78648 27.2833 8.98834 27.0809C9.1902 26.8785 9.43532 26.7773 9.7237 26.7773C10.0169 26.7773 10.2644 26.8785 10.4663 27.0809C10.6729 27.2833 10.7763 27.5261 10.7763 27.8095C10.7763 28.0877 10.6729 28.3281 10.4663 28.5304C10.2644 28.7278 10.0169 28.8264 9.7237 28.8264Z" fill="#161723"/>
+<path d="M21.249 28.6603H19.3746L14.4362 20.6612C14.3112 20.4589 14.2079 20.2489 14.1262 20.0313H14.0829C14.1214 20.2641 14.1406 20.7624 14.1406 21.5264V28.6603H12.4824V17.7773H14.4794L19.252 25.5866C19.4539 25.9104 19.5836 26.1331 19.6413 26.2545H19.6702C19.6221 25.9661 19.598 25.4779 19.598 24.7898V17.7773H21.249V28.6603Z" fill="#161723"/>
+<path d="M29.325 28.6603H23.5215V17.7773H29.0944V19.3104H25.2373V22.3916H28.7915V23.917H25.2373V27.1348H29.325V28.6603Z" fill="#161723"/>
+<path d="M37.5789 19.3104H34.6086V28.6603H32.8928V19.3104H29.9297V17.7773H37.5789V19.3104Z" fill="#161723"/>
+</g>
+<defs>
+<clipPath id="clip0_689_17662">
+<rect width="28.8889" height="11.1111" fill="white" transform="translate(8.68555 17.7773)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/go.svg b/static/img/sdks/svgs/sdk-box-logos/go.svg
new file mode 100644
index 0000000000..fdefe31b6d
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/go.svg
@@ -0,0 +1,8 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.301758" width="45" height="45" fill="#01A7EC"/>
+<path d="M6.86981 21.8145C6.80057 21.8145 6.78325 21.7798 6.81788 21.7276L7.18142 21.2585C7.21604 21.2064 7.3026 21.1716 7.37184 21.1716H13.552C13.6213 21.1716 13.6386 21.2237 13.604 21.2759L13.3097 21.7276C13.275 21.7798 13.1885 21.8319 13.1365 21.8319L6.86981 21.8145Z" fill="#161723"/>
+<path d="M4.25577 23.4131C4.18652 23.4131 4.16921 23.3784 4.20383 23.3263L4.56737 22.8571C4.602 22.805 4.68855 22.7702 4.7578 22.7702H12.6518C12.7211 22.7702 12.7557 22.8224 12.7384 22.8745L12.5999 23.2915C12.5826 23.361 12.5133 23.3958 12.4441 23.3958L4.25577 23.4131Z" fill="#161723"/>
+<path d="M8.44517 25.0118C8.37592 25.0118 8.35861 24.9596 8.39323 24.9075L8.63559 24.4731C8.67022 24.421 8.73946 24.3689 8.80871 24.3689H12.271C12.3402 24.3689 12.3749 24.421 12.3749 24.4905L12.3402 24.9075C12.3402 24.977 12.271 25.0291 12.2191 25.0291L8.44517 25.0118Z" fill="#161723"/>
+<path d="M26.4144 21.5018C25.3238 21.7798 24.5794 21.9883 23.5061 22.2663C23.2464 22.3358 23.2291 22.3532 23.0041 22.0926C22.7444 21.7972 22.554 21.606 22.1904 21.4323C21.0998 20.8936 20.0438 21.05 19.0571 21.6929C17.8799 22.4575 17.274 23.5869 17.2913 24.9944C17.3086 26.3844 18.2608 27.5313 19.6284 27.7224C20.8055 27.8788 21.7923 27.4617 22.5713 26.5756C22.7271 26.3844 22.8656 26.1759 23.0387 25.9327C22.4155 25.9327 21.6365 25.9327 19.6976 25.9327C19.3341 25.9327 19.2475 25.7068 19.3687 25.4114C19.5937 24.8727 20.0092 23.9692 20.2516 23.5174C20.3035 23.4131 20.4247 23.2394 20.6844 23.2394C21.5672 23.2394 24.8218 23.2394 26.9857 23.2394C26.9511 23.7085 26.9511 24.1777 26.8818 24.6468C26.6914 25.8979 26.224 27.0447 25.4623 28.0525C24.2159 29.7033 22.5886 30.7284 20.5285 31.0065C18.832 31.2323 17.2567 30.9022 15.8718 29.8596C14.5907 28.8866 13.8636 27.6008 13.6732 26.0022C13.4482 24.1082 14.0021 22.4053 15.1447 20.911C16.3738 19.295 18.0011 18.2698 19.9919 17.9049C21.6192 17.6095 23.1772 17.8007 24.5794 18.7564C25.4969 19.3645 26.1548 20.1986 26.5876 21.2064C26.6914 21.3628 26.6222 21.4496 26.4144 21.5018Z" fill="#161723"/>
+<path d="M32.1445 31.1107C30.5691 31.0759 29.1323 30.6241 27.9205 29.5816C26.8991 28.6954 26.2586 27.566 26.0509 26.228C25.7393 24.2645 26.2759 22.5269 27.4531 20.9805C28.7168 19.3124 30.2402 18.4436 32.3003 18.0787C34.0661 17.7659 35.7279 17.9397 37.234 18.9648C38.6016 19.9031 39.4499 21.1716 39.675 22.8397C39.9692 25.1855 39.2941 27.0968 37.6841 28.7302C36.5416 29.8944 35.1394 30.6241 33.5294 30.9543C33.062 31.0412 32.5946 31.0586 32.1445 31.1107ZM36.2646 24.0908C36.2473 23.8649 36.2473 23.6911 36.2127 23.5174C35.9011 21.7971 34.3257 20.8241 32.6811 21.2063C31.0712 21.5712 30.0325 22.5964 29.6516 24.2298C29.34 25.5851 29.9979 26.9578 31.2443 27.5138C32.1964 27.9309 33.1485 27.8787 34.066 27.4096C35.4337 26.6972 36.178 25.5851 36.2646 24.0908Z" fill="#161723"/>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/java.svg b/static/img/sdks/svgs/sdk-box-logos/java.svg
new file mode 100644
index 0000000000..62d4525175
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/java.svg
@@ -0,0 +1,5 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.106445" width="45" height="45" fill="#FF5555"/>
+<path d="M20.2904 22.7012C20.2904 22.7012 19.4386 23.2197 20.8829 23.3678C22.6236 23.59 23.5495 23.553 25.4754 23.1826C25.4754 23.1826 25.9939 23.5159 26.6975 23.7752C22.3644 25.627 16.8831 23.6641 20.2904 22.7012L20.2904 22.7012ZM19.7348 20.2939C19.7348 20.2939 18.809 20.9975 20.2533 21.1457C22.1422 21.3309 23.6236 21.3679 26.179 20.8494C26.179 20.8494 26.5124 21.2197 27.0679 21.4049C21.8459 22.9604 15.9942 21.5531 19.7349 20.2939L19.7348 20.2939ZM29.9567 24.5159C29.9567 24.5159 30.5863 25.0344 29.253 25.4418C26.7716 26.1825 18.8459 26.4047 16.6238 25.4418C15.8461 25.1085 17.3275 24.627 17.8089 24.5529C18.2904 24.4418 18.5496 24.4418 18.5496 24.4418C17.6979 23.8493 12.8832 25.664 16.1053 26.1825C24.9568 27.6269 32.2528 25.5529 29.9566 24.5159L29.9567 24.5159ZM20.6977 17.7754C20.6977 17.7754 16.6609 18.7384 19.2534 19.0717C20.3645 19.2198 22.5495 19.1828 24.5865 19.0346C26.2531 18.8865 27.9197 18.5902 27.9197 18.5902C27.9197 18.5902 27.3271 18.8495 26.9197 19.1087C22.8088 20.1827 14.9202 19.7013 17.1794 18.5902C19.1052 17.6643 20.6977 17.7754 20.6977 17.7754L20.6977 17.7754ZM27.9197 21.8123C32.0677 19.6642 30.1419 17.5902 28.8086 17.8495C28.4753 17.9236 28.3271 17.9977 28.3271 17.9977C28.3271 17.9977 28.4382 17.7754 28.6975 17.7014C31.327 16.7755 33.401 20.479 27.8457 21.9234C27.8457 21.9234 27.8827 21.8864 27.9197 21.8123L27.9197 21.8123ZM21.1052 27.6639C25.105 27.9232 31.2159 27.5158 31.364 25.627C31.364 25.627 31.0677 26.3677 28.0679 26.9232C24.6606 27.5528 20.4386 27.4788 17.9571 27.0713C17.9571 27.0713 18.4756 27.5158 21.1052 27.6639L21.1052 27.6639Z" fill="#161723"/>
+<path d="M25.4022 5.55469C25.4022 5.55469 27.6984 7.88792 23.2171 11.4063C19.6247 14.258 22.4023 15.8876 23.2171 17.7394C21.1061 15.8506 19.5876 14.184 20.6246 12.6285C22.1431 10.3323 26.3281 9.22121 25.4022 5.55469V5.55469ZM24.2171 16.1839C25.2911 17.4061 23.9208 18.5172 23.9208 18.5172C23.9208 18.5172 26.6614 17.1098 25.4022 15.3691C24.2541 13.7025 23.3653 12.8878 28.1799 10.1101C28.1799 10.1101 20.5876 11.9989 24.2171 16.1839L24.2171 16.1839ZM21.4765 36.072V32.4425C21.4765 31.5166 20.958 30.887 19.6617 30.887C18.921 30.887 18.2914 31.0722 17.7358 31.2944L17.921 31.961C18.3284 31.8129 18.8469 31.6647 19.4025 31.6647C20.1061 31.6647 20.4394 31.961 20.4394 32.5536V33.0351H20.0691C18.2914 33.0351 17.4766 33.7017 17.4766 34.7758C17.4766 35.6646 18.0321 36.1831 19.0321 36.1831C19.6617 36.1831 20.1432 35.8868 20.5876 35.5165L20.6617 36.072H21.4765L21.4765 36.072ZM20.4395 34.8869C20.0691 35.2202 19.6617 35.4054 19.2913 35.4054C18.8099 35.4054 18.5136 35.1091 18.5136 34.5906C18.5136 34.0721 18.8099 33.7017 19.995 33.7017H20.4394V34.8869H20.4395ZM24.9578 36.072H23.6615L22.106 30.9981H23.2171L24.18 34.1091L24.4023 35.035C24.8837 33.7017 25.2541 32.3314 25.4022 30.9981H26.5133C26.217 32.6647 25.6985 34.4795 24.9578 36.072H24.9578ZM30.9576 36.072V32.4425C30.9576 31.5166 30.4391 30.887 29.1428 30.887C28.4021 30.887 27.7725 31.0722 27.217 31.2944L27.3651 31.961C27.8095 31.8129 28.328 31.6647 28.8836 31.6647C29.5873 31.6647 29.9206 31.961 29.9206 32.5536V33.0351H29.5502C27.7725 33.0351 26.9577 33.7017 26.9577 34.7758C26.9577 35.6646 27.4762 36.1831 28.4762 36.1831C29.1428 36.1831 29.6243 35.8868 30.0687 35.5165L30.1428 36.072H30.9576V36.072ZM29.9206 34.8869C29.5502 35.2202 29.1428 35.4054 28.7724 35.4054C28.291 35.4054 27.9947 35.1091 27.9947 34.5906C27.9947 34.0721 28.291 33.7017 29.4761 33.7017H29.9206V34.8869H29.9206ZM16.3285 36.9238C16.0322 37.3682 15.5878 37.7016 15.0323 37.8867L14.5508 37.2942C14.9211 37.072 15.2915 36.7387 15.4396 36.4424C15.5878 36.1831 15.6248 35.8127 15.6248 34.9609V29.1834H16.7359V34.8869C16.7359 36.035 16.6248 36.4794 16.3285 36.9238L16.3285 36.9238Z" fill="#161723"/>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/php.svg b/static/img/sdks/svgs/sdk-box-logos/php.svg
new file mode 100644
index 0000000000..4a2c2e7d91
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/php.svg
@@ -0,0 +1,4 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.71582" width="45" height="45" fill="#FF6BFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9432 30.84C14.0438 30.84 6.8291 27.0448 6.8291 22.3633C6.8291 17.6819 14.0438 13.8867 22.9432 13.8867C31.8426 13.8867 39.0573 17.6819 39.0573 22.3633C39.0573 27.0448 31.8426 30.84 22.9432 30.84ZM23.3007 16.1035L22.8439 18.4535H24.546C25.6169 18.4535 26.3556 18.6404 26.7621 19.0138C27.1687 19.3874 27.2905 19.9927 27.128 20.8294L26.3286 24.9427H24.3877L25.1478 21.0317C25.2343 20.5868 25.2025 20.2834 25.0523 20.1216C24.9021 19.9598 24.5825 19.8787 24.0937 19.8787H22.5667L21.5826 24.9427H19.672L21.3902 16.1035H23.3007ZM14.1277 23.5479H15.2991C16.0755 23.5479 16.6538 23.4017 17.0338 23.1092C17.4138 22.8166 17.6702 22.3284 17.8034 21.6441C17.9308 20.9872 17.8727 20.5236 17.6292 20.2536C17.3854 19.9835 16.8978 19.8485 16.1662 19.8485H14.8468L14.1277 23.5479ZM16.8954 18.4536C18.0094 18.4536 18.8221 18.7459 19.3329 19.3306C19.8437 19.9153 19.9975 20.7314 19.7937 21.7792C19.7098 22.2108 19.568 22.6055 19.3682 22.963C19.1683 23.3207 18.9072 23.6479 18.5845 23.9445C18.2 24.3043 17.7728 24.5607 17.3027 24.7134C16.8327 24.8665 16.234 24.9428 15.5061 24.9428H13.8566L13.3999 27.2928H11.4742L13.1923 18.4536H16.8954ZM30.3297 23.5479H29.1583L29.8774 19.8485H31.1968C31.9284 19.8485 32.416 19.9835 32.6598 20.2536C32.9034 20.5236 32.9614 20.9872 32.8339 21.6441C32.7007 22.3284 32.4445 22.8166 32.0644 23.1092C31.6844 23.4017 31.1061 23.5479 30.3297 23.5479ZM34.3635 19.3306C33.8527 18.7459 33.04 18.4536 31.926 18.4536H28.223L26.5048 27.2928H28.4305L28.8872 24.9428H30.5367C31.2645 24.9428 31.8632 24.8665 32.3333 24.7134C32.8034 24.5607 33.2305 24.3043 33.6151 23.9445C33.9377 23.6479 34.1988 23.3207 34.3988 22.963C34.5985 22.6055 34.7404 22.2108 34.8243 21.7792C35.0281 20.7314 34.8743 19.9153 34.3635 19.3306Z" fill="#161723"/>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/python.svg b/static/img/sdks/svgs/sdk-box-logos/python.svg
new file mode 100644
index 0000000000..2d59a0af4c
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/python.svg
@@ -0,0 +1,5 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.520508" width="45" height="45" fill="#9747FF"/>
+<path d="M23.1519 9.25022C22.0531 9.25533 21.0038 9.34903 20.0806 9.5124C17.3608 9.9929 16.867 10.9986 16.867 12.8534V15.3029H23.2942V16.1194H16.867H14.4549C12.587 16.1194 10.9514 17.2421 10.4398 19.378C9.84964 21.8261 9.82347 23.3538 10.4398 25.9101C10.8966 27.8128 11.9877 29.1686 13.8556 29.1686H16.0655V26.2322C16.0655 24.1108 17.9009 22.2395 20.0806 22.2395H26.5003C28.2873 22.2395 29.7139 20.7681 29.7139 18.9734V12.8534C29.7139 11.1115 28.2445 9.8031 26.5003 9.5124C25.3962 9.32861 24.2506 9.24511 23.1519 9.25022ZM19.6761 11.2203C20.34 11.2203 20.8821 11.7713 20.8821 12.4488C20.8821 13.124 20.34 13.6699 19.6761 13.6699C19.0098 13.6699 18.47 13.124 18.47 12.4488C18.47 11.7713 19.0098 11.2203 19.6761 11.2203Z" fill="#161723"/>
+<path d="M30.5176 16.1211V18.9751C30.5176 21.1878 28.6417 23.0502 26.5025 23.0502H20.0827C18.3243 23.0502 16.8691 24.5552 16.8691 26.3163V32.4363C16.8691 34.1782 18.3838 35.2027 20.0827 35.7024C22.1172 36.3006 24.0682 36.4087 26.5025 35.7024C28.1206 35.2339 29.7161 34.2911 29.7161 32.4363V29.9868H23.2964V29.1703H29.7161H32.9297C34.7976 29.1703 35.4937 27.8674 36.1433 25.9117C36.8143 23.8984 36.7858 21.9623 36.1433 19.3796C35.6817 17.5201 34.8 16.1211 32.9297 16.1211H30.5176ZM26.907 31.6198C27.5733 31.6198 28.113 32.1658 28.113 32.8409C28.113 33.5184 27.5733 34.0694 26.907 34.0694C26.2431 34.0694 25.7009 33.5184 25.7009 32.8409C25.7009 32.1658 26.2431 31.6198 26.907 31.6198Z" fill="#161723"/>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/ruby.png b/static/img/sdks/svgs/sdk-box-logos/ruby.png
new file mode 100644
index 0000000000..af1dc434d2
Binary files /dev/null and b/static/img/sdks/svgs/sdk-box-logos/ruby.png differ
diff --git a/static/img/sdks/svgs/sdk-box-logos/ruby.svg b/static/img/sdks/svgs/sdk-box-logos/ruby.svg
new file mode 100644
index 0000000000..b6b8d205db
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/ruby.svg
@@ -0,0 +1,10 @@
+<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="45" height="45" fill="#F2735D"/>
+<rect x="12.1725" y="12" width="20.1972" height="20" fill="url(#pattern0_1_556)"/>
+<defs>
+<pattern id="pattern0_1_556" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1_556" transform="scale(0.00195312 0.00197239)"/>
+</pattern>
+<image id="image0_1_556" width="512" height="507" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/static/img/sdks/svgs/sdk-box-logos/typescript.svg b/static/img/sdks/svgs/sdk-box-logos/typescript.svg
new file mode 100644
index 0000000000..31c98dd6f5
--- /dev/null
+++ b/static/img/sdks/svgs/sdk-box-logos/typescript.svg
@@ -0,0 +1,4 @@
+<svg width="46" height="45" viewBox="0 0 46 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.325195" width="45" height="45" fill="#59FDA0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3896 13.6055H30.9646C31.4381 13.6055 31.822 13.9893 31.822 14.4628V31.0379C31.822 31.5114 31.4381 31.8952 30.9646 31.8952H14.3896C13.9161 31.8952 13.5322 31.5114 13.5322 31.0379V14.4628C13.5322 13.9893 13.9161 13.6055 14.3896 13.6055ZM24.1461 29.822V27.8179C24.5083 28.1226 24.9016 28.3513 25.3262 28.5036C25.7508 28.656 26.1796 28.7322 26.6125 28.7322C26.8665 28.7322 27.0881 28.7092 27.2775 28.6633C27.4669 28.6175 27.6251 28.5537 27.7521 28.4723C27.879 28.3908 27.9738 28.2948 28.0362 28.1842C28.0987 28.0736 28.1298 27.9536 28.1298 27.8241C28.1298 27.6487 28.0799 27.4922 27.9799 27.3544C27.88 27.2166 27.7438 27.0893 27.571 26.9724C27.3983 26.8555 27.1932 26.7427 26.956 26.6342C26.7187 26.5256 26.4627 26.415 26.1879 26.3023C25.4886 26.01 24.9672 25.653 24.6238 25.2313C24.2804 24.8096 24.1086 24.3002 24.1086 23.7032C24.1086 23.2356 24.2023 22.8337 24.3896 22.4976C24.5769 22.1615 24.8319 21.8849 25.1545 21.6678C25.4771 21.4507 25.8508 21.291 26.2753 21.1887C26.7 21.0864 27.1495 21.0352 27.6241 21.0352C28.0904 21.0352 28.5035 21.0634 28.8635 21.1198C29.2236 21.1761 29.5556 21.2628 29.8595 21.3797V23.2523C29.7096 23.1479 29.5463 23.056 29.3694 22.9767C29.1923 22.8974 29.0103 22.8316 28.823 22.7794C28.6356 22.7272 28.4493 22.6886 28.2641 22.6636C28.0788 22.6385 27.9031 22.626 27.7365 22.626C27.5075 22.626 27.2994 22.6479 27.1121 22.6917C26.9247 22.7356 26.7666 22.7972 26.6375 22.8765C26.5085 22.9558 26.4086 23.0508 26.3378 23.1614C26.267 23.2721 26.2316 23.3963 26.2316 23.5341C26.2316 23.6844 26.2712 23.8191 26.3503 23.938C26.4294 24.057 26.5418 24.1698 26.6875 24.2762C26.8332 24.3827 27.0101 24.4871 27.2182 24.5894C27.4263 24.6917 27.6615 24.7971 27.9238 24.9056C28.2818 25.056 28.6033 25.2157 28.8886 25.3848C29.1736 25.5538 29.4182 25.7449 29.6221 25.9578C29.8262 26.1707 29.9822 26.4139 30.0905 26.6874C30.1987 26.9609 30.2529 27.2793 30.2529 27.6425C30.2529 28.1435 30.1581 28.5642 29.9688 28.9044C29.7793 29.2447 29.5223 29.5202 29.1976 29.7311C28.8728 29.942 28.4952 30.0934 28.0642 30.1852C27.6334 30.2771 27.1787 30.323 26.7 30.323C26.2087 30.323 25.7415 30.2813 25.2982 30.1977C24.8548 30.1142 24.4708 29.9889 24.1461 29.822ZM23.3942 22.8291H20.7797V30.1801H18.7086V22.8291H16.1069V21.1781H23.3942V22.8291Z" fill="#161723"/>
+</svg>