Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a pharmaceutical laboratory, designed to present the company, its values, and its offerings in a clean and professional manner. The landing page will focus on conversion and user engagement, providing essential information while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a strong headline, subheadline, and a call-to-action (CTA) button to encourage users to learn more or contact the company.
2. **About Us**: A brief overview of the laboratory's mission, vision, and values, establishing credibility and connection with visitors.
3. **Services Offered**: A section detailing the pharmaceutical services and products available, including clear descriptions and benefits to the clientele.
4. **Testimonials**: A curated selection of client feedback to build trust and showcase positive experiences with the laboratory.
5. **Contact Information**: A simple and accessible contact form for inquiries, along with phone numbers and email addresses to facilitate easy communication.
6. **Footer Links**: Links to social media, privacy policy, and other relevant resources at the bottom of the page.

## 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 vertical scrolling layout with distinct sections for the hero, about, services, testimonials, and contact, ensuring a seamless flow and easy navigation.

## 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** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it for your project.
3. **Create a folder structure** for components, including Hero, About, Services, Testimonials, Contact, and Footer.
4. **Design the Hero Section**, incorporating the primary color for buttons and links, a strong headline, and a CTA.
5. **Develop the About Us section**, focusing on concise and impactful messaging.
6. **Implement the Services Offered section**, ensuring each service is visually distinct and informative.
7. **Add Testimonials**, using cards or quotes to visually separate each client feedback.
8. **Build the Contact section** with a form, ensuring it is easy to fill out and submit.
9. **Create a Footer** with necessary links and social media buttons.
10. **Test responsiveness** across devices to ensure a smooth user experience.

## USER EXPERIENCE
Users will land on a visually appealing and informative page that guides them through the laboratory's offerings. The CTA in the hero section encourages immediate engagement, while the logical flow of information allows users to easily navigate through the company's mission, services, and client feedback. The contact form is straightforward, ensuring that inquiries can be made with minimal effort, enhancing the overall user experience.