Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a Renault accessories and tools store, named رنو شاپ کاظم زاده, aimed at providing essential information and promoting products to potential customers. The page will be in Farsi, structured for right-to-left reading, and will feature a modern, minimalist design that emphasizes usability and visual appeal.

## CORE FEATURES
1. **Hero Section**: A prominent hero section featuring a welcoming message, store name, and a captivating image of Renault accessories that draws attention.
2. **Product Showcase**: Display a selection of featured Renault accessories and tools with images, brief descriptions, and pricing details.
3. **Contact Information**: Clearly display the store's contact number and address, making it easy for customers to reach out or visit.
4. **Map Integration**: An embedded map showing the store's location (Tehran, Youssef Abad) based on the provided geo-coordinates.
5. **Customer Testimonials**: A section for customer reviews to build trust and credibility.
6. **Call-to-Action (CTA)**: A prominent button encouraging visitors to contact the store or view more products.

## 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: A single-column layout with a fixed header, followed by the hero section, product showcase, map, testimonials, and a footer with contact information.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, product showcase, testimonials, and the map.
3. **Design Layout**: Implement the minimalist layout using Tailwind CSS for spacing and styling.
4. **Map Integration**: Use a mapping library (e.g., Google Maps) to display the store's location based on the provided geo-coordinates.
5. **Add Content**: Populate components with placeholder content and ensure the text is displayed correctly for Farsi (RTL).
6. **Responsive Design**: Ensure the landing page is fully responsive across different devices.

## USER EXPERIENCE
The user will be greeted with a visually appealing hero section that immediately communicates the purpose of the site. They can easily navigate through various sections to learn about featured products, read customer testimonials, and find contact information. The embedded map provides a straightforward way to locate the store, enhancing convenience and user satisfaction. The overall flow is designed to encourage interaction, leading to increased customer engagement and potential sales.