diff --git a/media-gateway/develop/_category_.json b/media-gateway/develop/_category_.json
new file mode 100644
index 000000000..bee160082
--- /dev/null
+++ b/media-gateway/develop/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 3,
+  "label": "Develop",
+  "collapsible": true,
+  "link": null
+}
diff --git a/media-gateway/get-started/_category_.json b/media-gateway/get-started/_category_.json
new file mode 100644
index 000000000..8d46f797b
--- /dev/null
+++ b/media-gateway/get-started/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 2,
+  "label": "Get started",
+  "collapsible": true,
+  "link": null
+}
diff --git a/media-gateway/get-started/quickstart.mdx b/media-gateway/get-started/quickstart.mdx
new file mode 100644
index 000000000..420485cc3
--- /dev/null
+++ b/media-gateway/get-started/quickstart.mdx
@@ -0,0 +1,13 @@
+---
+title: 'Media Gateway quickstart'
+sidebar_position: 1
+type: docs
+description: >
+    Stream directly with RTMP/SRT protocol to Agora RTC channels.
+---
+
+import MEDIAGateway from '@docs/shared/media-gateway/get-started/_quickstart.mdx';
+
+export const toc = [{}];
+
+<MEDIAGateway  />
diff --git a/media-gateway/overview/_category_.json b/media-gateway/overview/_category_.json
new file mode 100644
index 000000000..9874239b6
--- /dev/null
+++ b/media-gateway/overview/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 1,
+  "label": "Overview",
+  "collapsible": true,
+  "link": null
+}
diff --git a/media-gateway/overview/core-concepts.mdx b/media-gateway/overview/core-concepts.mdx
new file mode 100644
index 000000000..d12bcbf7a
--- /dev/null
+++ b/media-gateway/overview/core-concepts.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Core concepts'
+sidebar_position: 2
+type: docs
+platform_selector: false
+description: >
+  Ideas that are central to developing with Agora.
+---
+
+import CoreConcepts from '@docs/shared/common/_core-concepts.mdx';
+
+export const toc = [{}];
+
+<CoreConcepts product="Video Calling" PATH="video-calling" />
diff --git a/media-gateway/overview/product-overview.mdx b/media-gateway/overview/product-overview.mdx
new file mode 100644
index 000000000..4fa432d77
--- /dev/null
+++ b/media-gateway/overview/product-overview.mdx
@@ -0,0 +1,54 @@
+---
+title: 'Product overview'
+sidebar_position: 1
+platform_selector: false
+description: >
+    Stream directly with RTMP/SRT protocol to Agora RTC channels..
+---
+
+<ProductOverview
+    title="Media Gateway"
+    img="/images/media-gateway/overview-page-image.png"
+    quickStartLink="/media-gateway/get-started/quickstart"
+    apiReferenceLink="/api-reference?platform=rest"
+    samplesLink=""
+    productFeatures={[
+        {
+            title: "High reliability",
+            content: "Enhance service reliability with a globally distributed cluster deployment, ensuring high-quality and seamless user experience in every region.",
+            link: ""
+        },
+        {
+            title: "Low latency",
+            content: "Experience seamless, real-time communication as the source stream directly enters the channel at the gateway, minimizing latency between the host and the audience. ",
+            link: ""
+        },
+        {
+            title: "Transcoding support",
+            content: "Employ advanced transcoding capabilities on media streams for bandwidth optimization, enhanced delivery speed, cross-device compatibility, and wider distribution.",
+            link: ""
+        },
+        {
+            title: "Stable and easy to use",
+            content: "Simple and easy to use API helps you integrate the feature quickly.",
+            link: ""
+        },                
+        {
+            title: "Safety compliance",
+            content: "Safe and secure real-time transmission of audio and video data without caching or collecting users' personal information.",
+            link: ""
+        },
+        {
+            title: "Multi-format, multi-protocol media streaming support",
+            content: "Works with several audio and video codecs, streaming protocols and media formats.",
+            link: ""
+        },
+    ]}
+
+>
+
+<Vpd k="NAME" /> allows users to directly push media streams into Agora’s Real-Time Voice and Video channels using the
+RTMP/SRT protocol. To facilitate distribution, Media Gateway also allows users to perform advanced transcoding
+processing on media streams.
+
+</ProductOverview>
\ No newline at end of file
diff --git a/media-gateway/reference/_category_.json b/media-gateway/reference/_category_.json
new file mode 100644
index 000000000..d540fd6db
--- /dev/null
+++ b/media-gateway/reference/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 4,
+  "label": "Reference",
+  "collapsible": true,
+  "link": null
+}
diff --git a/media-gateway/reference/best-practice.mdx b/media-gateway/reference/best-practice.mdx
new file mode 100644
index 000000000..ab801a37d
--- /dev/null
+++ b/media-gateway/reference/best-practice.mdx
@@ -0,0 +1,13 @@
+---
+title: 'Integration best practice'
+sidebar_position: 1
+type: docs
+description: >
+    Best practice for using Media Gateway and its RESTful API.
+---
+
+import BestPractice from '@docs/shared/media-gateway/reference/_best-practice.mdx';
+
+export const toc = [{}];
+
+<BestPractice  />
diff --git a/media-gateway/reference/glossary.mdx b/media-gateway/reference/glossary.mdx
new file mode 100644
index 000000000..97b410dce
--- /dev/null
+++ b/media-gateway/reference/glossary.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Glossary'
+sidebar_position: 5
+type: docs
+platform_selector: false
+description: >
+  A list of terms used in Agora documentation.
+---
+
+import Glossary from '@docs/shared/common/_glossary.mdx';
+
+export const toc = [{}];
+
+<Glossary PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
\ No newline at end of file
diff --git a/media-gateway/reference/manage-agora-account.mdx b/media-gateway/reference/manage-agora-account.mdx
new file mode 100644
index 000000000..fddaaad75
--- /dev/null
+++ b/media-gateway/reference/manage-agora-account.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Agora account management'
+sidebar_position: 2
+type: docs
+platform_selector: false
+description: >
+  Create, manage and update your Agora account.
+---
+
+import ManageAccount from '@docs/shared/common/_manage-agora-account.mdx';
+
+export const toc = [{}];
+
+<ManageAccount PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
\ No newline at end of file
diff --git a/media-gateway/reference/release-notes.mdx b/media-gateway/reference/release-notes.mdx
new file mode 100644
index 000000000..d42c50347
--- /dev/null
+++ b/media-gateway/reference/release-notes.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Release notes'
+sidebar_position: 4
+type: docs
+description: >
+  Shows Media Gateway's past releases.
+template: 'platform'
+---
+
+import ReleaseNotes from '@docs/shared/media-gateway/reference/_release-notes.mdx';
+
+export const toc = [{}];
+
+<ReleaseNotes />
diff --git a/media-gateway/reference/security.mdx b/media-gateway/reference/security.mdx
new file mode 100644
index 000000000..1397dd902
--- /dev/null
+++ b/media-gateway/reference/security.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Security'
+sidebar_position: 3
+type: docs
+platform_selector: false
+description: >
+  How Agora handles security.
+---
+
+import Security from '@docs/shared/common/_security.mdx';
+
+export const toc = [{}];
+
+<Security PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
\ No newline at end of file
diff --git a/real-time-transcription/get-started/_category_.json b/real-time-transcription/get-started/_category_.json
new file mode 100644
index 000000000..8d46f797b
--- /dev/null
+++ b/real-time-transcription/get-started/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 2,
+  "label": "Get started",
+  "collapsible": true,
+  "link": null
+}
diff --git a/real-time-transcription/get-started/get-started.mdx b/real-time-transcription/get-started/get-started.mdx
new file mode 100644
index 000000000..7ae2ea907
--- /dev/null
+++ b/real-time-transcription/get-started/get-started.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Quickstart'
+sidebar_position: 1
+type: docs
+description: >
+  Transcribe audio content of a host's media stream into written words in real time.
+---
+
+import RealTimeTranscription from '@docs/shared/video-sdk/develop/_real-time-transcription.mdx';
+
+export const toc = [{}];
+
+<RealTimeTranscription PRODUCT="Video Calling" company="Agora" PATH="video-calling" client="app" />
+
diff --git a/real-time-transcription/overview/_category_.json b/real-time-transcription/overview/_category_.json
new file mode 100644
index 000000000..9874239b6
--- /dev/null
+++ b/real-time-transcription/overview/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 1,
+  "label": "Overview",
+  "collapsible": true,
+  "link": null
+}
diff --git a/real-time-transcription/overview/core-concepts.mdx b/real-time-transcription/overview/core-concepts.mdx
new file mode 100644
index 000000000..f0fc2ba50
--- /dev/null
+++ b/real-time-transcription/overview/core-concepts.mdx
@@ -0,0 +1,15 @@
+---
+title: 'Core concepts'
+sidebar_position: 2
+type: docs
+platform_selector: false
+description: >
+  Ideas that are central to developing with Agora.
+---
+
+import CoreConcepts from '@docs/shared/common/_core-concepts.mdx';
+
+export const toc = [{}];
+
+<CoreConcepts product="Video Calling" PATH="video-calling" />
+
diff --git a/real-time-transcription/overview/product-overview.mdx b/real-time-transcription/overview/product-overview.mdx
new file mode 100644
index 000000000..b834dfd0c
--- /dev/null
+++ b/real-time-transcription/overview/product-overview.mdx
@@ -0,0 +1,55 @@
+---
+title: 'Product overview'
+sidebar_position: 1
+platform_selector: false
+description: >
+  Create a better user experience with the most accurate live transcription and subtitling.
+---
+
+
+<ProductOverview
+    title="Real-Time Transcription"
+    img="/images/real-time-transcription/real-time-transcription.png"
+    apiQuickStartLink="/real-time-transcription/get-started"
+    apiReferenceLink="/api-reference"
+    samplesLink="https://github.com/AgoraIO/agora-rtt-server"
+    productFeatures={[
+        {
+            title: "Live transcription for RTC",
+            content: "Integrated with Agora’s voice and video service, live transcription and captions improve accessibility for your audience. Perfect for meetings, live streaming, lectures, interviews, live shopping, and more.",
+            link: ""
+        },
+        {
+            title: "Channel-based cloud transcription",
+            content: "Cloud transcription service converts audio to text based on channel and distributes the text to all participants in this channel to show live closed captions (CC). Transcripts are saved to the cloud.",
+            link: ""
+        },
+        {
+            title: "Transcribing and labeling simultaneous speakers",
+            content: "Easily label who said what—even with up to 3 simultaneous speakers. Separate transcription for each host ensures accurate voice transcription with multiple hosts.",
+            link: ""
+        },
+        {
+            title: "Captioning for cloud recordings",
+            content: "Play back audio or video recordings with closed captions (CC) and review important discussion items in the transcript.",
+            link: ""
+        },
+        {
+            title: "Multi-language support",
+            content: "Real-time transcription supports all major languages and dialects, and each channel can support audio to text transcription for up to two languages simultaneously.",
+            link: ""
+        },
+        {
+            title: "Enterprise-grade security and compliance",
+            content: "Agora is ISO and SOC 2 certified and meets compliance standards for regional privacy laws and industry regulations, including GDPR, CCPA, and HIPAA.",
+            link: ""
+        },
+    ]}
+
+>
+
+Agora <Vg k="RTT" /> enables you to instantly transcribe speech to text for live audio and video. Channel-based live transcription allows you to distribute live captions to all participants in channel while only paying for the duration of a channel—not the number of users.
+
+
+
+</ProductOverview>
\ No newline at end of file
diff --git a/real-time-transcription/reference/_category_.json b/real-time-transcription/reference/_category_.json
new file mode 100644
index 000000000..d540fd6db
--- /dev/null
+++ b/real-time-transcription/reference/_category_.json
@@ -0,0 +1,6 @@
+{
+  "position": 4,
+  "label": "Reference",
+  "collapsible": true,
+  "link": null
+}
diff --git a/real-time-transcription/reference/glossary.mdx b/real-time-transcription/reference/glossary.mdx
new file mode 100644
index 000000000..6af6ebb7e
--- /dev/null
+++ b/real-time-transcription/reference/glossary.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Glossary'
+sidebar_position: 10
+type: docs
+platform_selector: false
+description: >
+  A list of terms used in Agora documentation.
+---
+
+import Glossary from '@docs/shared/common/_glossary.mdx';
+
+export const toc = [{}];
+
+<Glossary PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
\ No newline at end of file
diff --git a/real-time-transcription/reference/manage-agora-account.mdx b/real-time-transcription/reference/manage-agora-account.mdx
new file mode 100644
index 000000000..c5f787a17
--- /dev/null
+++ b/real-time-transcription/reference/manage-agora-account.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Agora account management'
+sidebar_position: 9
+type: docs
+platform_selector: false
+description: >
+  Create, manage and update your Agora account.
+---
+
+import ManageAccount from '@docs/shared/common/_manage-agora-account.mdx';
+
+export const toc = [{}];
+
+<ManageAccount PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
diff --git a/real-time-transcription/reference/pricing.mdx b/real-time-transcription/reference/pricing.mdx
new file mode 100644
index 000000000..e5a9df319
--- /dev/null
+++ b/real-time-transcription/reference/pricing.mdx
@@ -0,0 +1,41 @@
+---
+title: 'Pricing'
+sidebar_position: 1
+type: docs
+platform_selector: false
+description: >
+  Introduces the billing policy for Real-Time Transcription.
+---
+
+export const toc = [{}];
+
+This page introduces the billing policy for the <Vg k="RTT" /> add-on provided by Agora.
+
+Your billing details may differ if you have signed a contract with Agora.
+
+## Overview
+
+Agora calculates the billing of all projects under your Agora account on a monthly basis. Billing begins once you
+enable <Vg k="RTT" />.
+
+
+## Transcription fee
+
+The Agora streaming server charges you when transcribe the subscribed streams. Agora's free-of-charge policy for the
+first 10,000 minutes does not apply to the transcription fee.
+
+
+## Unit price for transcription
+
+[Real-Time Transcription](../enable-features/real-time-transcription) takes the audio content of a host's media stream
+and transcribes it into written words in real time. Agora charges for the time that <Vg k="RTT" /> is enabled in a channel,
+which includes transcription for the active host. Transcription is available for up to 3 hosts speaking at the same time.
+If several hosts speak simultaneously, Agora also charges for the time of speaking of each additional host using
+the same pricing. Also note that when you enable <Vg k="RTT" />, <Vg k="AGORA_BACKEND" /> creates a cloud audience member who subscribes to the audio in the channel.
+The usage for this audience member is added to your bill.
+
+|Usage, minutes per month |Pricing, US$/1,000 minutes|
+|--------------------|--------------------------|
+|Above 0         | 16.99                     |
+
+Contact sales@agora.io to get a discount.
diff --git a/real-time-transcription/reference/security.mdx b/real-time-transcription/reference/security.mdx
new file mode 100644
index 000000000..878151a0d
--- /dev/null
+++ b/real-time-transcription/reference/security.mdx
@@ -0,0 +1,14 @@
+---
+title: 'Security'
+sidebar_position: 11
+type: docs
+platform_selector: false
+description: >
+  How Agora handles security.
+---
+
+import Security from '@docs/shared/common/_security.mdx';
+
+export const toc = [{}];
+
+<Security PRODUCT="Media Push" company="Agora" client="app" PATH="media-push" />
\ No newline at end of file