Therapist Booking Profile Block for React

No. The block is a sample: the clinician, the insurance plans, the copays and the fees are all invented, and the header says so. Nothing is verified, nothing is prescribed or diagnosed and nothing is booked. When you adapt it, keep that line until the data behind it is real, and keep health details out of any status line or log.

Edit the constants at the top. SESSIONS lists each kind with its length, format and fee, TIMES_BY_WEEKDAY the times offered Monday to Friday, and PLANS the insurance plans with the copay each leaves the person paying (null for out of network). AS_OF is the day the page treats as today, and the five days are the next five weekdays after it. In a real app read the times from your scheduling system for the days after the server's date.

Nothing leaves the page. On the last step it says Requested in this demo, nothing was sent, in the status line. Continue checks each step: on the time step it asks for a time first and moves focus to the times. To make it real, send the session, the day, the time and the plan to your own API in the submit handler, and show its answer in the same status line.

No. The three panes sit in one grid cell and the two that aren't open are invisible and inert, so the tallest sets the height and nothing below it moves. Moving to a step puts focus on that step's heading, so a keyboard or screen reader user starts where the content changed; on load focus stays where it was.

The steps are a labelled list with the current one marked, the session cards are a radio group, the days and times are toggle groups with names, and the status line is a polite live region present from the start. Back is marked aria-disabled rather than disabled on the first step, so the foot keeps its shape and the button keeps its place. On Base UI the chosen day and time are pressed toggles.

The steps list gives way to "Step 2 of 3" and a thin bar, the five days stay in one row, the times wrap three across, and Back and the action share the foot's width. The foot stays pinned to the bottom of the screen while the panel scrolls, and settles at the panel's end from the medium breakpoint.