HPS Pitbike Website – Next.js Marketing & Booking

The HPS Pitbike website

The public website is the digital shop window of HPS Pitbike Berlin (www.hps-pitbike.de). It combines marketing content with a complete booking flow wired directly into the NestJS backend.

Content and features

The site presents every aspect of the HPS Pitbike offering — from the pitbike school through the technical detail of the APEX e-pitbike to prices, news and an image gallery. The integrated booking area lets customers book their slot directly.

Technical integration

The website uses the same shared UI component library (@sw-business-solutions/cst-mobikart-ui) as every other frontend in the stack. Real-time availability is pushed via Socket.io.

The site has to work as a marketing instrument for new customers and as a booking portal for regulars at the same time. The APEX e-pitbike, the core product, has to be described with technical precision while staying understandable for beginners. Bookings for special events such as the midnight ride (22:00–00:00) have to be displayed correctly.

Next.js with server-side rendering for strong SEO. The shared UI library keeps the booking components consistent. A dedicated /bikes page explains the APEX e-pitbike including its technical specifications. Real-time availability via Socket.io shows free slots in the booking calendar instantly.