Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Hotel Nour Plazza
3,8
(319)·Hôtel

Présentation

Prix

Avis

À propos


Itinéraires


Enregistrer


À proximité


Partager

Vérifier la disponibilité
 
Comparer les prix
Annulation gratuite uniquement

Arrivée/Départ
dim. 26 juil.


lun. 27 juil.



2

 
Toutes les options

Bluepillow.com
973 MAD


Agoda
1.150 MAD

Voir les chambres 

Plus de prix à partir de 1.150 MAD
 
 


19,Avenue Allal Ben Abdellah V.N, Fès 30000



nourplazza.com





05 35 93 27 56





2XJV+WG Fès





Heure d'arrivée : 14:00
Heure de départ : 12:00


Votre historique Google Maps

Ajouter un libellé
 


Suggérer une modification
 
Aperçu des environs
Quartier : Ville Nouvelle
3,2
Lieu bien situé pour les visiteurs


D'après les activités touristiques, divertissements et transports disponibles à proximité


À faire


Transports en commun


Aéroports
Nouvelles photos ajoutées par des visiteurs

Four stars 🌟 hotel with service of five stars 🌟 hotel
il y a 2 ans
 
Photos et vidéos

Tout

Les plus récentes
il y a 11 jours

Vidéos

Chambres

Extérieur

Équipements

Plats et boissons

Photos des visiteurs

Photos du propriétaire
 


Ajouter des photos/vidéos
 
Hôtels similaires à proximité
882 MAD
Royal Mirage Hotel Fes
4,0(2 207)
petit-déjeuner inclus
À 0,5 km
633 MAD
Hôtel Volubilis
3,5(1 677)
À 0,4 km
929 MAD
Riad Dar Ziryab رياض دار زرياب
4,1(195)
À 0,4 km
843 MAD
Ramada by Wyndham Fes
3,7(798)
petit-déjeuner inclus
À 0,7 km
947 MAD
Hôtel L'Escale
4,1(647)
À 0,6 km
735 MAD
Hotel Atlas saiss Fès فندق أطلس سايس
4,0(317)
À 1,1 km
907 MAD
Across Hôtels & Spa
4,1(338)
À 1,3 km
905 MAD
Riad Raouia
4,5(105)
petit-déjeuner inclus
À 1,5 km

Riad Mimosa
4,0(154)
petit-déjeuner inclus
À 1,2 km
 

Afficher d'autres hôtels à proximité
 
Informations sur l'hôtel

Wi-Fi gratuit

Petit déjeuner payant

Parking gratuit

Accès handicapés

Piscine extérieure

Climatisation
 


Afficher plus d'équipements
 
Résumé des avis Google

5	
4	
3	
2	
1	
3,8

319 avis
 


Rédiger un avis
 
Tous les avis



Tripadvisor
3,9/5
·
43 avis
242nabilf, il y a 2 ans
"Je suis venu dîner avec ma femme dans votre établissement récemment et je dois dire que j'ai été déçu par mon expérience. Le service était très lent…
Afficher plus sur Tripadvisor
## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a captivating image of the hotel, a brief welcome message, and a prominent call-to-action button for booking.
2. **Room Listings**: A showcase of different room types available for booking, with images, descriptions, and pricing information.
3. **Amenities Section**: Highlight the key amenities provided by the hotel, such as a pool, gym, free Wi-Fi, and dining options.
4. **Testimonials**: A section featuring customer reviews and ratings to build trust and credibility.
5. **Contact Information**: A user-friendly contact form and details for inquiries, including phone number and email.
6. **Location Map**: An embedded map showing the hotel’s location, along with directions and nearby attractions.

## 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 top navigation bar, hero section, followed by the room listings, amenities, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, as it will be mostly static content.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Implement the main layout with a responsive navigation bar at the top, followed by the hero section, room listings, amenities, testimonials, and footer.
4. **Design Hero Section**: Add a background image, welcome text, and a booking button styled with the primary color.
5. **Build Room Listings**: Create a component to display room types dynamically, including images, descriptions, and pricing.
6. **Add Amenities and Testimonials**: Design sections for amenities and testimonials using cards to maintain the minimalist aesthetic.
7. **Implement Contact Form**: Develop a simple contact form that captures user inquiries.
8. **Embed Map**: Integrate a map component using a service like Google Maps to show the hotel’s location.
9. **Test Responsiveness**: Ensure that the landing page is responsive across different devices and screen sizes.
10. **Deploy the Application**: Use a hosting service like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will experience a seamless journey from landing on the page to making a booking. The intuitive navigation and clear sections will guide them through the hotel offerings, while the minimalist design ensures that the focus remains on the content. Interactions such as clicking on room details or the booking button will provide immediate feedback, enhancing the overall user experience.