Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is for a landing page designed to promote a fake Robox sender website. The purpose is to present the concept clearly and attractively, engaging users with a minimalist aesthetic while providing essential information about the service.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a catchy tagline and a call-to-action button that encourages users to learn more or sign up.
2. **Features Showcase**: A section highlighting the main features of the service, using concise descriptions and appealing visuals to capture user interest.
3. **Testimonials**: A section displaying user testimonials to build trust and credibility around the service.
4. **Call to Action (CTA)**: A strategically placed CTA encouraging users to sign up or get started, featured prominently throughout the page.
5. **Contact Information**: A section for users to reach out for more information, including a simple contact form.

## 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 will feature a full-width hero section at the top, followed by a grid layout for the features showcase, a testimonials carousel, and a final call-to-action section before the contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout**: Build the main layout with a header, hero section, features section, testimonials, and footer using Tailwind CSS for styling.
4. **Implement Hero Section**: Design the hero section with a strong headline, subheadline, and CTA button styled with the primary color.
5. **Develop Features Showcase**: Create a grid component for displaying features, using cards with rounded borders and appropriate spacing.
6. **Add Testimonials**: Implement a carousel or grid for testimonials, ensuring they are visually distinct and easy to read.
7. **Design CTA Section**: Add a prominent CTA with clear instructions for the user.
8. **Create Contact Form**: Develop a simple contact form at the bottom of the page for users to reach out.
9. **Test Responsiveness**: Ensure that the layout is responsive and looks good on various screen sizes.

## USER EXPERIENCE
Users will land on the page and immediately be greeted by the hero section, which captures their attention with a clear message and a strong CTA. As they scroll down, they will find sections that succinctly explain the service, backed by user testimonials to build trust. The layout is designed to guide users naturally towards the call to action, encouraging them to engage further with the service offered. The minimalist design ensures that the focus remains on the content with a pleasant reading experience.