Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for the city of Sulaymaniah, designed to showcase its attractions and history through engaging animations and a modern aesthetic. The website will feature a hero section, an about us section, a history section, and a tourist location section, all aimed at providing visitors with a visually appealing and informative experience.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with animations that capture the essence of Sulaymaniah, including a welcome message and a call-to-action button.
2. **About Us Section**: A brief overview of Sulaymaniah, highlighting its culture and community, presented in a clean and engaging format.
3. **History Section**: A timeline or narrative that details the rich history of Sulaymaniah, using visuals to enhance storytelling.
4. **Tourist Location Section**: A showcase of popular tourist attractions, complete with images, descriptions, and links to more information.
5. **Responsive Design**: The website will be fully responsive, ensuring a seamless experience across all devices.
6. **Contact Information**: A simple contact section for inquiries, including a form to facilitate communication.

## 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 consist of a single-page scrolling design, with sections stacked vertically. Each section will have distinct backgrounds and padding to create a clear visual hierarchy.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop individual components for the hero, about us, history, and tourist location sections, utilizing the specified typography and color scheme.
3. **Implement Animations**: Use CSS animations or a library (such as Framer Motion) to add engaging animations to the hero section and other interactive elements.
4. **Design Layout**: Structure the layout using Tailwind CSS utilities to ensure a responsive design that looks good on both mobile and desktop.
5. **Add Content**: Populate each section with relevant content, including text, images, and links that reflect the city of Sulaymaniah.
6. **Test and Optimize**: Conduct thorough testing across various devices and browsers to ensure compatibility and optimize for performance.

## USER EXPERIENCE
The user will be greeted with an animated hero section that captures attention immediately. As they scroll down, they will encounter each section in a logical flow, with smooth transitions and engaging visuals. The design will focus on readability and clarity, allowing users to easily navigate through the history and attractions of Sulaymaniah. The contact section will provide a straightforward way for visitors to reach out, enhancing interaction and engagement. 

This landing page will effectively promote the city of Sulaymaniah, encouraging tourism and interest through its modern, animated design and user-friendly interface.