Define the coffee shop website structure

Establish the full page structure, content sections, and functional scope before building.

This prevents the builder from generating only a stylish hero page with missing business sections.

First time here? Paste the Context Pack first so the AI understands your project - open it from the header above.

Prompt Capsule

Create a complete coffee shop website structure for a local cafe. Include these sections: header navigation, hero, about/story, featured drinks, full menu with categories, hours, location, contact form, and footer. Use realistic coffee shop sample content, not lorem ipsum. Set up real section IDs for navigation. Make sure the content hierarchy is clear and suitable for mobile and desktop.

Paste into EmergentFull Build: complete implementation prompt with explicit requirements

Quick is short. Full Build is recommended for most steps. Strict forces real logic when the AI keeps faking output.

Actual change check

Expected after this step

A complete site skeleton exists with all major sections and realistic starter content.

Should NOT happen

An existing feature broke
A button only logs to console
Data disappears after refresh
Errors fail silently with no visible state

This is what should exist before you continue. If reality does not match, do not move on.

Your notes for this step

Track what changed, failed, or needs follow-up. Notes export with the flow.

Pass the Verify Gate to complete this step

Verify before continuing

Do not move on until every check is true. The complete button stays locked until then.

Header navigation is visibleAll required sections exist on the pageSection titles are specific and relevant to a coffee shopNavigation targets map to real sectionsNo lorem ipsum or empty placeholder blocks remain

Do not continue if…

! AI generates a pretty landing page with no real content depth beyond the hero section
! Form UI is created but submission, validation, or feedback states do not actually work
! Navigation links point to missing sections or dead anchors
! Menu cards look good visually but contain repetitive placeholder items

If the AI messes this up

Use this when:

- it only made visual forms or placeholder UI
- buttons do nothing or only log to console
- data is not persisted - state disappears on refresh
- something that worked before is now broken

Use this when the AI fakes progress or breaks the feature. It forces a real fix.

You created an incomplete landing page. Expand it into a full coffee shop website with these real sections: header, hero, about, menu, hours, location, contact form, and footer. Replace placeholder content with realistic cafe content and ensure every nav link points to an actual section ID.