About Office Hours
Office Hours is a tutoring website template for Framer. Tutors live in the CMS, each one gets a profile page with their own free times, and parents book an intro call by picking times from a weekly calendar shown in their own time zone.
Pages
Home: hero, stats, subjects, how it works, tutors from the CMS, this week's free times, reviews and FAQ
Tutor: photo, subjects, background, levels, price, bio, a quote and a booking form with that tutor's free times (4 example tutors)
Book: free-time picker plus a booking form
Pricing: price calculator, what each lesson includes and policies
404
Working components
Slot Picker: type your weekly hours in your time zone (Mon, Wed 16:00-20:00; Sat 09:00-12:00), regular taken slots and the lesson length. Visitors see the next weeks in their own time zone, pick up to N times, and the picks are sent with the Framer form, including the time in your zone.
Price Calculator: your levels and prices, lessons per week, online or at home and a pay-up-front discount. Shows per lesson, per month and per term, and passes the choices to your booking link.
Also
Desktop, tablet and phone layouts with a phone menu
Bricolage Grotesque, DM Sans, DM Mono and Caveat (all free)
Good to know
The Slot Picker shows the availability you type in. It doesn't sync with Google Calendar or block a time once someone books; you confirm by email.
Bookings arrive as Framer form submissions.
Tutors, reviews and numbers are made up; photos are from Unsplash. You get a remix link to the full Framer project.
