Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a professional landing page for an accounting firm, designed to attract potential clients with a modern aesthetic and functionality. The primary goal is to provide clear information about the firm's services while encouraging visitors to book consultations seamlessly.

## CORE FEATURES
1. **Hero Section**: A visually striking introductory area featuring a prominent headline, a brief description of the firm, and a clear "Agendar Consultoría" button for easy access to consultation scheduling.
2. **Services List**: A section that outlines the various services offered, including Impositivo, Laboral, Auditoría, Contable, and Administración, presented in a clean, organized manner to enhance readability.
3. **Blog Section**: A dynamically updated area for financial news and insights, allowing the firm to share valuable content and improve SEO through regular postings.
4. **Contact Form**: A user-friendly form that captures visitor information and stores it in a database for future follow-ups, ensuring potential clients can easily reach out.
5. **SEO Optimization**: Implementation of best practices for search engine optimization to enhance visibility and attract organic traffic.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on typography to ensure readability and an uncluttered appearance.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing shades of blue and white to convey professionalism and trust.
- **Layout**: The main layout will feature a top navigation bar, followed by the hero section, services list, blog section, and contact form, all arranged in a single-scroll format to maintain user engagement.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Lora) to maintain a professional yet approachable aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling
- **UI Components**: shadcn/ui for consistent and modern UI elements
- **State Management**: Use React's built-in state management for handling form data and blog content.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop individual components for the Hero section, Services list, Blog, and Contact form, ensuring they are modular for easy maintenance.
3. **Implement Routing**: Set up routing if necessary, even if it's a single-page layout, to allow for smooth navigation.
4. **Design and Style Components**: Use Tailwind CSS to apply styles based on the specified visual and color guidelines, ensuring responsive behavior on various devices.
5. **Develop Blog Functionality**: Create a simple CMS for the blog section, allowing the addition of new posts, and ensure it follows SEO best practices.
6. **Connect Contact Form to Database**: Implement a backend service (like Firebase or a simple Node.js server) to handle form submissions and store data securely.
7. **Test and Optimize**: Conduct thorough testing for responsiveness, usability, and SEO performance before launching.

## USER EXPERIENCE
Key user interactions include:
- **Navigating the Hero Section**: Users are greeted with a clear and inviting hero section that immediately communicates the firm's value proposition.
- **Exploring Services**: Visitors can easily browse through service offerings with concise descriptions, encouraging them to learn more about each service.
- **Engaging with the Blog**: Users can read the latest financial news, enhancing their knowledge and trust in the firm.
- **Filling Out the Contact Form**: The form is designed to be straightforward, ensuring users can quickly submit their information without frustration.

This fully functional minimalist light application will effectively capture the essence of the user's vision while providing an optimal user experience.