Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern landing page for a local VTC (chauffeur privé) service based in Bourgoin-Jallieu, designed to attract potential customers looking for reliable transportation solutions. The site aims to present an authentic and original brand identity, avoiding conventional coded website aesthetics, while providing essential features such as a contact form for quotes and general service information.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a tagline, a brief description of the services offered, and a prominent call-to-action (CTA) button to request a quote.
2. **Service Overview**: A section detailing the various transportation services provided, including local and national rides, as well as cross-border services to neighboring countries.
3. **Testimonials**: A section showcasing customer reviews and experiences to build trust and credibility.
4. **Contact Form**: An easy-to-use form that allows potential clients to submit inquiries and request quotes directly from the site.
5. **About Section**: Information about the chauffeur's background, values, and business mission to connect with potential clients on a personal level.
6. **Call-to-Action**: Strategically placed buttons throughout the page encouraging visitors to book a ride or request a quote.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The layout will be structured in a single-page format with sections stacked vertically, featuring smooth scrolling between sections for a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Create a new React application using TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Develop functional components for the Hero section, Service Overview, Testimonials, Contact Form, About Section, and Call-to-Action.
3. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist design, using the specified primary color and typography.
4. **Implement the Contact Form**: Use controlled components to manage form inputs and validate user submissions.
5. **Setup Routing**: Implement smooth scrolling to navigate between sections on the same page.
6. **Optimize for Responsiveness**: Test and adjust the layout to ensure it looks great on various devices, focusing on mobile-friendliness.

## USER EXPERIENCE
Users will have a straightforward and pleasant experience navigating the site. They will be greeted by a clean hero section that immediately communicates the service's value. As they scroll down, they will find easily digestible information about the services offered, relatable testimonials from previous clients, and a simple contact form that encourages inquiries. The overall design will emphasize ease of use, ensuring potential clients can access the information they need quickly and intuitively.