Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to present a tech website that aims to provide better resources and information than existing platforms. The landing page will focus on showcasing features, benefits, and a clear call-to-action to encourage user engagement.

## CORE FEATURES
1. **Hero Section**: A visually striking header that introduces the website, featuring a prominent tagline and a call-to-action button.
2. **Features Overview**: A section highlighting the main features of the website, presented in a clean and easy-to-read format.
3. **Testimonials**: User testimonials that build credibility and highlight the value of the tech website.
4. **Call-to-Action (CTA)**: A compelling section urging users to sign up or learn more, with a button linking to the next steps.
5. **Contact Information**: A simple contact form or section for users to reach out for more information or support.

## 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 vertical layout with a full-width hero section at the top, followed by sections for features, testimonials, CTA, and contact. Each section should have ample spacing and clear visual separation.

## 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. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build reusable components for the Hero section, Features, Testimonials, CTA, and Contact form.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist design that adheres to the specifications.
5. **Responsive Design**: Ensure all sections are responsive and look good on various screen sizes.
6. **Deploy the Landing Page**: Choose a hosting platform (e.g., Vercel, Netlify) to deploy the landing page for public access.

## USER EXPERIENCE
The user experience will focus on a smooth and intuitive interaction. Users will land on a visually appealing hero section, easily navigate through features and testimonials, and find clear prompts to sign up or learn more. The contact section will allow for quick inquiries, ensuring users feel supported and connected. The overall design will prioritize readability and engagement, with a layout that guides users naturally through the content.