Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for Mond Design, a web development company that offers a comprehensive solution for small businesses seeking modern websites. The landing page will showcase services, highlight features, and facilitate contact through a minimalist and luxurious design approach.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that introduces Mond Design with a brief tagline and a strong call-to-action (CTA) button encouraging visitors to request a quote.

2. **Services Overview**: A detailed section outlining the "Business" package priced at 29,999 ₽, including services like website development, custom design, mobile adaptation, and client communication tools.

3. **Responsive Design**: The website will be fully responsive, ensuring an optimal viewing experience across all devices, including smartphones, tablets, and desktops.

4. **Client Communication Tools**: Integration of one-click call buttons and links to messaging platforms (Telegram) for seamless client interaction.

5. **Contact Information**: A dedicated contact section with the email (mond_design@mail.ru), Telegram handle (@mond_design), and phone number (+79886961761) prominently displayed.

6. **Submission Form**: A simplified form for potential clients to submit inquiries, enhancing engagement and lead generation.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean and simple design with ample white space, a limited color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing the brand color #191173 strategically for buttons and accents.
- **Layout**: A single-page layout featuring a vertical scroll structure with sections for the hero, services, client communication tools, and contact information.
- **Typography**: Use a modern sans-serif font for headings and a legible serif font for body text, ensuring clear hierarchy with larger font sizes for headings and appropriate line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling approaches.
- **UI Components**: Use shadcn/ui for consistent and modern UI components.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set up the React application** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it for styling.
3. **Create the hero section** with a strong tagline and CTA button linking to the contact form.
4. **Build the services section** detailing the "Business" package and its features.
5. **Implement responsive design** to ensure the layout is mobile-friendly and well-structured across all devices.
6. **Add client communication tools** with clickable buttons for calls and Telegram messaging.
7. **Develop the contact section** with clearly displayed contact information and an inquiry submission form.
8. **Test the website** across different devices and browsers to ensure functionality and responsiveness.

## USER EXPERIENCE
Visitors will be greeted by a stunning hero section that captures their attention immediately. As they scroll, they will encounter a clear breakdown of services offered, including the unique selling points of the "Business" package. The contact section will make it easy for potential clients to reach out without any hassle. The design's minimalist aesthetic will provide an elegant user experience, encouraging visitors to engage and convert into leads.