Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to present a clean and engaging online presence. It aims to provide essential information about the services offered while encouraging user engagement through strategically placed calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring a captivating headline, a brief description, and a prominent call-to-action button.
2. **Features Overview**: A section that highlights key services or features with concise descriptions and accompanying icons or illustrations.
3. **Testimonials**: A dedicated section for customer testimonials to build trust and credibility, enhancing user engagement.
4. **Contact Information**: A simple contact form allowing users to reach out directly for inquiries, along with alternative contact methods like email and phone number.
5. **Footer**: Includes links to social media profiles, privacy policy, and terms of service for easy navigation.

## 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 follow a vertical stacking format, with the hero section at the top, followed by features, testimonials, contact form, and footer for a straightforward navigation experience.

## 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 Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Define the main layout structure using functional components for Hero, Features, Testimonials, Contact, and Footer.
4. **Hero Section**: Implement the hero section with a background image or color, headline, description, and call-to-action button styled with Tailwind CSS.
5. **Features Section**: Create individual feature cards using shadcn/ui components, ensuring they are responsive and visually appealing.
6. **Testimonials Section**: Design a simple carousel or grid layout to display testimonials with appropriate styling.
7. **Contact Form**: Implement a contact form with input fields and a submit button, styled according to the design specifications.
8. **Footer**: Add social media links and legal information in the footer section.
9. **Responsive Design**: Ensure all sections are responsive and visually consistent across devices.
10. **Testing and Optimization**: Test the landing page for performance, loading speed, and usability across different browsers and devices.

## USER EXPERIENCE
The landing page will provide a seamless user experience, guiding users through the content with clear and concise information. The prominent call-to-action buttons will encourage users to engage further, whether by learning more about the services or contacting for inquiries. All elements will be designed with accessibility and mobile responsiveness in mind, ensuring that users have a pleasant experience regardless of their device.