Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a responsible communication and digital marketing agency specializing in CSR (Corporate Social Responsibility) and positive impact initiatives. The site will serve as a digital presence to showcase the agency's services and approach, targeting decision-makers and marketing managers of engaged SMEs.

## CORE FEATURES
- **Hero Section**: A prominent block featuring the agency's value proposition with a compelling headline, subheadline, and call-to-action button.
- **Client Logos**: A section displaying logos of notable clients to build credibility and trust.
- **Service Offerings**: Detailed descriptions of services including eco-designed websites, SEO, strategy development, content creation, and social media management.
- **Responsible Approach**: A dedicated section explaining the agency's commitment to responsible marketing and communication practices.
- **Case Studies**: Highlights of successful projects, focusing on websites and brand purpose, showcasing the agency's impact.
- **About Us**: Information about the agency’s mission, vision, and team, establishing a personal connection with potential clients.
- **Contact Section**: A straightforward contact form for inquiries, encouraging user engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography to convey a high-end image.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and comfort.
- **Layout**: A single-page layout with smooth scrolling sections that guide users through the content seamlessly. The hero section will be at the top, followed by services, approach, case studies, about us, and contact sections.
- **Typography**: Use elegant serif fonts for headlines and clean sans-serif fonts for body text to maintain a professional yet approachable tone. Establish a clear hierarchy with varying font sizes and weights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application structure.
- **Styling**: Tailwind CSS for efficient styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Not required for this landing page, as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Design the main layout structure using Tailwind CSS, ensuring responsiveness across devices.
3. **Build Hero Section**: Develop the hero section with a compelling value proposition and a clear call to action.
4. **Develop Service Offerings**: Create individual service sections with engaging descriptions and visuals.
5. **Add Client Logos**: Implement a carousel or grid layout for displaying client logos.
6. **Create Responsible Approach Section**: Detail the agency’s responsible marketing practices with engaging visuals.
7. **Design Case Studies Section**: Showcase previous work with links or modal pop-ups for further details.
8. **Implement About Us Section**: Craft a narrative about the agency’s mission and team.
9. **Build Contact Form**: Create a functional contact form that captures user inquiries.
10. **Finalize and Test**: Review the site for responsiveness and functionality, making adjustments as necessary.

## USER EXPERIENCE
The landing page will provide an intuitive experience for users, guiding them through the agency’s offerings in a logical flow. Users will be able to easily navigate to sections of interest, engage with the content through clickable elements, and complete the contact form without hassle. The minimalist design will enhance focus on key messages while ensuring a high-end feel that resonates with the target audience.