Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a premium real estate website for "MHG Properties," a Manchester-based agency. The website aims to provide an ultra-premium, luxury feel, showcasing residential and commercial properties while emphasizing user experience and conversion.

## CORE FEATURES
1. **Navigation**: Sticky header with logo, tagline, and navigation links including a prominent "Book Valuation" CTA button.
2. **Hero Section**: Full-screen cityscape background with compelling headings and dual CTAs for property viewing and valuation.
3. **Property Listings**: Grid layout displaying featured properties with essential details and filters for easy navigation.
4. **Statistics Counter**: Animated counters showcasing achievements in property sales and client satisfaction.
5. **Services Section**: Cards representing various services offered, each with an icon and brief description.
6. **Testimonials**: Carousel of client testimonials to build trust and credibility.

## 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**: Full-width sections with generous white space, cinematic feel, and a clean grid layout for property listings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but consider using React's Context API or Redux if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Create a folder structure as described, organizing frontend components, pages, assets, and styles.
2. **Develop Navigation**: Implement a responsive navigation bar with sticky behavior and a CTA button.
3. **Create Hero Section**: Develop the hero section with a background image, text, and animated search bar.
4. **Build Property Listings**: Design the property listings section with a grid layout and filtering options.
5. **Implement Stats Counter**: Code the statistics counter section with animations.
6. **Design Services and Testimonials**: Create service cards and a testimonials section with a carousel for responsiveness.
7. **Develop Blog Section**: Implement a section for recent blog articles with links to read more.
8. **Create CTA Banner and Footer**: Finalize the CTA banner and footer with social media links and contact information.
9. **Ensure Responsiveness**: Use Tailwind CSS to make the application fully responsive across devices.
10. **Testing**: Test all functionalities and ensure smooth loading and performance.

## USER EXPERIENCE
Users will engage with a visually appealing interface that emphasizes ease of navigation. The sticky navigation bar allows for quick access to different sections, while the hero area captures attention with its cinematic quality. Property searches are streamlined through an intuitive animated search bar, and testimonials enhance credibility. The overall design encourages exploration and interaction, guiding users towards booking valuations and viewing properties. 

This structure will ensure a comprehensive, functional, and visually striking landing page that aligns with MHG Properties' branding and market positioning.