Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page dedicated to promoting "Cinematic Tourism" in Taiwan. Its primary purpose is to attract tourists by showcasing various cinematic locations and experiences in Taiwan, featuring stunning visuals and compelling narratives that encourage visitors to explore the destinations highlighted in films.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a stunning background image of a cinematic location in Taiwan, accompanied by a catchy tagline and a call-to-action button encouraging visitors to explore more.
2. **Featured Destinations**: A section highlighting key cinematic locations in Taiwan, with images, brief descriptions, and links to detailed pages or sections about the experiences.
3. **Testimonials**: A section featuring quotes and reviews from past visitors who have experienced the cinematic locations, enhancing credibility and allure.
4. **Upcoming Events**: Information about upcoming film festivals or tourism events in Taiwan that celebrate cinematic culture.
5. **Contact Form**: A simple contact form for inquiries, allowing potential tourists to reach out for more information or assistance.

## 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**: A single-page layout with sections stacked vertically, including a hero section, followed by featured destinations, testimonials, upcoming events, and a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for a landing page, but context can be utilized if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a custom setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, destination cards, testimonials, and contact form.
4. **Implement Navigation**: Create a simple top navigation bar that links to different sections of the page.
5. **Design Sections**: Style each section according to the design specifications, ensuring responsive design principles are followed.
6. **Add Interactivity**: Implement any necessary interactive elements, such as smooth scrolling to sections and contact form handling.

## USER EXPERIENCE
Key user interactions include an engaging experience that draws users into the cinematic narrative through visually appealing elements. Visitors can easily navigate through the sections, view cinematic destinations, read testimonials, and reach out via a simple contact form. The design is responsive, ensuring a seamless experience across different devices, encouraging exploration and eventual conversion into tourism inquiries.