Services Page
Relevant source files
The following files were used as context for generating this wiki page:
The Services Page is a core functional module of the AVP Supercars application, designed to detail the company's bespoke automotive offerings. It serves as a comprehensive overview of the three primary business pillars: luxury rentals, vehicle sourcing, and event logistics. The page is architected to guide users through the service lifecycle, from initial exploration to concierge-level fulfillment.
Beyond static information, the Services Page integrates with the global navigation system and the contact infrastructure to facilitate direct lead generation. It works in tandem with the Delivery Locations Page and the Fleet Page to provide a holistic view of the operational capabilities available across Europe.
Sources: app/services/page.tsx:1-180, app/layout.tsx:37-45
Service Categories
The platform defines three distinct service lines, each represented via specialized ServiceCard components. These categories outline the scope of operations from high-frequency rentals to high-discretion sourcing.
| Service Type | Focus Area | Key Features |
|---|---|---|
| Rental | Short-term luxury access | Europe-wide delivery, 24/7 support, VIP handover. |
| Sourcing | Acquisition of rare vehicles | Target spec search, condition verification, negotiation support. |
| Events | Logistics and presentation | Weddings, brand activations, multi-car coordination. |
Sources: app/services/page.tsx:61-100, app/page.tsx:238-285
Operational Workflow
The "How It Works" section defines a standardized three-step process for service engagement. This workflow is consistent across the Services Page and the Locations Page to ensure a predictable user experience.
Service Request Pipeline
The following diagram illustrates the transition from a user request to final delivery:
The workflow prioritizes speed and direct communication, specifically leveraging WhatsApp for "fastest booking" and concierge-level interaction.
Sources: app/services/page.tsx:119-140, app/locations/page.tsx:165-171, components/RequestForm.tsx:100-110
Component Architecture
The Services Page is built using a modular functional component approach in React, utilizing Tailwind CSS for styling and Framer Motion for visual transitions (as seen in related page implementations).
Key Components
- ServiceCard: A reusable UI component that accepts
eyebrow,title,desc, andbulletsprops to display specific service details. - Step: A layout component used to visualize the "01-02-03" operational phases.
- RequestForm: While hosted on the
/contactroute, this component is the primary destination for all Call-to-Action (CTA) buttons on the Services Page. It handles data capture for names, dates, car models, and locations.
Integration with Contact System
The Services Page serves as a top-of-funnel entry point for the contact system. Every section contains CTAs that route the user to the /contact page or trigger a direct WhatsApp message.
Data Flow for Service Requests
When a user initiates a request from the Services Page, the following data flow occurs:
The system uses URI encoding to pre-fill request details, ensuring that user intent (e.g., a specific car or service) is preserved during the transition to communication platforms.
Sources: components/RequestForm.tsx:40-66, app/services/page.tsx:44-53, components/Navbar.tsx:75-80
Geographic and Operational Scope
Services are not limited to a single location but are anchored in the Monaco/French Riviera region with a broad European reach.
- Primary Hub: Monaco / French Riviera.
- Delivery Locations: Nice, Cannes, Saint-Tropez, Milan, Lake Como, Geneva, Zurich, and Paris.
- Availability: 24/7 concierge delivery to hotels, villas, airports, and yachts.
Sources: app/services/page.tsx:64-68, app/locations/page.tsx:108-115, app/layout.tsx:66-72
Conclusion
The Services Page provides the essential bridge between AVP Supercars' inventory and its operational logistics. By categorizing bespoke offerings and defining a clear three-step engagement model, the page ensures that the high-level expectations of a "Monaco-level" clientele are met through streamlined digital touchpoints.