Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to serve as a digital platform for the Quli Qutb Shah Urban Development Authority (QQSUDA). Its primary purpose is to provide users with accessible information about Hyderabad's heritage, including ongoing conservation projects, historical monuments, and tourist information. The application is structured to ensure a seamless user experience through an intuitive interface and engaging content.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with an engaging headline, a brief description of the QQSUDA mission, and a call-to-action button directing users to explore further.
2. **Featured Projects**: Highlight ongoing and completed projects with detailed descriptions, images, and progress indicators, allowing users to understand the impact of QQSUDA's work.
3. **Heritage Atlas**: An interactive map showcasing Hyderabad's heritage sites, enabling users to explore the city’s cultural landmarks and plan visits.
4. **News & Updates**: A section for the latest news, events, and updates related to QQSUDA, keeping users informed about heritage conservation efforts and community initiatives.
5. **Contact Form**: A user-friendly form that allows visitors to inquire about projects, partnerships, or any other questions they may have.

## 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 follow a grid structure with a responsive design that scales beautifully across devices. The main sections will be vertically stacked, ensuring a smooth scroll experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for rapid and efficient styling.
- **UI Components**: shadcn/ui for reusable component design.
- **State Management**: React's built-in Context API or Zustand for state management if necessary.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and shadcn/ui for styling components.
   - Ensure the Inter font is imported from Google Fonts.

2. **Create Application Structure**:
   - Organize the project into components, pages, and styles directories.
   - Set up a basic routing structure using React Router for navigation between pages.

3. **Develop Core Components**:
   - Create a **Hero** component for the landing section.
   - Develop a **FeaturedProjects** component to display ongoing and completed projects.
   - Implement an **InteractiveMap** component for the heritage atlas.
   - Build a **NewsSection** to showcase the latest updates.
   - Construct a **ContactForm** component for user inquiries.

4. **Implement Styling**:
   - Utilize Tailwind CSS classes to style each component according to the design specifications.
   - Ensure responsiveness and accessibility across all components.

5. **Integrate Functionality**:
   - Use React hooks for managing state and effects, especially for the interactive map and news updates.
   - Implement form validation and submission logic for the contact form.

6. **Testing and Optimization**:
   - Thoroughly test the application for usability, responsiveness, and performance.
   - Optimize images and code to enhance loading times and overall user experience.

7. **Deployment**:
   - Prepare the application for deployment on a static hosting service like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions will involve navigating through the homepage, exploring featured projects, utilizing the interactive heritage atlas to locate monuments, and staying updated with news via the dedicated section. The contact form will facilitate easy communication with QQSUDA. The overall user experience will be smooth and intuitive, ensuring users can easily access information and engage with the content provided.