About The Project

Revilo’s official website is a fully responsive, modern hub for music lovers and event-goers, built with Next.js, Tailwind CSS, and TypeScript. Fans can explore his latest mixes, discover upcoming gigs around Liverpool, and even book him directly for private events or club nights. The site is designed to feel smooth and immersive, with clean transitions powered by Framer Motion and fast performance thanks to Vercel deployment.

Whether you’re looking to catch Revilo live, stream his latest set, or stay updated on new releases, this site brings everything together in one place.

Key Features

• Custom Audio Player – Stream Revilo’s latest mixes directly on the site.
• Upcoming Events & Gigs – Stay up to date with where he’s playing next.
• Music Library – Explore tracks, genres, and exclusive live recordings.
• Booking Form – Easily book Revilo for events or club nights.
• Smooth Animations – Seamless page transitions for a premium experience.

Challenges & Solutions

Building a DJ’s digital home meant going beyond a simple portfolio site. A major challenge was creating a custom audio player that works across devices and keeps playing music while fans browse other pages. The solution: a persistent player built with React and state management, ensuring uninterrupted playback.

Another key challenge was helping improve the experience of booking. Revilo’s site integrates Resend with React-email templates to send beautifully designed emails to the DJ's inbox detailing user-submitted emails for bookings and events.