Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a personal travel website designed as a landing page to showcase the user's travel experiences around the world. The main purpose is to impress visitors with a clean and minimalist design that highlights stunning photos, videos, and descriptions of various locations and activities, ultimately inspiring envy and wanderlust.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a beautiful background image or video of a travel destination, accompanied by a welcoming message and a call-to-action (CTA) button to explore more.
2. **Photo Gallery**: A grid layout displaying a selection of high-quality images from different travels, allowing users to click for larger views and descriptions.
3. **Video Showcase**: An embedded video section where users can view travel vlogs or highlights of trips, enhancing engagement with dynamic content.
4. **Travel Stories**: Sections dedicated to written narratives or blog-style posts describing experiences at various locations, providing context to the visuals and enriching the user experience.
5. **Contact Information**: A simple contact form allowing visitors to reach out for inquiries, collaborations, or sharing travel tips.
6. **Responsive Design**: Ensuring the website is fully responsive across devices, providing an optimal viewing experience on desktops, tablets, and mobile phones.

## 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-column layout with a fixed header, followed by a hero section, photo gallery, video showcase, travel stories, and a contact form at the bottom. Each section is clearly defined with ample white space.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for the landing page but can utilize React's built-in state management if necessary for specific interactive components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Global Styles**: Set up Tailwind CSS configuration for global styles and ensure that Inter font is imported.
4. **Build the Hero Section**: Create a full-width hero section component with a background image and text overlay. Include a CTA button.
5. **Develop Photo Gallery**: Implement a grid component to display images, allowing for modal pop-ups to view larger versions.
6. **Embed Video Section**: Add a video player component to showcase travel videos.
7. **Write Travel Stories**: Create a section for blog-like entries that can be dynamically generated or hard-coded for simplicity.
8. **Contact Form**: Develop a simple contact form component with fields for name, email, and message.
9. **Ensure Responsiveness**: Test the layout across different devices and adjust styles as necessary for optimal viewing.
10. **Deploy the Website**: Choose a hosting platform to deploy the finished website, ensuring all assets are correctly linked.

## USER EXPERIENCE
Users will be greeted with an inviting hero section that captures their attention immediately. Scrolling down will reveal a visually appealing photo gallery and engaging videos that invite exploration. Users can read through travel stories for a deeper connection to the experiences shared and easily reach out through the contact form. The minimalist design and responsive layout ensure that the website is user-friendly and visually striking, making it enjoyable to navigate.