Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves designing a landing page for Cityscape Egypt, the largest real estate expo in the region. The primary purpose of the landing page is to effectively communicate event details, attract attendees, and encourage registrations through a clean, minimalist design that aligns with the brand guidelines.

## CORE FEATURES
1. **Hero Section**: A visually impactful hero area that includes the event name, date, and a strong call-to-action (CTA) button for registration.
2. **Event Highlights**: A section outlining key features of the expo, such as guest speakers, workshops, and networking opportunities, presented in a concise format.
3. **Testimonials**: A dedicated area for testimonials from past attendees to build credibility and excitement about the event.
4. **Registration Form**: A simple and accessible registration form that allows users to sign up easily for the event.
5. **Contact Information**: Clear contact details for inquiries, including a phone number and email address, ensuring potential attendees can easily reach out for more information.

## 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 structure will include a full-width hero section, followed by a grid layout for event highlights, a testimonial carousel, and a simple form section, concluding with the contact information.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Main Components**: Develop separate components for the Hero, Event Highlights, Testimonials, Registration Form, and Contact Section.
3. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist visual style, ensuring proper spacing, colors, and typography.
4. **Implement Hero Section**: Design the Hero section with a bold title, date, and a prominent registration button styled with the primary color.
5. **Highlight Event Features**: Create cards or columns for event highlights, ensuring they are visually distinct yet cohesive.
6. **Add Testimonials**: Implement a carousel or grid for testimonials, using italicized text for emphasis and ensuring readability.
7. **Build Registration Form**: Develop a user-friendly registration form with required fields and a submit button styled with the primary color.
8. **Contact Information**: Clearly display contact details in the footer or a dedicated section, ensuring accessibility and visibility.
9. **Responsive Design**: Ensure all components are responsive, testing across various screen sizes for optimal user experience.

## USER EXPERIENCE
The landing page will provide an intuitive user experience, with easy navigation and clear calls to action. Users will be greeted by an attractive hero section that captures their attention, followed by informative content that outlines the event's value. The registration process will be straightforward, with minimal fields to encourage sign-ups. Overall, the design will prioritize simplicity and clarity, guiding users seamlessly through the information presented.