Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to present the concept of "v". The main purpose of the landing page is to convey information clearly and effectively while encouraging user interaction through a clean, focused design.

## CORE FEATURES
1. **Hero Section**: A prominent introduction area featuring a captivating headline and a brief description of "v" to engage visitors immediately.
2. **Features Overview**: A section that highlights the key benefits and unique selling points of "v", presented in a visually appealing layout.
3. **Call to Action (CTA)**: A strategically placed CTA encouraging users to sign up or learn more about "v", guiding them towards the next step.
4. **Testimonials**: A section showcasing user feedback or endorsements to build credibility and trust.
5. **Contact Form**: A simple contact form allowing visitors to reach out for more information or 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**: A single-column layout with a vertical flow, ensuring that each section is distinctly separated while maintaining visual coherence. The hero section at the top, followed by features, testimonials, and CTA, with the contact form at the bottom.

## 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. **Setup Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop separate components for the Hero, Features, Testimonials, CTA, and Contact Form sections.
3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design principles and the specified border radius.
4. **Add Inter Font**: Import Inter from Google Fonts and apply it to the headings and body text across all components.
5. **Build Layout Structure**: Organize the components in the main App component to follow the specified layout.
6. **Test Responsiveness**: Ensure that the landing page is fully responsive across different devices and screen sizes.

## USER EXPERIENCE
Key user interactions will include smooth scrolling through the sections, easy navigation via the CTA buttons, and a straightforward contact form for inquiries. The minimalist design will enhance focus on the content, ensuring that users can quickly grasp the concept of "v" without distractions.