feat: live preview edit mode intro docs

Author: devvaannsh

docs/07-Pro Features/01-live-preview-edit.md

@@ -2,3 +2,22 @@
 title: Live Preview Edit Mode
 ---
 
+import React from 'react';
+import VideoPlayer from '@site/src/components/Video/player';
+
+**Edit Mode** turns the Live Preview interface into a full-fledged editing environment. It lets you modify elements directly in the preview.
+You can edit text, drag and drop elements, change images and links, inspect elements with precise measurements, and a lot more, right in the Live Preview. **Phoenix Code** automatically updates the source code.
+
+**Edit Mode** also has all the capabilities of **Highlight Mode**, such as moving your cursor in the editor when an element is clicked, and highlighting the corresponding element in Live Preview. It also works in reverse: moving your cursor in the editor highlights the corresponding element in Live Preview.
+
+---
+
+## Enabling Edit Mode
+
+To switch to Edit Mode, click the **mode selector dropdown** in the Live Preview toolbar and select **Edit Mode**.
+
+<!-- TODO: add image showing the mode selector dropdown with Edit Mode selected -->
+
+Alternatively, you can switch to Edit Mode by updating the `livePreviewMode` setting in the preferences file. See [Editing Preferences](../editing-text#editing-preferences) to learn how to edit the preferences file.
+
+---

docs/08-Features/06-Live Preview/01-live-preview.md

@@ -102,7 +102,7 @@ Phoenix Code provides various options in the Live Preview toolbar.
   src="https://docs-images.phcode.dev/videos/live-preview/preview-mode-button.mp4"
 />
 
-* **Preview Mode Button** — Located right after the Reload button, this provides a quick shortcut to switch to Preview Mode. Click it to switch to Preview Mode; click again to return to your previous mode.
+* **Preview Mode Button** — Located right after the Reload button, this provides a quick shortcut to switch to Preview Mode. Click it to switch to Preview Mode; click again to return to your previous mode. You can also use the keyboard shortcut `F8` to toggle Preview Mode.
 
 ---