Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves redesigning a landing page for an independent content writing studio, focusing on creating a professional and approachable online presence. The primary goal is to convey the brand's promise of "Professional writing without the agency bullshit" through a clean and engaging user experience that highlights their services and encourages conversions.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction that succinctly communicates the brand message and invites users to explore further.
2. **Services Overview**: A clear presentation of the writing services offered, such as brand storytelling, website writing, email writing, and case study writing, allowing users to quickly understand and navigate to what they need.
3. **Testimonials/Proof Section**: Display client testimonials and case studies to build credibility and showcase past successes.
4. **Call-to-Action (CTA)**: Strategically placed CTAs throughout the page to encourage users to get in touch or request a quote.
5. **Contact Form**: A simple form for inquiries, ensuring potential clients can easily reach out for more information or services.
6. **Responsive Design**: The page will be fully responsive, ensuring a seamless experience across all devices.

## 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 consist of a full-width hero section, followed by a grid-like service overview, a testimonials section, and a contact form, each section separated by ample whitespace for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page as it does not require complex state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Develop individual components for the hero section, services overview, testimonials, and contact form using functional components.
3. **Apply Styling**: Utilize Tailwind CSS classes to implement the minimalist design, ensuring consistent use of the defined typography and color palette.
4. **Implement Responsiveness**: Use Tailwind's responsive utility classes to ensure that all components are mobile-friendly and look good on various screen sizes.
5. **Add Functionality**: Implement the contact form to handle user inquiries, ensuring it is functional but simple, without complex backend logic.
6. **Testing**: Test the application across different devices and browsers to ensure compatibility and responsiveness.

## USER EXPERIENCE
The user experience will focus on clarity and ease of navigation. Users will encounter a strong first impression through the hero section, followed by an intuitive layout that allows them to quickly discover the services offered. CTAs will be strategically placed to guide users towards making contact, while testimonials will lend credibility and enhance trust. The overall design will feel contemporary and approachable, resonating with the target audience of businesses seeking effective content writing services.