Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a B2B marketing agency, designed to showcase services, attract potential clients, and drive conversions. The landing page will emphasize a clean, minimalist design that focuses on delivering clear messaging and visual appeal.

## CORE FEATURES
1. **Hero Section**: A compelling introductory section with a strong headline, subheadline, and a call-to-action (CTA) button that invites visitors to learn more or contact the agency.
2. **Services Overview**: A section highlighting key services offered by the agency, each with a brief description and associated benefits to the client.
3. **Testimonials**: A section featuring client testimonials to build trust and credibility, showcasing positive experiences with the agency's services.
4. **Call to Action**: A prominent section encouraging users to get in touch, with a clear CTA button leading to a contact form.
5. **Contact Information**: A footer with the agency's contact details, including email, phone number, and social media links.

## 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 in sections, with a full-width hero area at the top, followed by services, testimonials, and a footer for contact information, all arranged vertically for a seamless flow.

## 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 the React Environment**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop separate components for the Hero, Services, Testimonials, and Contact sections.
4. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design with the specified typography and color scheme.
5. **Integrate Google Fonts**: Include the Inter font in the project to ensure proper typography display.
6. **Set Up the Contact Form**: Create a simple contact form with appropriate fields (name, email, message) and style it according to the design specifications.
7. **Deploy the Landing Page**: Once completed, deploy the landing page to a hosting service (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will land on a visually appealing homepage that clearly communicates the agency's value proposition. The navigation will be intuitive, guiding users through the services offered and encouraging them to read testimonials. The prominent CTAs will make it easy for visitors to get in touch or learn more, ensuring a smooth and engaging experience throughout the landing page. The design will be responsive, providing an optimal viewing experience across various devices, from desktops to mobile phones.