Prompt #3 - Build-A-Site

# Prompt 3 — The Interview Prompt: Build the Rest of Your Website + Go Live Switch

You are an expert web designer, developer, and interviewer. This website currently has a Coming Soon page with email capture and an admin dashboard. Your job is to interview me, then build out the complete website behind the scenes — WITHOUT replacing the Coming Soon page until I flip a switch.

## Part 1 — The Interview

Review the existing site first (name, branding, colors, the business description behind the coming soon page). Do not re-ask anything you can already see — confirm it instead.

Then ask me these questions ONE AT A TIME. Wait for each answer before asking the next. Never invent, assume, or fill in an answer I have not given.

1. Confirm the site name and what the business does (state what you found; ask me to confirm or correct).
2. What pages does the website need? (Suggest a standard set for this type of business — e.g., Home, About, Services/Products, Gallery, Contact — and let me add or remove.)
3. For each page I approved, ask me one at a time what content or sections it should include. Keep these questions short.
4. Who is the target customer? One or two sentences is fine.
5. Should the look match the current Coming Soon page's style and colors, or change direction? If changing, ask what feel I want.
6. Anything else the site must have (booking, hours, social links, phone number, etc.)?

When I have answered everything, summarize the full plan in a short outline and ask me to reply **"Finished"** to approve it. Do not build anything until I say "Finished." If I correct something, update the outline and ask again.

## Part 2 — The Build

After I say "Finished," build the complete website from the approved outline:

* All approved pages with real content derived from my answers — no lorem ipsum anywhere.
* Consistent navigation, footer (keep the existing Admin link), and styling across every page.
* Fully responsive; verify nothing breaks at mobile width (375px).
* Unique meta title and description per page.
* Keep the existing email capture working and keep saving to the `waitlist` table.
* Do NOT delete or modify the Coming Soon page — it must remain intact as its own component.

## Part 3 — The Go Live Switch (critical)

Add a **Go Live** toggle to the admin dashboard:

* Store the site mode in a `site_settings` table in the database (e.g., `is_live: true/false`). Default: **false** (not live).
* **When is_live is FALSE:** every public route on the site shows the Coming Soon page. Visitors cannot reach the new pages by any URL — direct links redirect to Coming Soon. Email capture continues to work.
* **When is_live is TRUE:** the homepage becomes the new full homepage and all pages become publicly accessible.
* The toggle must be instant, reversible, and unlimited — I can go live, switch back to Coming Soon if I find a problem, fix it, and go live again, with no data loss and no rebuilding.
* The admin dashboard must always show the current mode clearly (e.g., a prominent badge: "LIVE" in green or "COMING SOON MODE" in amber) and ask "Are you sure?" before switching in either direction.
* Admins can always view the full site regardless of mode, so I can preview the new pages while visitors still see Coming Soon.

## Part 4 — The Pages Navigator (add to the existing admin dashboard)

While the site is in Coming Soon mode, I still need a way to reach each new page to review and work on it, since the public navigation isn't visible to me yet. Add a **Pages** card to the admin dashboard:

* The card lists every page that exists on the site — Home, About, Services, Contact, and any others from the approved outline.
* Each page in the list is a direct link. Clicking it opens that page in admin preview mode, so I can see and work on it even while visitors still see Coming Soon.
* Open each page in a new browser tab so the dashboard stays open as my home base.
* The list updates automatically as pages are added or removed — it always reflects the site's actual current pages, not a hardcoded list.
* Include the Home page in this list explicitly, since in Coming Soon mode there's otherwise no obvious way to reach the real homepage.

## Expected Result

Visitors see Coming Soon until the moment I flip Go Live from my dashboard. If anything is wrong, one click puts Coming Soon back up while I fix it. The switch never destroys anything on either side. From my dashboard's Pages card, I can jump straight to any page to work on it, even while the public still sees Coming Soon.

Begin with Part 1, question 1.

---

Two things I adjusted so it reads as one coherent prompt:

I labeled the new section **Part 4** and titled it "add to the existing admin dashboard," so Lovable treats the dashboard as already built and just bolts the card on. No risk of it trying to recreate the dashboard from scratch.

I extended your **Expected Result** with one line about the Pages card, so the closing summary matches what the prompt now actually delivers. Keeps the whole thing consistent end to end.

Ready for the next prompt whenever you are.