About Office Hours
Office Hours is a tutoring website template for Framer. Tutors live in the CMS, every tutor gets a profile page with their own free times, and parents book an intro call by picking times from a real weekly calendar shown in their own time zone.
Good for
- Private tutors and small tutoring agencies
- Music, language and sports coaches who teach by the hour
- Exam prep and homework clubs
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 student quote and a booking form with that tutor's free times (4 example tutors)
- Book: free-time picker plus a booking form
- Pricing: a price calculator, what every lesson includes and policies
- 404
Working components
- Slot Picker: you type the weekly hours in your time zone (Mon, Wed 16:00-20:00; Sat 09:00-12:00) plus 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: levels and prices you set, 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), with colours and text styles in one place
Good to know
- The Slot Picker shows 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 (email or a webhook you connect).
- Tutors, reviews and numbers are made up; photos are from Unsplash.
- You get a remix link to the full Framer project.
