Sections & Layout

Sections are pre-built page blocks that you can insert and rearrange to quickly build pages.

Inserting Sections

1. Click the Sections button in the top bar
2. Browse categories: Hero, Features, Pricing, Testimonials, Contact, Footer, etc.
3. Click a section to insert it into your page

Edit Layout Mode

Click Edit Layout in the top bar to enter drag-and-drop mode:

• Sections are shown as movable blocks
• Drag sections up or down to reorder them
• Delete sections you no longer need
• Click Done to exit layout mode

Customizing Sections

After inserting a section, you can customize it in two ways:

• Code Editor — Edit the HTML/CSS directly
• AI Assistant — Ask the AI to modify the section (e.g., "Change the pricing section to have 4 columns instead of 3")