TS SDK landing page

docs/getting_started/typescript/index.md

@@ -1,5 +1,5 @@
 ---
-title: "Get started with Temporal and TypeScript"
+title: "TypeScript SDK"
 sidebar_position: 3
 sidebar_label: TypeScript
 hide_table_of_contents: false
@@ -9,7 +9,32 @@ image: /img/temporal-logo-twitter-card.png
 
 ![Temporal TypeScript SDK](/img/sdk_banners/banner_typescript.png)
 
-Take your first steps into building apps with Temporal and TypeScript by setting up your development environment, exploring how Temporal Applications work, and diving into the documentation.
+Write [durable TypeScript or JavaScript](https://temporal.io/blog/building-reliable-distributed-systems-in-node) using Temporal's TypeScript SDK.
+
+- Repo: [temporalio/sdk-typescript](https://github.com/temporalio/sdk-typescript)
+- Course: [Temporal 101](https://learn.temporal.io/courses/temporal_101/typescript/) ⬅️ _the best way to learn Temporal!_
+- Tutorials: [Getting started](#set-up-a-local-development-environment-for-temporal-and-typescript) and [project-based](https://learn.temporal.io/tutorials/typescript/)
+- Docs: [t.mp/ts-guide](https://docs.temporal.io/dev-guide/typescript)
+- API reference: [typescript.temporal.io](https://typescript.temporal.io/)
+- Sample applications: [temporalio/samples-typescript](https://github.com/temporalio/samples-typescript)
+- Get help:
+  - _#typescript-sdk_ channel in [Slack](https://t.mp/slack)
+  - [Community Forum](https://community.temporal.io/tag/typescript-sdk)
+- Get updates:
+  - Monthly [newsletter](https://t.mp/news) includes major updates
+  - [SDK Releases](https://github.com/temporalio/sdk-typescript/releases) has a feed that can be added to a feed reader or [converted to email notifications](https://blogtrottr.com/): `https://github.com/temporalio/sdk-typescript/releases.atom`
+- Videos: [TypeScript SDK playlist](https://www.youtube.com/playlist?list=PLl9kRkvFJrlTavecydpk9r6cF7qBmQJvb)
+- Blog posts
+  - [How Durable Execution Works](https://temporal.io/blog/building-reliable-distributed-systems-in-node-js-part-2)
+  - [Temporal for VS Code](https://temporal.io/blog/temporal-for-vs-code)
+  - [Using Temporal as a Node.js Task Queue](https://temporal.io/blog/using-temporal-as-a-node-task-queue)
+  - [Caching API Requests with Long-Lived Workflows](https://temporal.io/blog/caching-api-requests-with-long-lived-workflows)
+  - [REST APIs for every Temporal Workflow in one line of code](https://temporal.io/blog/temporal-rest)
+  - [1.0.0 release of the Temporal TypeScript SDK](https://temporal.io/blog/typescript-1-0-0)
+  - [How we use V8 isolates to enforce Workflow determinism](https://temporal.io/blog/intro-to-isolated-vm)
+  - [Compensating Actions, Part of a Complete Breakfast with Sagas](https://temporal.io/blog/compensating-actions-part-of-a-complete-breakfast-with-sagas)
+
+----
 
 ## [Set up a local development environment for Temporal and TypeScript](dev_environment/index.md)
 
@@ -47,15 +72,4 @@ In this course, you will explore the basic building blocks of Temporal: Workflow
 
 **Estimated time**: ⏱️ ~4 hours, self-paced.
 
-In this course, you will go beyond the basics of Temporal application development. You will acquire skills necessary to use Temporal throughout the development lifecycle by learning how to test, debug, and deploy applications. You'll encounter several common problems faced by Temporal developers, understand why they occur, and how to identify, solve, and avoid them. Through heavy emphasis on key concepts and best practices, you'll gain a deeper understanding of how Temporal works and how to use it effectively.
-
-----
-
-## Review documentation and other resources
-
-Once you're familiar with the basics, you may want to explore the documentation and code examples.
-
-* [Temporal Application Developers Guide](https://docs.temporal.io/dev-guide/typescript)
-* [Temporal Java SDK API documentation](https://typescript.temporal.io/)
-* [Temporal Java SDK code samples](https://github.com/temporalio/samples-typescript)
-* [Temporal Java SDK on GitHub](https://github.com/temporalio/sdk-typescript)
+In this course, you will go beyond the basics of Temporal application development. You will acquire skills necessary to use Temporal throughout the development lifecycle by learning how to test, debug, and deploy applications. You'll encounter several common problems faced by Temporal developers, understand why they occur, and how to identify, solve, and avoid them. Through heavy emphasis on key concepts and best practices, you'll gain a deeper understanding of how Temporal works and how to use it effectively.

src/css/custom.css

@@ -76,6 +76,7 @@ html[data-theme="light"] {
 a,
 a:hover {
   text-decoration: underline;
+  text-underline-offset: 2px;
 }
 
 @font-face {
@@ -165,12 +166,10 @@ h1 {
   }
 }
 
-
 .navbar__logo img {
   height: 35px;
 }
 
-
 .header-link {
   text-decoration: none;
 }
@@ -296,8 +295,9 @@ h1 {
 }
 
 /* Buttons should not have underlined text. */
-a.button { text-decoration: none; }
-
+a.button {
+  text-decoration: none;
+}
 
 /* light theme buttons are somewhat harsh - soften the colors */
 html[data-theme="light"] a.button--primary {
@@ -310,11 +310,11 @@ html[data-theme="light"] a.button--primary:hover {
   border: 1px solid var(--ifm-link-color);
 }
 
- /* adds unselectable prompt to CLI commands - use ```command   instead of ```bash */
- pre.prism-code.language-command > code::before {
-   content: "$ ";
-   font-weight: bolder;
- }
+/* adds unselectable prompt to CLI commands - use ```command   instead of ```bash */
+pre.prism-code.language-command > code::before {
+  content: "$ ";
+  font-weight: bolder;
+}
 
 @media only screen and (min-width: 1400px) {
   .navbar__items--right {