Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a responsive landing page designed to captivate users with vibrant and neon colored text in a bold minimalist style. The main purpose is to create an eye-catching web presence that highlights key features and encourages user engagement through a clean and simple design.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring bold, neon text that captures attention and delivers a clear value proposition.
2. **Features Overview**: A section outlining the unique features of the service or product, using concise text and engaging visuals.
3. **Testimonials**: A section for user testimonials to build trust and credibility with potential customers.
4. **Call-to-Action (CTA)**: Prominent CTA buttons encouraging users to take action, such as signing up or learning more.
5. **Contact Information**: A simple contact form or information section to facilitate user 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 layout will consist of a full-width hero section at the top, followed by a features section in a two-column format, a testimonial slider, the CTA section, and a contact form at the bottom. Each section will utilize ample white space to enhance readability and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Design the main layout structure using Tailwind CSS classes for responsive design.
3. **Implement Typography**: Include Google Fonts for Inter and set typography styles for headings and body text.
4. **Build Sections**: Develop each section of the landing page (Hero, Features, Testimonials, CTA, Contact) with appropriate styling and content.
5. **Add Interactivity**: Implement any necessary interactivity for the CTA buttons and testimonials section, ensuring smooth transitions.
6. **Test Responsiveness**: Ensure the landing page is fully responsive on various devices and screen sizes.
7. **Deploy**: Deploy the completed landing page to a suitable hosting platform.

## USER EXPERIENCE
Users will first encounter the vibrant hero section that immediately draws attention. They will scroll down to discover the features, presented in a clean and engaging manner. Testimonials will provide social proof, followed by persuasive CTAs that encourage action. Finally, a straightforward contact section will facilitate any queries, ensuring a seamless flow throughout the page.