Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service that offers a 14x server boost, specifically targeting Discord users. The main purpose is to effectively communicate the benefits of the server boost, showcase features, and encourage visitors to take action through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: An impactful introduction that highlights the service's main benefit—achieving a 14x server boost—paired with a strong call-to-action button.
2. **Features Section**: A concise overview of the key features of the server boost, explaining how it enhances Discord server performance and user experience.
3. **Testimonials**: A section showcasing user feedback and success stories to build trust and credibility.
4. **Pricing Plans**: Clear presentation of different pricing tiers (if applicable) to cater to various user needs.
5. **Call-to-Action (CTA)**: Multiple strategically placed buttons encouraging users to sign up or learn more about the service.
6. **Contact Information**: A simple form or contact details for potential users to reach out for inquiries.

## 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**: The page will feature a vertical layout with sections stacked for easy scrolling. The hero section will be visually dominant, followed by features, testimonials, pricing plans, and a contact section at the bottom.

## 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 Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS to the project and configure it to work with React.
3. **Create Layout Components**: 
   - Develop a `Header` component for navigation (optional).
   - Create a `Hero` section component.
   - Build components for `Features`, `Testimonials`, `Pricing Plans`, and `Contact`.
4. **Implement Styling**: Utilize Tailwind CSS classes to style components according to the design specifications.
5. **Add Inter Font**: Include Inter from Google Fonts in the project for typography.
6. **Set Up Responsive Design**: Ensure the layout is responsive and adjusts well on different screen sizes.
7. **Test Functionality**: Verify all links and buttons work correctly, ensuring a smooth user experience.

## USER EXPERIENCE
Users will be greeted with a visually striking hero section that immediately conveys the main benefit of the service. They can easily navigate to different sections to learn about features, read testimonials, review pricing, and contact the team. The clean and minimalist design will guide users through the information without distractions, while responsive elements will ensure accessibility on mobile devices. The prominent CTAs will encourage immediate action, driving conversions effectively.