Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based IELTS coaching consultancy that is fully compatible with both mobile and desktop devices. Its main purpose is to provide users with a simple and accessible platform for exploring coaching plans, with an emphasis on user-friendly navigation and direct communication through WhatsApp for inquiries.

## CORE FEATURES
1. **Plan Catalogue**: A comprehensive list of coaching plans with pricing details, allowing users to easily compare options.
2. **WhatsApp Integration**: Each plan will include a clickable link that redirects users to WhatsApp with a pre-filled message for seamless communication.
3. **Responsive Design**: The application will be fully responsive, ensuring a consistent experience across all devices.
4. **User-Friendly Navigation**: Simple and intuitive navigation to enhance user experience and minimize confusion.
5. **FAQ Section**: A dedicated area for frequently asked questions to assist users in finding essential information quickly.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean layout, ample white space, and a focus on clear, legible typography.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and maintain a fresh aesthetic.
- **Layout**: 
  - Header: Logo on the left and navigation links to important sections.
  - Main Content: Central area displaying the catalogue of plans in a grid format with sufficient spacing.
  - Footer: Contact information, links to social media, and a brief about the consultancy.
- **Typography**: 
  - Primary Font: 'Helvetica Neue' for a modern and clean look.
  - Headings: Bold styling for easy hierarchy, using larger font sizes for main headings and smaller for subheadings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for rapid styling and responsive design.
- **UI Components**: shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Context API or React Query for managing application state and data fetching.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Build the basic layout with a header, main content area, and footer using functional components.
3. **Develop Plan Catalogue**: Create components to display the catalogue of coaching plans, ensuring they are responsive.
4. **Integrate WhatsApp Links**: Implement functionality to redirect users to WhatsApp with pre-filled messages when clicking on a plan.
5. **Add FAQ Section**: Design and implement a FAQ section to provide users with quick access to common questions.
6. **Styling**: Utilize Tailwind CSS to style all components according to the minimalist design specifications.
7. **Testing**: Conduct thorough testing on both mobile and desktop devices to ensure responsiveness and functionality.

## USER EXPERIENCE
Users will land on a clean homepage featuring the coaching plans prominently displayed. They can easily navigate through the catalogue and click on any plan to initiate a WhatsApp conversation, ensuring a smooth and direct line of communication. The FAQ section will assist users in finding answers to common questions, enhancing their overall experience and satisfaction with the service. The minimalist design will create a calming atmosphere, allowing users to focus on their choices without distractions.