About Page
Relevant source files
The following files were used as context for generating this wiki page:
The About Page serves as the primary informational hub for AVP Supercars, detailing the brand's mission, values, and operational model. It positions the company as a premium automotive concierge service based in Monaco and the French Riviera, specializing in luxury car rentals, sales, and sourcing across Europe. Sources: app/about/page.tsx:18-24, app/layout.tsx:28-32
The page is designed with a "black-and-white" aesthetic, utilizing high-contrast typography and semi-transparent overlays on automotive imagery to maintain a luxury brand identity. It integrates with the broader application through global layout components like the Navbar and Footer, providing direct navigation to the Fleet and Contact sections. Sources: app/about/page.tsx:6, app/layout.tsx:12-16
Architectural Integration
The About Page is a React Server Component (default in Next.js App Router) that sits within the global root layout. This layout provides the necessary context, styling (via Tailwind CSS), and persistent UI elements. Sources: app/layout.tsx:10-18, app/about/page.tsx:4
Component Hierarchy
The following diagram illustrates how the About Page is structured within the application's layout system:
The page structure follows a linear vertical flow designed to build trust through statistics and brand values before presenting a call to action. Sources: app/about/page.tsx:7-142, app/layout.tsx:13-17
Core Content Sections
Brand Mission & Value Proposition
The page defines the "AVP Experience" as a concierge-style service rather than a traditional rental inventory. It emphasizes "discretion," "precision," and "reliability" as its core operational values. Sources: app/about/page.tsx:72-88
| Value | Technical/Operational Description |
|---|---|
| Discretion | Privacy-first approach and clean communication. |
| Precision | Fast confirmations and clear requirements. |
| Taste | Curated cars and premium presentation. |
| Reliability | Trusted delivery logistics. |
| Sources: app/about/page.tsx:89-94 |
Operational Statistics
The page utilizes a "Stats/Trust" section to highlight key service capabilities through a grid of cards. Sources: app/about/page.tsx:55-70
Navigation and Interactivity
The About Page acts as a routing bridge, directing users to deeper functional areas of the site. It uses the Next.js Link component for client-side navigation. Sources: app/about/page.tsx:1, components/Navbar.tsx:11-17
| Target Route | Purpose on About Page |
|---|---|
/fleet | "Explore Fleet" - View available vehicles. |
/contact | "Request availability" - Direct lead generation. |
/services | Referred in Footer for broader service details. |
/locations | Referred in Footer for delivery coverage. |
| Sources: app/about/page.tsx:37-46, app/layout.tsx:40-44 |
Shared Navigation Logic
The Navbar component highlights the "About" link when the user is on this page by checking if the current path starts with /about. Sources: components/Navbar.tsx:35-38, components/Navbar.tsx:64-70
Media and Presentation
The About Page uses high-quality imagery served via the Next.js Image component and standard img tags with specific CSS properties for art direction:
- Hero Image:
/images/cars/gtc4lusso-back.jpgwithopacity-45andobject-position: 55% center. Sources: app/about/page.tsx:11-17 - Co-Founders Image:
/images/founders/cofounders.jpgutilizing thefillproperty and asizesattribute for responsive optimization. Sources: app/about/page.tsx:111-118 - Background Overlays: Use of
bg-gradient-to-bfromblack/70toblackto ensure text readability over images. Sources: app/about/page.tsx:19, app/services/page.tsx:19-20
Conclusion
The About Page is a critical branding component that defines AVP Supercars' operational philosophy of "Experience over Inventory." It integrates seamlessly with the application's global navigation and layout, serving as a primary entry point for establishing trust and redirecting users toward the fleet exploration and contact funnels. Sources: app/about/page.tsx:73-75, app/layout.tsx:28-30