Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails the creation of a beautiful, high-converting landing page for a dental clinic, aimed at establishing a strong brand presence in the GCC countries, including UAE, Oman, Saudi Arabia, Qatar, Kuwait, and Bahrain. The landing page will effectively showcase the clinic's services, drive engagement, and convert visitors into clients by offering a comprehensive package that includes Google My Business ranking, video editing, scripting, social media management, and advertising services.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section featuring a compelling tagline, a brief description of services, and a prominent call-to-action button to drive conversions.
2. **Service Offerings**: Detailed sections highlighting the various services included in the package, such as GMB ranking, video editing, and social media advertising, with icons and brief descriptions for clarity.
3. **Testimonials**: A dedicated section for client testimonials to build trust and credibility, featuring quotes from satisfied customers and their names or titles.
4. **Contact Form**: An easy-to-use contact form for inquiries, equipped with fields for name, email, phone number, and a message box to facilitate direct communication.
5. **Call-to-Action**: Strategically placed call-to-action buttons throughout the page to encourage visitors to schedule a consultation or learn more about the services offered.
6. **FAQ Section**: A section addressing common questions potential clients may have, providing clarity and reducing barriers to conversion.

## 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 main layout will follow a single-page structure, with vertical sections for the hero, services, testimonials, and contact form, ensuring a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page, but could incorporate local state management for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop a `Hero` component with a background image, title, subtitle, and call-to-action button.
   - Create a `Services` component to outline the service offerings with icons.
   - Implement a `Testimonials` component to display client quotes.
   - Build a `ContactForm` component for inquiries.
   - Add a `FAQ` component for common questions.
4. **Styling**: Use Tailwind CSS classes to apply the minimalist design, ensuring proper spacing and alignment.
5. **Responsive Design**: Ensure all components are responsive and adapt well to different screen sizes.
6. **Testing**: Test the landing page across various devices and browsers to ensure compatibility and performance.

## USER EXPERIENCE
The landing page will provide an intuitive user experience with a straightforward flow. Users will first encounter the engaging hero section that captures their attention, followed by a clear presentation of services. As they scroll down, they will see testimonials that build trust, a contact form for easy inquiries, and a FAQ section that addresses their concerns. The design will ensure that all interactive elements are easily accessible, with a focus on conversion through strategically placed calls-to-action.