Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page for a medical store, designed to provide essential information about the store and its offerings while facilitating user engagement and conversion. The focus will be on creating a user-friendly experience with a clean aesthetic that emphasizes the brand's professionalism and trustworthiness.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section featuring a catchy tagline, a brief description of the medical store, and a call-to-action (CTA) button directing users to browse products or book consultations.
2. **Product Features**: A section highlighting key products available, with images, short descriptions, and links to more details or purchase options.
3. **Testimonials**: A section showcasing customer reviews and ratings to build trust and credibility.
4. **Contact Information**: Clear and easily accessible contact details, including a contact form for inquiries.
5. **Promotions and Offers**: A section dedicated to current promotions or special offers to encourage conversions.

## 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 sections stacked vertically. Each section will have ample padding for clarity and a clean presentation.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components to facilitate styling and UI development.
3. **Create Layout**: Develop the main layout structure using Tailwind CSS, ensuring responsiveness and a clean appearance.
4. **Implement Hero Section**: Create the hero section with an eye-catching headline, a brief description, and a CTA button styled with the primary color and rounded corners.
5. **Develop Product Features Section**: Add a grid or list layout for showcasing product features, including images and descriptions.
6. **Add Testimonials Section**: Implement a carousel or static layout for customer testimonials, ensuring it is visually appealing and easy to read.
7. **Contact Information Section**: Create a contact form with input fields styled according to the design specifications.
8. **Test Responsiveness**: Ensure that the landing page is responsive across various devices and screen sizes.

## USER EXPERIENCE
Users will be greeted with an inviting hero section that draws attention to the store's unique offerings. They can easily navigate through featured products and read testimonials to establish confidence in their purchases. The contact section will facilitate quick inquiries, and the overall layout will ensure a smooth and intuitive user experience, guiding visitors towards taking action, whether it's making a purchase or reaching out for more information.