Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create an interactive quiz web application designed to engage users and ultimately convert them into leads by guiding them to a sales page. The quiz will be dynamic, with a focus on user experience and simplicity, ensuring a smooth transition from quiz completion to lead capture and sales conversion.

## CORE FEATURES
1. **Interactive Quiz Creation**: Users can create quizzes with multiple-choice questions, allowing for a tailored experience based on user responses.
2. **Lead Capture Form**: At the end of the quiz, users will be prompted to fill out a lead capture form to receive personalized results or offers.
3. **Analytics Dashboard**: Admins can view analytics on quiz performance, user engagement, and conversion rates.
4. **Customizable Results Page**: Users will be directed to a results page that showcases their quiz results and provides a call-to-action to visit the sales page.
5. **Social Sharing Options**: Users can share their quiz results on social media to increase reach and engagement.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 for the quiz with a clear hero section at the top, followed by questions, a lead capture form, and a results display at the end.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary packages (Tailwind CSS, Redux, shadcn/ui).
2. **Create a Quiz Component**: Develop the interactive quiz component where users can answer questions.
3. **Implement Lead Capture Form**: Design a form that collects user information at the end of the quiz.
4. **Results Page Development**: Create a results page that displays personalized results and a call-to-action.
5. **Analytics Integration**: Set up an analytics dashboard to track quiz performance and user conversions.
6. **Responsive Design Testing**: Ensure that the application is responsive and functions well on various devices.
7. **Deploy Application**: Use a deployment service like Vercel or Netlify to host the application.

## USER EXPERIENCE
The user will start on a clean landing page with a clear call-to-action to begin the quiz. After answering the questions, they will be presented with a lead capture form that incentivizes them to submit their information in exchange for personalized results. Upon submission, they will be redirected to a results page that not only congratulates them but also encourages them to visit the sales page, enhancing the chances of conversion. Throughout the experience, the design will remain clean and focused, using ample white space and a minimalist aesthetic to keep users engaged. 

## Quiz questions and score system