One link books the whole studio.

Add online booking to this website with VINU Technologies.

My booking link: https://book.vinutechnologies.com/YOUR-BUSINESS/YOUR-EVENT
If the link above still says YOUR-BUSINESS, stop and ask me for the real one before changing anything.

Start by reading the project to see how its pages are built. Then:

1. Find the page where customers should book, such as a Book, Contact or Services page. If there is no obvious place, ask me before adding a new page.
2. Where the booking page should appear, add:
   <div data-booking-url="MY BOOKING LINK"></div>
3. Once on that page, just before the closing </body> tag, add:
   <script src="https://book.vinutechnologies.com/embed.js" async></script>
4. If I ask for a button instead, skip step 2 and add this where the button should go. It opens booking in a pop-up:
   <a href="MY BOOKING LINK" data-booking-popup>Book a time</a>

Rules:
- If the site uses a framework or a site builder (React, Next.js, Vue, Astro, WordPress and so on), load the script the way that tool loads third-party scripts, and keep the div or link in the page's markup.
- If the site sends a Content-Security-Policy header, allow scripts and frames from https://book.vinutechnologies.com.
- Change nothing else. Keep the existing layout and styles; the booking page sizes itself to the space it is given.

When you are done, run the project's build or checks if it has any, then list the files you changed and tell me how to preview the page.