Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to provide a clean and straightforward introduction to the brand or service. The main purpose is to effectively convey information with a focus on user engagement through a visually appealing layout that encourages conversions.

## CORE FEATURES
1. **Hero Section**: A prominent opening area that features a compelling headline, subheading, and a clear call-to-action (CTA) button to guide users toward the next steps.
2. **Features Showcase**: A section highlighting the key benefits or features of the service, presented with concise descriptions and engaging visuals.
3. **Testimonials**: A dedicated area for customer feedback or testimonials to build trust and credibility with potential users.
4. **Contact Form**: An easy-to-use contact form allowing users to reach out for more information, questions, or support.
5. **Footer**: Essential links, social media icons, and additional contact information to ensure users have multiple ways to connect with the brand.

## 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 full-width hero section at the top, followed by stacked sections for features, testimonials, and contact form, ensuring a smooth vertical scroll for users.

## 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 the Project**: Create a new React project using Create React App with TypeScript. Install Tailwind CSS and shadcn/ui for styling components.
2. **Create the Hero Section**: Build a responsive hero section with a large heading and a CTA button styled with the primary color and rounded borders.
3. **Develop Features Section**: Create a grid layout to display the key features, using cards with rounded corners and appropriate spacing.
4. **Add Testimonials Section**: Implement a simple carousel or list layout to showcase testimonials, ensuring readability and visual appeal.
5. **Implement Contact Form**: Design a contact form with necessary input fields and a submit button, adhering to the minimalist style.
6. **Build the Footer**: Create a footer component that includes social media links and additional contact information, maintaining design consistency.

## USER EXPERIENCE
Users will experience a seamless flow through the landing page, starting from the attention-grabbing hero section, moving through the features that outline the service's value, and reading testimonials that provide social proof. The contact form at the end encourages engagement, allowing users to easily reach out for more information or support. The minimalist design and responsive layout ensure that the experience is smooth across various devices, enhancing user satisfaction.