Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page called "Compare My Price" that provides users with information about price comparisons for various products. The primary goal is to inform users about the pricing landscape and assist them in making educated purchasing decisions.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a clear value proposition and a prominent call-to-action button encouraging users to start comparing prices.
2. **Price Comparison Tool**: An interactive feature allowing users to input product details and view comparative pricing from different retailers.
3. **Features Section**: Highlighting key benefits of using the service, such as saving money, time efficiency, and user-friendly interface.
4. **Testimonials**: Showcasing user reviews and success stories to build trust and credibility.
5. **Contact Form**: Enabling users to reach out for more information or support, ensuring an open line of communication.
6. **Blog Section**: A space for articles on saving tips, product reviews, and industry insights to engage users further.

## 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 structure will feature a full-width hero section, followed by a grid layout for features, testimonials, and blog posts, ensuring a clear visual hierarchy and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but could use Context API or Zustand if needed for managing state.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the layout components**: Build reusable components for the hero section, features, testimonials, and contact form.
3. **Implement routing**: Use React Router for any navigation needs within the landing page.
4. **Style the components**: Apply Tailwind CSS classes to achieve the minimalist design with attention to spacing and typography.
5. **Develop the price comparison tool**: Create an interactive input form that allows users to enter product details and fetch comparative prices.
6. **Add testimonials and blog sections**: Populate these sections with static data initially, and consider future integration with a CMS.
7. **Test responsiveness**: Ensure the layout is mobile-friendly and adjusts well to different screen sizes.

## USER EXPERIENCE
Key user interactions include engaging with the hero section to understand the service, using the price comparison tool to submit product queries, and exploring testimonials to build confidence in the service. The contact form provides a straightforward way for users to ask questions or request support, enhancing overall user satisfaction.

This prompt captures the essence of the user's project vision and provides a structured approach to building a functional, minimalist landing page.