Lovable Prompt Creator - AI Prompt Generator

**bold text**## APPLICATION OVERVIEW
This project is a landing page designed to showcase digital marketing services. Its primary purpose is to attract potential clients by highlighting effective marketing strategies, creative branding, and high-converting website design. The landing page will serve as a compelling introduction to the company’s offerings, encouraging visitors to engage and convert into customers.

## CORE FEATURES
1. **Hero Section**: A striking introductory section with a clear value proposition and a prominent call-to-action (CTA) button encouraging visitors to learn more or get started.
2. **Services Overview**: A concise section outlining the main services offered, including social media management, content creation, SEO, paid advertising, and website design.
3. **Testimonials**: A section featuring customer testimonials to build trust and credibility, showcasing success stories of businesses that have benefited from the services.
4. **CTA Section**: A clear call-to-action area prompting users to contact the company for a consultation or to get a quote, with an easy-to-use contact form.
5. **Contact Information**: A footer section providing essential contact details, including phone number, email, and links to social media profiles for easy access.

## 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 feature a vertical scrolling design with distinct sections for the hero, services, testimonials, CTA, and contact information, ensuring a smooth user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript support. Set up Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the hero section, service cards, testimonials, CTA, and contact form.
3. **Design Layout**: Structure the main layout using Flexbox or Grid to ensure responsive design across all devices.
4. **Integrate Typography**: Import the Inter font from Google Fonts and apply it to headings and body text as specified.
5. **Implement Color Scheme**: Use the primary color #1978E5 for buttons, links, and highlights throughout the page.
6. **Test Responsiveness**: Ensure the landing page is fully responsive and looks great on all devices, adjusting styles as necessary.

## USER EXPERIENCE
The landing page will provide an intuitive user experience, guiding visitors through the information seamlessly. Users will first encounter the hero section, which will invite them to explore further. As they scroll, they will easily find details about services, read testimonials, and encounter multiple CTAs that encourage them to take action—whether that’s contacting the business or learning more about specific services. The minimalist design ensures that the content is digestible, and the use of ample white space keeps the focus on key messages.