Add Chat getting started guide landing page

Author: GregHolmes

src/data/nav/chat.ts

@@ -19,6 +19,11 @@ export default {
         {
           name: 'Getting started',
           pages: [
+            {
+              name: 'Overview',
+              link: '/docs/chat/getting-started',
+              index: true,
+            },
             {
               name: 'JavaScript',
               link: '/docs/chat/getting-started/javascript',

src/pages/docs/chat/getting-started/index.mdx

@@ -0,0 +1,54 @@
+---
+title: "Get started with Chat"
+meta_description: "Get started with Ably Chat in your language or framework of choice. Learn how to send and receive messages, track online presence, fetch message history, implement typing indicators, among other features."
+meta_keywords: "Chat, Ably Chat SDKs, realtime messaging, send and receive messages, getting started guides, realtime communication, Ably tutorial, message history, presence and occupancy APIs, Ably CLI Chat"
+redirect_from:
+  - /docs/chat/setup
+---
+
+Get started with Ably Chat by choosing your language or framework.
+
+You'll learn the basics, such as how to connect to Ably, send and receive messages, and manage the status of users with presence. You'll also be introduced to the Ably CLI and your Ably dashboard to interact with, and manage your apps.
+
+These are your first steps towards building a Chat application that can effortlessly scale to serve millions of users.
+
+<Tiles>
+{[
+  {
+    title: 'JavaScript',
+    description: 'Start building with Chat using Ably\'s JavaScript SDK',
+    image: 'icon-tech-javascript',
+    link: '/docs/chat/getting-started/javascript',
+  },
+  {
+    title: 'React',
+    description: 'Start building Chat applications using Ably\'s React SDK.',
+    image: 'icon-tech-react',
+    link: '/docs/chat/getting-started/react',
+  },
+  {
+    title: 'React Native',
+    description: 'Start building Chat applications using Ably\'s React Native SDK.',
+    image: 'icon-tech-reactnative',
+    link: '/docs/chat/getting-started/react-native',
+  },
+  {
+    title: 'Kotlin',
+    description: 'Start building Chat applications using Ably\'s Kotlin SDK.',
+    image: 'icon-tech-kotlin',
+    link: '/docs/chat/getting-started/kotlin',
+  },
+  {
+    title: 'Swift',
+    description: 'Start building Chat applications using Ably\'s Swift SDK.',
+    image: 'icon-tech-swift',
+    link: '/docs/chat/getting-started/swift',
+  },
+  {
+    title: 'React UI components',
+    description: 'Start building Chat applications with Ably\'s React UI Components',
+    image: 'icon-tech-react',
+    link: '/docs/chat/getting-started/react-ui-components'
+  },
+]}
+</Tiles>