Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a captivating image of a person sitting in a Hellcat SRT Charger with the iconic Dubai Mall and Burj Khalifa in the background. The landing page will highlight the luxury and thrill associated with this car while inviting users to engage through a call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking top section featuring the main image, with a brief tagline emphasizing luxury and performance.
2. **About Section**: A brief description of the Hellcat SRT Charger, detailing its features and what makes it a unique driving experience.
3. **Gallery**: A dedicated area showcasing multiple images of the car from various angles and in different settings.
4. **Testimonials**: A section for user testimonials highlighting experiences with the Hellcat SRT Charger.
5. **Call-to-Action (CTA)**: A prominent button encouraging visitors to book a test drive or learn more about the car.
6. **Contact Information**: A section where users can easily find contact details for inquiries or further information.

## 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 main layout will include a full-width hero image at the top, followed by sections arranged vertically with clear headings and ample spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page since it does not have dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Layout**: Build the structure of the landing page using functional components, adhering to the specified layout.
4. **Implement Hero Section**: Add the hero image, tagline, and primary CTA button.
5. **Develop Additional Sections**: Create the About, Gallery, Testimonials, and Contact sections, ensuring each has a clear heading and uses the specified typography and color scheme.
6. **Styling**: Apply Tailwind CSS classes for responsive design and ensure all elements adhere to the design specifications.
7. **Test Responsiveness**: Verify that the landing page looks good on various devices and screen sizes.

## USER EXPERIENCE
The landing page will provide an engaging experience, with smooth scrolling between sections and responsive design. Users will be able to easily navigate through the information, view high-quality images, and interact with the CTA to book a test drive or request more information. The minimalist design focuses on clarity and ease of use, ensuring that the user’s attention is captured by the visuals and message of luxury.