Editor Overview

The Quick Site builder has three main areas: Left Panel, Canvas, and Right Panel — all independently scrollable.

Top Bar

• Site Name — Click to rename your site
• ✦ AI Generate — Auto-fill content with AI
• 💾 Save — Save your current changes to the database
• Publish → — Make your site live

Left Panel

Three tabs:

• Blocks — All available block types organized by category. Click or drag to add.
• Design — Global font and color settings for your site.
• Pages — Add and manage multiple pages. Add headers and folders to organize.

Canvas (Middle)

Your live preview. Click any block to select it. Selected blocks show control buttons (↑ move up, ↓ move down, ✕ delete).

Toggle between Desktop 🖥 and Mobile 📱 views using the toolbar.

Right Panel (Properties)

Shows editable properties for the selected block — text, links, colors, padding and more. Changes apply instantly to the canvas.