diff --git a/README.md b/README.md
index 67fea2ce1..a51c24fcc 100644
--- a/README.md
+++ b/README.md
@@ -18,9 +18,10 @@ https://github.com/user-attachments/assets/d8716866-67bd-4721-b1c2-1a1d31e1c5b5
 
 Check out our [`Getting started`](https://compositor.live/docs/intro) section.
 
-LiveCompositor supports Linux and macOS and can be used in 2 ways:
-- Standalone media server - [`compositor.live/docs`](https://compositor.live/docs/intro).
-- Element in a Membrane Framework pipeline - [github.com/membraneframework/membrane_live_compositor_plugin](https://github.com/membraneframework/membrane_live_compositor_plugin).
+LiveCompositor supports Linux and macOS and can be used in 3 ways:
+- TypeScript SDK - [TypeScript SDK Reference](https://compositor.live/docs/typescript/api)
+- Standalone media server - [API Reference](https://compositor.live/docs/api/routes).
+- Element in a Membrane Framework pipeline - [https://hexdocs.pm/membrane_live_compositor_plugin](https://hexdocs.pm/membrane_live_compositor_plugin).
 
 ## Demos
 
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 65af51562..d9dcd34ca 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -106,9 +106,9 @@ function HowItWorks() {
       <p className={clsx('text--center', styles.grayText)}>
         1. Send inputs as RTP streams or MP4 files
         <br />
-        2. Configure mixing with HTTP requests
+        2. Configure mixing with React components or via HTTP API
         <br />
-        3. Get the mixed streams via RTP
+        3. Get the mixed streams via RTP or as MP4 files
       </p>
       <div className="flex flex-row flex-wrap">
         <div className="flex-1 mx-8 mt-20 min-w-[400px]">
diff --git a/docs/static/img/how_it_works.webp b/docs/static/img/how_it_works.webp
index 822f1cccd..2f5f011c6 100644
Binary files a/docs/static/img/how_it_works.webp and b/docs/static/img/how_it_works.webp differ