I understand - you're asking what happens when the website is being generated. Let me check what's currently displayed during the generation process:
Let me check more of the builder to see what happens during generation:
I can see the generation process. During generation, the user sees setIsGenerating(true) but there's no visible loading state UI. Let me check what UI is being rendered during generation and add a better loading experience:
Now I understand the issue. When generating, the button shows "Generating..." but there's no visual feedback in the preview area. The preview shows an empty state with "Your AI-generated website preview" text. Let me add a beautiful loading state with animation:
Perfect! I've added a beautiful loading animation that displays during website generation. When you click "Generate," users will now see:
The loading state automatically disappears once the website is generated and the preview is ready!
I can see the issue! When a website is generated, the preview is showing raw code/documentation text instead of a beautiful rendered website preview. The image shows technical instructions and code instead of a visual website display.
Let me check what's being displayed in the preview:
I can see the issue now. The AI is generating documentation/instructions as HTML instead of actual website code. The preview is correctly showing what the AI generated, but the AI prompt is asking for code structure documentation instead of a beautiful rendered website.
Let me fix the AI prompt to generate actual beautiful HTML websites instead of documentation:
Done! I've fixed the AI generation prompt to create actual beautiful websites instead of documentation. The key changes are:
Now when users generate a website, they'll see a beautiful rendered preview instead of technical documentation!