Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for El Tigre Auto Body & Custom Paint Shop, a car repair business located in Orlando, Florida. The primary purpose of this landing page is to provide essential information about the services offered, location, contact details, and an easy way for potential customers to reach out.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a professional image of the shop, business name, and a brief tagline.
2. **Services Offered**: A dedicated section showcasing the various car repair services provided, such as bodywork, custom paint jobs, and general maintenance.
3. **Contact Information**: Clear display of phone number, email, and address with embedded Google Maps for easy navigation.
4. **Operating Hours**: A section detailing the business hours for easy reference.
5. **Customer Testimonials**: A section featuring quotes or reviews from satisfied customers to build trust and credibility.
6. **Call-to-Action (CTA)**: Prominent buttons encouraging users to call or email to schedule an appointment.

## 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 follow a vertical flow starting with the hero section, followed by services, testimonials, and contact information, ensuring a logical and user-friendly navigation 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**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to include Tailwind in your project.
3. **Create the main layout**: Develop the structure of the landing page with appropriate sections for the hero, services, testimonials, and contact information.
4. **Implement the hero section**: Add a background image, business name, and tagline styled using Tailwind classes.
5. **Build the services section**: Use cards to display each service with icons or images and descriptions.
6. **Embed Google Maps**: Use an iframe to embed Google Maps showing the location of El Tigre Auto Body.
7. **Add testimonials**: Create a simple carousel or grid layout for displaying customer testimonials.
8. **Implement contact information**: Clearly display the phone number, email address, and operating hours, enhancing visibility with Tailwind's utility classes.
9. **Add CTA buttons**: Create prominent buttons for users to contact the shop, linking to the email and phone number.
10. **Test the responsiveness**: Ensure the landing page is responsive and looks great on all devices.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates who El Tigre Auto Body is and what they offer. The navigation will be intuitive, allowing users to easily find services, read testimonials, and contact the business. The aesthetic will be clean and professional, encouraging potential customers to engage with the business through clear CTAs.