Spoke Cycles

About Spoke Cycles

Spoke Cycles is a website template for independent bike shops and workshops. It's bright and outdoorsy, and built around what riders want to know: what a service costs, how long it takes and how to book one.

Workshop prices run from the CMS. Each service has a level, price, what's included and a turnaround, and the Workshop page lays them out as price tables by category. Mark the three main service levels as featured and they show on the home page. Bikes for sale (new and used, with photo, type, size and price) and Saturday group rides (time, distance, pace and meeting point) are CMS collections too.

The "Open now" badge reads your opening hours in your shop's time zone and updates every minute. The current workshop turnaround ("3–4 days") is one small component: edit it once and it changes everywhere.

The Book page has a service booking form: bike type, e-bike yes or no, service level, preferred drop-off day, what's wrong and contact details, with loading, success and error states on the button.

Pages: Home, Workshop, Bikes, Rides, Book, Visit (hours, map, parking), Licenses and 404. There's a "How booking a service works" strip, a part-exchange section and a cycle to work note. Every page has its own search title and description, laid out for desktop, tablet and phone.

Getting started:

  1. Change the colours in Assets → Colors (all named Spoke/...) and the fonts in Assets → Text Styles.

  2. Replace the services, bikes and rides in the CMS.

  3. Set your hours on the "Open now" badge and in the footer, and your turnaround in the Spoke Turnaround component.

  4. Open the form on /book and choose where bookings go.

  5. On /visit, put your address in the map component.

  6. Swap the photos for your own and update the page titles in Page settings.