Fog LineCycles / SF Sample · invented business Tue–Sun 10–6 · 000 Example Ave

§ 00 · Service dept. / est. whenever the fog lifted

Fog Line Cycles

Bike repair in the fog belt. We fix what the hills and the salt air chew up, and nothing expensive happens without a phone call.

Tue to Sun10am to 6pm Closed Mondayswe ride too 000 Example AveSan Francisco
Stands2
Mechanic1 on duty
Turnaround1–3 days
EstimateBefore work

You set the ceiling. We call at it.

The workshop bench: a pegboard of wrenches and pliers above a scarred wooden top, small parts bins beneath it, a repair stand at the left and boxed stock on steel shelving to the right
Plate 01 · the bench, where your bike ends up

§ 01 · No phone tag, no sticky notes

Get on the stand

How it works: pick a service, grab a slot, tell us what the bike is doing. Drop it off in your window. We call before doing anything expensive.

One system, two sides. Book something here, then look at the board below.

  1. Service
  2. Time
  3. Bike
  4. Details
  5. Tag

What is the bike doing?

Prices are starting points. Parts are extra, surprises get a call first.

When can you drop it off?

Next seven open days. Mondays we are out riding, not answering the door.

Pick a day and the open slots show up here.

Your bike

Thirty seconds of detail now saves a phone call later.

What kind of bike?

Pick the closest one. Other is fine.

Tell us something, even if it is just "it feels wrong."

Photo (optional)

A photo can help us understand the problem before you arrive. Stays on your device in this demo, nothing gets uploaded.

Who does the bike belong to?

Just enough to put a name on the work tag and reach you when it is ready.

We need a name to put on the work tag.

Give us a phone number or an email so we can tell you when it is done.

If we find something else Happens a lot. Tell us how you want it handled.

You are on the stand.

Here is your work tag. Print it, save it, or just remember the code.

Work tag FLC-0000
Service
Drop-off
Ready by
Bike
What is up
Notes
Photo Attached. Stays in your browser.
Customer
Extra work
Fog Line Cycles · demo tag Checked in
FLC-0000

Change:
Add to calendar

The calendar file is a real .ics your phone can open. Printing uses your print dialog, so "save as PDF" works too.

Demo, not a real booking: nothing left your browser. Your booking is saved locally, so flip to the shop demo up top and watch it land on the schedule board. In the real version this would also email the shop.

§ 02 · What we touch

Parts and prices

What each area starts at. Pick one and it books that service for you; pick a service above and the areas it touches light up here. A weird noise lights nothing, because that one starts with a look and an estimate.

A wheel held in the truing stand while a hand adjusts spoke tension with a spoke key

§ 03 · The counter side

The service board

The same bookings, from the shop's chair. Book something in the customer view above, then come back here and it is on the board.

A rear derailleur and chain resting on the bench beside a rag and a chain checker
Shop demo. This is the counter side of the same system, the board a mechanic would run the day from. The crossed-out slots customers see are these jobs. Bookings you make in the customer view land here too.
FLC service board 2 stands · 1 mechanic on duty
Nothing expensive happens without a phone call.
Painted on the shop door, and how the estimate ceiling works
Drawing
Shop rule 01
Scale
N.T.S.
Applies to
Every job
Revision
None since opening

§ 04 · For the curious

Why I built this demo

Most repair shops take bookings on a phone nobody can reach, because both hands are inside a bottom bracket. Jobs live in voicemail, text threads, and sticky notes on the bench. Then a callback gets missed and a customer walks.

This page is the alternative. The customer picks a slot, describes the bike and the problem before showing up, and says up front how much extra work they will approve. The shop gets a board it can run the day from. Fewer calls, fewer surprises, nothing on a sticky note.

The shop from across the street on a foggy morning: a plain glass front, the roll-up door half open, a bike locked at the rack outside
Plate 02 · 000 Example Ave, most mornings

One HTML file, no backend, so everything stays in your browser. In a real deployment the bookings would land in a database, text the shop, and sync a calendar. That part is plumbing. The flow you just used is the hard part.