Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive multi-page web application designed for a PCD Pharma franchise company in India. The main purpose is to generate leads for pharma franchise partners while showcasing a wide range of pharmaceutical products. The application will provide essential information about the company's offerings and facilitate easy communication for potential partners and customers.

## CORE FEATURES
- **Responsive Design**: Fully mobile-optimized layout that adapts seamlessly to various screen sizes, ensuring a great user experience on all devices.
- **Product Display System**: An organized product catalog with filtering options by therapeutic class, dosage form, and an alphabetical list, allowing easy navigation through the extensive product offerings.
- **Pharma Franchise Section**: Detailed information about franchise opportunities, including benefits, monopoly rights, and promotional support tailored to attract potential partners.
- **Marketing Support Resources**: A dedicated section showcasing various promotional materials such as visual aids, product cards, and sample kits to support franchise partners.
- **Client Zone**: A secure area for dealer registration, downloadable product lists, and distributor inquiries to streamline partner engagement.
- **Blog**: A content-rich section featuring articles related to the pharma franchise industry to enhance SEO and offer valuable insights to users.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design featuring a clean layout with ample white space, emphasizing clarity and ease of navigation. The overall aesthetic should convey professionalism and trustworthiness.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing a white, blue, and green color scheme to reflect the pharmaceutical industry.
- **Layout**: The primary layout will include a hero section at the top, followed by organized content blocks for each of the main pages (Home, About Us, Products, etc.), ensuring a coherent structure and flow.
- **Typography**: Use a professional sans-serif font for headings and a readable serif font for body text. Maintain a clear hierarchy with larger font sizes for headings and adequate spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and scalable code.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development and customization.
- **UI Components**: Utilize shadcn/ui components for a consistent and modern UI experience.
- **State Management**: Implement React Context or Redux if complex state management is necessary.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Design Layout**: Create the main layout structure with a responsive navigation bar and footer.
4. **Develop Core Pages**: Implement the Home, About Us, Products, Pharma Franchise, Third Party Manufacturing, Marketing Support, Gallery, Client Zone, Blog, and Contact Us pages.
5. **Integrate Product Display System**: Build product filtering and detail pages, ensuring a smooth user experience.
6. **Implement Client Zone Features**: Create forms for dealer registration and product downloads with appropriate validation.
7. **Set Up Blog Functionality**: Add a CMS for managing blog posts, ensuring SEO-friendly URLs.
8. **Testing and Optimization**: Conduct thorough testing across devices and browsers for responsiveness and performance; optimize loading times.
9. **Deploy Application**: Use a suitable hosting service for deployment and ensure proper configuration for SEO.

## USER EXPERIENCE
The application will focus on intuitive navigation, allowing users to easily access information about products, franchise opportunities, and marketing resources. Key interactions will include a sticky header for easy access to navigation links, a WhatsApp chat button for immediate communication, and lead capture forms strategically placed throughout the site to encourage inquiries. The overall user journey will be designed to foster engagement and facilitate quick access to essential information.