Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a comprehensive, stable tech website designed for selling and continuing to serve customers effectively. The aim is to develop a minimalist landing page that highlights the key offerings and engages visitors to learn more about the services provided.

## CORE FEATURES
1. **Hero Section**: A prominent, eye-catching introduction with a clear value proposition and a call-to-action (CTA) button.
2. **Features Overview**: A section detailing the main features of the services offered, with engaging visuals and concise descriptions.
3. **Customer Testimonials**: A dedicated area showcasing positive feedback from users to build trust and credibility.
4. **Contact Form**: A simple contact form for inquiries, allowing potential customers to reach out easily.
5. **Responsive Design**: Ensures that the website is user-friendly across all devices, enhancing accessibility and user experience.

## 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 main layout structure includes a full-width hero section at the top, followed by a features section arranged in a grid format, a testimonials carousel, and a footer with the contact form.

## 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 React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Build reusable components for the hero section, features, testimonials, and contact form.
4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design with the specified primary color and typography.
5. **Implement Responsive Design**: Use Tailwind CSS utilities to ensure all components are responsive and accessible on various screen sizes.
6. **Testing and Optimization**: Test the website across different devices and browsers, optimizing for performance and user experience.

## USER EXPERIENCE
Visitors will land on a visually appealing hero section that clearly communicates the value of the services offered. As they scroll, they will encounter well-structured information about features and hear from satisfied customers through testimonials. The contact form will be easily accessible, allowing for quick inquiries. The responsive design will ensure a seamless experience whether on desktop or mobile devices, enhancing engagement and conversion potential.