Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to effectively communicate the value of content writing and editing services. The main purpose is to engage visitors with dynamic content and visually appealing design elements, ultimately converting them into clients.

## CORE FEATURES
1. **Dynamic Text Animation**: The front page will feature a flashing text animation that cycles through the words "connects", "convinces", and "converts" every second, capturing user attention.
2. **Engaging Header Banner**: A light navy banner will be placed at the top of all pages, enhancing visual appeal and brand recognition.
3. **Client Logos Display**: Instead of text, logos of notable clients will be showcased, providing social proof and credibility.
4. **Enhanced Services Page**: The services section will be visually enriched to highlight offerings and engage users, following a similar style to the specified example.
5. **Visually Engaging Contact Page**: The contact us page will adopt a visually appealing layout, incorporating design elements that invite user interaction.
6. **Revised Why Us Section**: A comprehensive and engaging "Why Us" page with structured content, icons, and clear messaging to convey the company's mission and process.

## 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 be structured with a prominent hero section at the top, followed by services, testimonials, and a call-to-action (CTA) area, concluding with a contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but can be integrated if needed for dynamic content handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Components**: Develop components for the header, hero section, services, testimonials, and contact form.
3. **Implement Text Animation**: Use CSS animations or JavaScript to create the text flashing effect on the front page.
4. **Design Header Banner**: Style the top navigation with a light navy background and integrate client logos in the designated section.
5. **Enhance Services and Contact Pages**: Apply visual engagement techniques similar to the specified examples, ensuring a cohesive design throughout the site.
6. **Revise Why Us Page**: Implement structured content with icons and a clear flow, ensuring all text matches accessibility standards as per the reference.
7. **Testing**: Conduct thorough testing for responsiveness and usability across different devices.
8. **Deployment**: Deploy the landing page on a suitable hosting platform.

## USER EXPERIENCE
Users will interact with a clean and intuitive landing page that prominently features engaging animations and visuals. The seamless navigation will guide users through the services offered, encourage them to learn more through the revitalized "Why Us" section, and ultimately lead them to contact the business through a user-friendly contact form. The design will ensure a smooth experience with clear calls to action, enhancing the likelihood of conversion.