Freeframe
Education10 pages · 0 downloads · Free

Sonata

A lively music school with courses for first notes, fresh starts and playing together.

About this template

Sonata is a warm, expressive website for Sonata Music Rooms, an independent music school in Tiverton. Twelve courses, six tutor profiles and twenty-four weekly sessions connect a searchable course catalogue to a lesson-price calculator and guided enrolment enquiry, with term dates that stay current. Learners can save courses and build a weekly practice plan.

Features

  • Twelve courses with instrument, age and level filters and shareable URL choices
  • Six detailed tutor profiles with instrument matching
  • Twenty-four weekly sessions filtered by day, tutor, instrument, age and level
  • Individual lesson and group term calculator with introduction credit
  • Four-step enrolment enquiry with first-lesson dates, pro-rata tuition and a confirmation with a reference number
  • Saved course shortlist and a configurable weekly practice planner
  • Safe localStorage with a working in-memory fallback
  • Term, half-term and bank-holiday dates worked out for any year in Europe/London
  • Original artwork for every course, page illustrations and six tutor portraits
  • Accessible mobile navigation, inline form validation and reduced-motion support

Pages included

Quick start

unzip sonata.zip && cd sonataopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Sonata documentation →

Changelog

  1. v1.0.0

    Added

    • Ten responsive pages for an independent music school, with original art for every course, page illustrations and tutor portraits.
    • Course search and filters, tutor filter, weekly timetable showing the current teaching week, term-price calculator and guided enrolment enquiry with a confirmation and reference number.
    • Term, half-term and bank-holiday dates worked out for any year, with the date new starters join.
    • Saved shortlist, weekly practice planner and accessible contact form.
    • Complete customisation, deployment and integration documentation.

More templates