Your First Website

Let's build your first website! Follow these steps to create a project from scratch.

Step-by-Step Guide

1. Go to the home page or click "New Project"
2. Describe what you want in the prompt box
   Example: "Create a landing page for a coffee shop with a hero section, menu, and contact form"
3. Choose your mode:
   • Plan Mode (recommended for first project) — AI creates a detailed plan first
   • Act Mode — AI jumps straight into coding
4. Select AI model (Free plan: GPT-4.1 only)
5. Click "Generate"
6. Watch as code is created in real-time in the code editor
7. Click "Preview" tab to see your website — it updates live as code is generated
8. Make changes by typing follow-up prompts
9. Publish your site or download the code

Tips for Better Results

• Be specific — "Add a blue button" vs "Add a button"
• Mention styles — "Use a dark theme with purple accents"
• Reference frameworks — "Use Tailwind CSS for styling"
• Use Plan Mode first — Review the plan, then implement with Act Mode