Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modern, dynamic landing page for Matsmàtica Informàtica S.L, a company based in Tàrrega. The primary goal is to present the company effectively, showcasing its services and establishing an online presence that is visually appealing and easy to navigate.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring the company name, a tagline, and a call-to-action button that directs visitors to learn more about services.
2. **Services Overview**: A section highlighting the key services offered by Matsmàtica Informàtica S.L with brief descriptions and engaging visuals.
3. **Testimonials**: A dedicated area for client testimonials to build credibility and trust with potential customers.
4. **Contact Information**: An easily accessible contact section with a form for inquiries, including fields for name, email, and message.
5. **About Us**: A brief overview of the company's history, mission, and values to connect with visitors on a personal level.
6. **Call to Action (CTA)**: Strategically placed CTAs throughout the page encouraging users to get in touch or learn more about services.

## 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 should be a single-column structure for a seamless flow, with sections stacked vertically, ensuring easy scrolling and navigation.

## 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 Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Build a `Hero` component for the main introduction.
   - Create a `Services` component to list the services offered.
   - Develop a `Testimonials` component for client feedback.
   - Implement a `Contact` component with a form.
   - Design an `About Us` section.
   - Include a `CTA` component for action prompts.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring responsiveness across devices.
5. **Deploy**: Use a service like Vercel or Netlify for easy deployment of the landing page.

## USER EXPERIENCE
The landing page should provide a smooth and engaging user experience. Users will first encounter the hero section, which captures their attention. As they scroll down, they will see the services offered, followed by testimonials to build trust. The contact section will facilitate easy communication. The overall layout and responsive design will ensure that users can access the information they need regardless of the device they are using.