Build the pages

About 4 to 5 hours, best as two sittings (Parts 1–4, then Parts 5–9)You need: your project open in Cursor with npm run dev running, Chrome beside it, your references/ screenshots, ChatGPT, squoosh.app, your phone
This video is in the full courseGet the course to watch every video and read every lesson in full. GHS 399, paid once.Get the course · GHS 399
Video · 19:55
Goal

Build the Home, Services, About and Book pages section by section from your brief, with every fact read from content/business.ts, images made in ChatGPT, a design inspired by your Pinterest references, and a phone-tested layout, then push it live.

Why this matters

This is the part the business owner sees first. In Module 13, when you hand a salon owner your phone with their demo on it, they'll decide in about five seconds whether it looks like their business. The back end is what you're really selling, but the front end is what earns you the chance to show it.

You've done this before, in Lesson 3.3 (section by section), Lesson 3.4 (make it look expensive) and Lesson 3.5 (phones). The method is the same: one section, preview, check, commit. Two things are new:

  1. Every section reads from business.ts. The prompts say so every time, so Cursor never types "Nhyira" or "GHS 450" into a component.
  2. The booking form is built front end only, like Adjoa's order form in Lesson 6.3. It looks finished and checks nothing yet. Lesson 11.5 wires it up.

In the full lesson

  1. The idea in plain English
  2. Do it
  3. Check it worked
  4. Understand what AI wrote
  5. Quick check
  6. What you can do now
Stage 2 · Make it workYou’ve seen the why. The how is in the course.

The step-by-step, the prompt to copy, the video and the check-it-worked list, for every lesson in all 15 modules. GHS 399 ($40), paid once by mobile money or card, yours to keep.

Get the course · GHS 399See what’s inside
Already have the course? Open the full lesson