Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a modern, clean, and conversion-focused travel marketplace platform. It facilitates the registration of tourist agencies, allowing them to publish and promote travel offers. Users can browse and filter offers without needing to create an account, making it accessible and user-friendly.

## CORE FEATURES
1. **Homepage**: A welcoming hero section with a search function for destinations, dates, and types, showcasing featured offers and popular destinations, along with a trust/benefits section and a call-to-action for agencies.
2. **Offers Listing**: A dedicated page where users can filter offers by destination, price, duration, and category, featuring a grid of offer cards with sorting options.
3. **Offer Details**: A detailed view of individual offers, including an image gallery, key information (like duration and prices), a description, included features, and a sticky inquiry form for easy contact.
4. **Agencies Listing**: A page displaying agency cards that include logos, names, ratings, and the number of offers available.
5. **Agency Profile**: A profile page for each agency, featuring their logo, description, and a list of their offers.
6. **Dashboard for Agencies and Admin**: A sidebar layout for agencies to manage offers and view stats, along with an admin dashboard for approval processes and moderation.

## DESIGN SPECIFICATIONS
- **Visual Style**: neumorphism design
- ** Colors: **: #1D402D, #FFF9EC, #A85527,#E4A030
- **Layout**: The layout will consist of a structured homepage with sections for hero, offers, and agencies, followed by separate pages for offer listings, details, agency information, and dashboards. Each page will maintain a clear hierarchy and navigation flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but consider using React Context or Redux if needed for state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui for styling components.
2. **Create Core Pages**: Develop the main pages (Homepage, Offers Listing, Offer Details, Agencies Listing, Agency Profile) with their respective components.
3. **Design Components**: Build reusable components like Navbar, Footer, Offer Card, Agency Card, Filter Sidebar, and Buttons using Tailwind CSS for styling.
4. **Implement State Management**: If necessary, integrate state management to handle user inquiries and agency offers.
5. **Responsive Design**: Ensure that the layout is mobile-responsive and that all components adapt well to different screen sizes.
6. **Testing**: Conduct thorough testing for user interactions and flows to ensure a smooth user experience.

## USER EXPERIENCE
Users will initially interact with the homepage, utilizing the search functionality to find travel offers. They can easily navigate through the offers listing with filters, view details of selected offers, and inquire about them without creating an account. Agencies will have a dedicated dashboard to manage their offers and track inquiries. The overall experience will focus on simplicity, strong calls-to-action, and a warm yet professional aesthetic to build trust and encourage conversions.