Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page inspired by the clean, sophisticated design of Apple’s website. The primary purpose is to showcase a product or service with a focus on visual impact and simplicity, encouraging user engagement through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction area that includes a prominent product image, a compelling tagline, and a call-to-action button.
2. **Features Overview**: A section highlighting the key features of the product or service, presented with concise descriptions and minimalist icons.
3. **Testimonials**: A dedicated area for customer reviews and testimonials to build trust and credibility.
4. **Call to Action (CTA)**: An engaging section prompting users to take action, such as signing up for a newsletter or exploring more about the product.
5. **Contact Information**: A footer with contact details and links to social media, maintaining the minimalist aesthetic.

## 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 clear visual hierarchy, using ample white space to enhance readability and focus on content.

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

## IMPLEMENTATION STEPS
1. **Setup 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 Components**: 
   - Develop a `Hero` component for the top section.
   - Create a `Features` component for showcasing product features.
   - Design a `Testimonials` component for user reviews.
   - Implement a `CTA` component for user engagement.
   - Add a `Footer` component for contact information.
4. **Style Components**: Use Tailwind CSS classes to apply the minimalist design specifications, ensuring the primary color and typography are consistently used across all components.
5. **Responsive Design**: Ensure all components are responsive and adapt to various screen sizes using Tailwind's responsive utility classes.
6. **Testing**: Conduct thorough testing on different devices and browsers to ensure compatibility and performance.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately draws their attention. They can easily navigate through the features and testimonials, with clear CTA buttons encouraging them to engage further. The minimalist design will ensure a smooth experience, allowing users to focus solely on the content without distractions. The layout will be intuitive, guiding users through the information seamlessly.