Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive web application that includes a responsive SaaS landing page, a viral waitlist page, and an admin dashboard. The main purpose is to attract users to a SaaS product with a clean and minimalist design while providing essential functionalities like waitlist management and an admin dashboard for data overview.

## CORE FEATURES
1. **SaaS Landing Page**: A responsive landing page featuring a hero section with a prominent headline (H1) and two call-to-action buttons, highlighting the service's key benefits.
2. **Feature Section**: Utilizing a bento-grid layout to showcase the main features of the SaaS product, enhancing visual appeal and user engagement.
3. **Pricing Table**: A clear pricing table with three cards, allowing users to easily compare different service tiers and choose the best fit for their needs.
4. **Viral Waitlist Page**: An engaging waitlist page with a glowing email input field, a counter displaying the number of people who have joined, and a referral link generator to encourage sharing.
5. **Admin Dashboard**: A sidebar layout dashboard that includes summary cards for quick data insights, a large line chart for trend visualization, and a data table for detailed information.
6. **Responsive Design**: Ensures optimal user experience across all devices, maintaining functionality and aesthetic appeal.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space to enhance readability, focusing on essential content without distractions.
- **Color Mode**: Light theme with dark text on light backgrounds for the landing page; dark mode for the waitlist page with neon accents.
- **Layout**: 
  - Landing Page: Hero section at the top, followed by the feature section in a grid layout, and the pricing table at the bottom.
  - Waitlist Page: Centered glowing email input with the counter and referral link generator below, set against a particle background.
  - Admin Dashboard: Sidebar navigation on the left, with a top row of summary cards, a large line chart in the middle, and a data table at the bottom.
- **Typography**: Use the Inter font for all text, ensuring a modern and readable typeface across the application.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the desired aesthetic.
- **State Management**: Implement local state management with React context or a lightweight solution as needed.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Landing Page**:
   - Build the hero section with H1 and CTAs.
   - Develop the feature section using a bento-grid layout.
   - Design the pricing table with three distinct cards.
3. **Develop the Waitlist Page**:
   - Implement the glowing email input field.
   - Add a counter component for joined users.
   - Create a referral link generator with a user-friendly interface.
4. **Create the Admin Dashboard**:
   - Design the sidebar navigation for easy access to various sections.
   - Add summary cards in the top row for data insights.
   - Integrate a large line chart in the middle and a data table below.
5. **Ensure Responsiveness**: Test and adjust layouts for different screen sizes to ensure a seamless user experience.
6. **Optimize Performance**: Utilize code splitting and lazy loading for improved performance.

## USER EXPERIENCE
Users will interact with the landing page to learn about the SaaS product and sign up for updates. The waitlist page will create excitement and urgency, encouraging users to join and share via referral links. The admin dashboard will provide administrators with at-a-glance insights into user engagement and data trends, facilitating informed decision-making. Overall, the application will focus on simplicity and clarity, enhancing user satisfaction and conversion rates.