@@ -27,7 +27,7 @@ Use the template to create your repository.
 ### Step 3:
 Clone the repository you created in Step 2 to your local machine.
 
-Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of phcode.dev which shows non minified JS/CSS files in the browser developer tools.
+Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of the browser editor which shows non minified JS/CSS files in the browser developer tools.
 
 Now, open the cloned folder in `create.phcode.dev`. Refer to [this guide](https://docs.phcode.dev/docs/quick-start-project#open-folder) to see how to open a folder in Phoenix Code.
 
@@ -77,6 +77,6 @@ This file contains all the UI elements as variables. You can modify the colors a
 
 When you are done developing the theme, select `Debug > Unload Project As Extension` to unload the theme.
 
-Once the theme is complete, you can publish it to [phcode.dev](https://phcode.dev) extension repository. 
+Once the theme is complete, you can publish it to the extension store in [web.phcode.dev](https://web.phcode.dev).
 
 Refer to [this link](./publishing-extensions) to see how to publish the theme.
@@ -18,7 +18,7 @@ Follow the steps below to run and debug your extension:
 
 * Clone your extension repository onto the machine.
 
-* Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of phcode.dev which shows non minified JS/CSS files in the browser developer tools.
+* Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of the browser editor which shows non minified JS/CSS files in the browser developer tools.
 
 * Now, open the cloned folder in `create.phcode.dev`. 
 > Refer to [this guide](https://docs.phcode.dev/docs/quick-start-project#open-folder) to see how to open a folder in Phoenix Code.
 
@@ -42,7 +42,7 @@ Follow these steps:
 
     ![Publish Failed Image](./images/publishing-extensions/publish-failed.png "Publish Failed")
 
-6. Once published, your extension will appear in the Phoenix Code Extension Store at [https://phcode.dev](https://phcode.dev).
+6. Once published, your extension will appear in the Phoenix Code Extension Store at [web.phcode.dev](https://web.phcode.dev).
 
     ![Extension Store Image](./images/publishing-extensions/extension-store.png "Phoenix Code Extension Store")
 
 
@@ -12,7 +12,7 @@ Phoenix Code is a text editor designed to make coding as intuitive and fun as pl
 
 ## Download
 
-Visit the official website — [phcode.io](https://phcode.io) — and click the **Download** button to grab the installer for your operating system.
+Visit the official website — [phcode.dev](https://phcode.dev) — and click the **Download** button to grab the installer for your operating system.
 
 ![Download Phoenix Code from the website](../images/Website/download.png)
 
@@ -55,7 +55,7 @@ Need to install by hand, check dependencies, or uninstall? See [Advanced Linux i
 
 ## Use it in the browser
 
-Prefer not to install anything? Run the full editor right in your browser at [phcode.dev](https://phcode.dev) — perfect for Chromebooks, tablets, or just trying things out. Everything runs locally in the browser, with nothing to download.
+Prefer not to install anything? Run the full editor right in your browser at [web.phcode.dev](https://web.phcode.dev) — perfect for Chromebooks, tablets, or just trying things out. Everything runs locally in the browser, with nothing to download.
 
 ---
 
 
@@ -20,7 +20,7 @@ Here's what sets Phoenix Code apart.
 
 - **Live Preview** — Edit your HTML and CSS and watch the page update in real time. Phoenix Code goes a step further: edit the preview directly to change text, add and rearrange elements, or swap images, and your source code updates automatically.
 - **AI assistant** — A built-in AI agent (powered by Claude Code) works alongside you. It reads and edits your files, runs terminal commands, and because it's wired into Live Preview, it can see your running page, take screenshots, and verify its own work. Plan, Edit, and Full Auto modes keep you in control, and every change it makes is reversible.
-- **Runs everywhere** — Native desktop apps for macOS, Windows, and Linux from [phcode.io](https://phcode.io), or the full editor in your browser at [phcode.dev](https://phcode.dev) with nothing to install.
+- **Runs everywhere** — Native desktop apps for macOS, Windows, and Linux from [phcode.dev](https://phcode.dev), or the full editor in your browser at [web.phcode.dev](https://web.phcode.dev) with nothing to install.
 - **Built-in tools** — Git, Terminal, Emmet, Beautify, and code hints all ship in the editor, so you can start working right away.
 - **Visual editing** — Color pickers, gradient editors, and draggable number scrubbing let you adjust CSS values directly and see the result immediately.
 - **Extensions** — Add features, themes, and language support from the built-in Extension Manager, with a marketplace of community extensions and themes.
@@ -40,7 +40,7 @@ You can build complete websites for free. The core editor, [Live Preview](/docs/
 - **[Image Gallery](/docs/Pro%20Features/image-gallery)**: browse stock images from providers like Unsplash and Pexels and embed or download them into your project without leaving Phoenix Code.
 - **[Markdown Editor](/docs/Pro%20Features/markdown-editor)**: edit Markdown directly in the preview with a full rich-text editor that keeps your source in sync.
 
-See plans on the [pricing page](https://phcode.io/pricing).
+See plans on the [pricing page](https://phcode.dev/pricing).
 
 **Phoenix Pro is free for students and educators.** If you have a `.edu` or `.ac.*` email, or your school requests an educational volume license, you get the full Pro feature set at no cost. See [Phoenix Pro for Education](/docs/phoenix-pro-school).
 
@@ -59,4 +59,4 @@ Phoenix Code is for anyone building for the web, and especially:
 - **Our flagship feature:** [Live Preview](/docs/Features/Live%20Preview)
 - **Try the AI assistant:** [AI](/docs/Pro%20Features/ai-chat)
 
-Want to skip installing? Open [phcode.dev](https://phcode.dev) and start coding in your browser. Prefer the desktop app? Download it from [phcode.io](https://phcode.io).
+Want to skip installing? Open [web.phcode.dev](https://web.phcode.dev) and start coding in your browser. Prefer the desktop app? Download it from [phcode.dev](https://phcode.dev).
@@ -7,7 +7,7 @@ import React from 'react';
 import VideoPlayer from '@site/src/components/Video/player';
 
 :::info Pro Feature
-[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
+[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature.
 :::
 
 **Edit Mode** lets you modify your page directly in the Live Preview. You can edit text, insert new elements, rearrange them with drag and drop, swap images, edit links, style elements, and much more.  
 
@@ -6,7 +6,7 @@ slug: "/Pro Features/styles-bar"
 import VideoPlayer from '@site/src/components/Video/player';
 
 :::info Pro Feature
-[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
+[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature.
 :::
 
 The **Styles Bar** lets you style elements visually right inside the Live Preview, and it automatically syncs your code in real time.  
 
@@ -7,7 +7,7 @@ import React from 'react';
 import VideoPlayer from '@site/src/components/Video/player';
 
 :::info Pro Feature
-[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
+[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature.
 :::
 
 **Device Preview** lets you check how your page looks at different screen widths without leaving Phoenix Code. This is useful for testing responsive designs and debugging CSS media queries.
 
@@ -4,7 +4,7 @@ slug: "/Pro Features/measurements"
 ---
 
 :::info Pro Feature
-[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
+[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature.
 :::
 
 The **Measurements** feature displays ruler lines extending from the edges of a selected element to the edges of the Live Preview document, with labels showing exact pixel positions. This helps you position elements more accurately.
 
@@ -7,7 +7,7 @@ import React from 'react';
 import VideoPlayer from '@site/src/components/Video/player';
 
 :::info Pro Feature
-[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
+[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature.
 :::
 
 The **Image Gallery** is a panel that appears at the bottom of the Live Preview. It lets you browse images from online image providers or select images from your device.