feat: restructure docs into store, marketing, builder, and config sections

contents/docs/builder/visual-editor.md

@@ -0,0 +1,26 @@
+---
+title: Visual Editor
+description: Drag-and-drop your store into existence.
+---
+
+# Visual Editor
+
+The Visual Editor is the heart of the WooNooW Page Builder. It looks exactly like your front-end store, but allows you to edit content in real-time.
+
+## The Interface
+
+### 1. The Canvas
+The central area is your webpage. You can click on any element (Text, Image, Button) to edit it directly.
+
+### 2. The Inspector Panel (Left Sidebar)
+When you select a section or element, this panel shows all customizable options:
+*   **Content Tab**: Change text, links, and images.
+*   **Design Tab**: Adjust colors, padding, and alignment.
+
+### 3. The Top Bar
+*   **Device Toggle**: Switch between Desktop and Mobile view to ensure your site looks great everywhere.
+*   **Save Button**: Publish your changes instantly.
+
+## Adding Content
+
+To add a new section, hover over the canvas and click the **(+) Add Section** button that appears between existing blocks.