EDU-3945: landing pages redesign

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}
 

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.

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}
 

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}

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}