Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for "Stay On Travel," a DMC (Destination Management Company) that will showcase travel services in Portuguese, Italian, English, and French. The primary purpose is to engage visitors, highlight services, and encourage inquiries, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: Eye-catching introduction with a brief tagline and a strong call-to-action (CTA) button for inquiries or bookings.
2. **Services Overview**: A section detailing key travel services offered, presented with icons and brief descriptions.
3. **Testimonials**: A section featuring customer reviews to build trust and credibility among potential clients.
4. **Contact Form**: An easy-to-use form allowing users to submit inquiries directly from the landing page.
5. **Multi-language Support**: Options to switch between Portuguese, Italian, English, and French for accessibility.
6. **Newsletter Signup**: A simple form for users to subscribe for updates and travel tips.

## 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 be a single-page scroll design, with sections stacked vertically. The hero section will be at the top, followed by services, testimonials, contact form, and newsletter signup, ensuring smooth navigation and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing multi-language state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Structure the landing page layout with sections for the hero, services, testimonials, contact form, and newsletter signup using Tailwind CSS for styling.
3. **Implement Hero Section**: Add a compelling headline, subheadline, and CTA button styled with the primary color and typography.
4. **Develop Services Overview**: Create a grid layout for services using cards that include icons and descriptions, ensuring responsive design.
5. **Add Testimonials Section**: Implement a carousel or grid to showcase testimonials, ensuring it’s visually appealing and easy to read.
6. **Build Contact Form**: Create a form with fields for name, email, message, and a submit button styled according to design specifications.
7. **Integrate Multi-language Support**: Use React Context API to manage language state and implement a language switcher.
8. **Newsletter Signup**: Add a simple form for newsletter signup and ensure it integrates with a mailing list service (e.g., Mailchimp).
9. **Test Responsiveness**: Ensure the landing page is fully responsive across devices using Tailwind's responsive classes.
10. **Deploy**: Deploy the completed landing page using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately captures their attention. They can easily scroll down to explore services, read testimonials, and fill out the contact form. The multi-language feature allows users to switch languages seamlessly, enhancing accessibility. The overall experience is designed to be intuitive, encouraging users to engage and inquire about travel services with minimal effort.