rapid-rising

byDax Macodz
HOME PAGEABOUT USACCOMMODATION / ROOMSGALLERYCONTACT USFACILITIES AND SERVICES
HOME PAGE

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirements Document for rapid-rising

1. Introduction

1.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / PROJECT OVERVIEW

Create a premium, modern and visually impressive website for Lush Garden Hotel, located in Arusha, Tanzania.

The website should establish the hotel's online presence, showcase its accommodation, highlight its facilities and services, introduce its hospitality experience and provide visitors with contact information.

The website should communicate luxury, comfort, elegance and a natural botanical atmosphere.

Important: This is a hotel showcase website only. It does not require a backend, database, booking system or administrative dashboard.

If an existing project is provided, improve and refine it rather than rebuilding it from scratch.

Page 1 of 32

1.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / FINAL DEVELOPMENT INSTRUCTIONS

Build a complete, premium hotel website that represents the identity and hospitality standards of Lush Garden Hotel.

Prioritize:

  • Excellent UI/UX.

  • Premium visual presentation.

  • Elegant botanical branding.

  • High-quality accommodation photography.

  • Smooth scroll-triggered animations.

  • Excellent mobile responsiveness.

  • Clear presentation of room prices and facilities.

  • Fast loading and maintainable code.

FINAL OBJECTIVE: Deliver a sophisticated, responsive and visually engaging hotel website that makes visitors want to explore Lush Garden Hotel and contact the hotel directly.

2. System Overview

Page 2 of 32

2.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / HOTEL INFORMATION

  • Hotel Name: Lush Garden Hotel.

  • Location: Arusha, Tanzania.

  • Physical Address: Sakina kwa Idd, Nairobi Road, opposite Hass Petrol Station.

  • Total Accommodation Capacity: 100 rooms.

  • Room Categories: Standard, Deluxe, Triple, Family and Suites.

3. Functional Requirements

3.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE

Create the following pages and sections.

Page 3 of 32

3.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / A. HOME PAGE

Develop an attractive homepage containing:

  • Professional navigation bar with hotel logo.

  • Large photographic hero section.

  • Elegant welcome headline.

  • Short introduction to Lush Garden Hotel.

  • Explore Accommodation call-to-action.

  • Featured room categories.

  • Hotel facilities and services highlights.

  • About Us preview.

  • Photography gallery preview.

  • Contact information.

  • Professional footer.

Page 4 of 32

3.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / B. ABOUT US

Introduce the hotel through:

  • Hotel background and introduction.

  • Hospitality philosophy.

  • Mission and vision.

  • Commitment to guest comfort.

  • What makes Lush Garden Hotel unique.

Use elegant layouts and relevant hotel photography.

Page 5 of 32

3.4 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / C. ACCOMMODATION / ROOMS

This is one of the most important sections of the website.

Create a premium accommodation experience showcasing the five room categories.

Each room card must display:

  • High-quality room photograph.

  • Room category.

  • Professional description.

  • Price per night in TZS.

  • Available amenities.

  • Clean and elegant layout.

Use the following room categories and prices:

| Room Category | Price Per Night |

|---|---:|

| Standard | TZS 259,000 |

| Deluxe | TZS 285,000 |

| Triple | TZS 356,000 |

| Family | TZS 427,685 |

| Suites | TZS 380,000 |

Use spaces instead of commas when formatting prices.

Page 6 of 32

3.5 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / D. FACILITIES AND SERVICES

Create a dedicated section showcasing the hotel's facilities.

Accommodation amenities:

  • Air conditioning.

  • Hot water.

  • Private bathrooms.

  • Television.

  • Comfortable furniture.

  • External telephone.

  • Coffee stations.

  • Quality bed linens.

  • Mosquito nets.

Hotel services:

  • Multi-cuisine restaurant.

  • 24-hour front desk.

  • Free Wi-Fi.

  • Valet parking.

  • Room service.

  • Laundry services.

Page 7 of 32
  • Stable electricity.

Use professional icons, photographs and short descriptions.

Present the information in attractive cards or structured visual sections.

3.6 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / E. GALLERY

Create a visually engaging photography gallery showcasing:

  • Hotel exterior.

  • Standard rooms.

  • Deluxe rooms.

  • Triple rooms.

  • Family rooms.

  • Suites.

  • Restaurant and dining areas.

  • Hotel facilities.

  • Surrounding environment.

Include an interactive image lightbox that allows visitors to enlarge photographs.

Use smooth transitions when opening and closing images.

Page 8 of 32

3.7 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / F. CONTACT US

Create a professional contact page containing:

  • Hotel name.

  • Physical address.

  • Telephone number.

  • Email address.

  • WhatsApp contact button.

  • Google Maps location.

  • Social media links.

Hotel location:

Lush Garden Hotel

Sakina kwa Idd, Nairobi Road, opposite Hass Petrol Station, Arusha, Tanzania.

Use editable placeholders for telephone numbers, email addresses and social media accounts where actual details have not been provided.

Make contact links functional wherever actual contact information is available.

3.8 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / STRICT PROJECT LIMITATIONS

Visitors should contact the hotel directly through its provided communication channels.

Page 9 of 32

3.9 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / EXPECTED DELIVERABLES

Deliver:

  1. Complete hotel showcase website.

  2. Fully functional navigation.

  3. Responsive desktop, tablet and mobile layouts.

  4. All requested website pages and sections.

  5. Interactive image gallery.

  6. Functional contact links.

  • Project name: "rapid-rising".
  • Build scope progressed from the first page to generating all pages, enabling the team to build out the full contact and channel layouts.
  • Home page first section must use the uploaded image Lush_Garden.jpg as its background image.
  • Links must be functional; some links were reported as non-functional.
  • Free credits claimed: 0.036 for 3 design rewards; 0.01 for pushing the project from the first page to generating all pages; 0.003 for choosing "rapid-rising" as the project name and moving the build from the first page to generating all pages.
Page 10 of 32

4. User Personas

The site serves prospective guests of Lush Garden Hotel. Visitors pursue their own goals and contact the hotel directly through its provided communication channels; the site does not mediate bookings or enquiries on their behalf.

RoleResponsibilities and goalsInputsDecisionsObservable successAccess
Prospective guest (visitor)Learn about the hotel and its offering, then reach the hotel directly via its provided communication channelsHotel content and contact/channel details presented on the siteWhether and how to contact the hotelVisitor makes direct contact through a provided channelPublic site pages; no account or authenticated area established

No further human roles, permissions or persona counts are established by the available evidence. The site's own systems act only in support of the visitor's journey and are not human personas.

5. Core User Flows

Page 11 of 32

5.1 Explore the hotel from the home page

Actor: Visitor. Trigger: Visitor opens the site.

  1. The home page loads with the uploaded Lush_Garden.jpg as the background image of the first (hero) section.
  2. Visitor reads the welcome headline and short introduction to Lush Garden Hotel.
  3. Visitor scans featured room categories, facilities and services highlights, the About Us preview, the photography gallery preview and contact information.
  4. Visitor selects the Explore Accommodation call-to-action or a navigation bar link.

Result: Visitor reaches the requested page or section. Failure/recovery: All links are required to be functional; reported non-functional links are defects to be corrected. Continuation: Journey 2, 3, 4 or 5.

5.2 Browse accommodation and compare room categories

Actor: Visitor. Trigger: Visitor selects Explore Accommodation or the Accommodation/Rooms navigation link.

  1. The accommodation page presents the five room categories as premium room cards.
  2. Each card shows a high-quality room photograph, the room category, a professional description, the price per night in TZS and the available amenities.
  3. Visitor compares categories and prices across cards.

Result: Visitor identifies a preferred room category. Continuation: Journey 5 to contact the hotel directly; no booking is performed on the site.

Page 12 of 32

5.3 View photographs in the gallery

Actor: Visitor. Trigger: Visitor opens the Gallery page or the gallery preview on the home page.

  1. Visitor selects a photograph.
  2. The interactive lightbox enlarges the image with a smooth opening transition.
  3. Visitor closes the image with a smooth closing transition and may select another photograph.

Result: Visitor has viewed enlarged photographs and returns to the gallery. Continuation: Journey 1 or 5.

5.4 Review hotel information and facilities

Actor: Visitor. Trigger: Visitor selects About Us, Facilities/Services or Contact from the navigation bar.

  1. Visitor reads the hotel introduction, facilities and services highlights, and contact information.
  2. Visitor moves between pages using the navigation bar and footer.

Result: Visitor has the information needed to decide to make contact. Continuation: Journey 5.

Page 13 of 32

5.5 Contact the hotel directly

Actor: Visitor. Trigger: Visitor decides to enquire, using the contact information on the home page, the Contact page or the footer.

  1. Visitor selects a provided communication channel (functional contact link).
  2. The visitor's own channel (e.g. phone or email client) opens so the visitor can reach the hotel directly.

Result: Enquiry is directed to the hotel outside the website. Constraint: The site is a showcase only; visitors contact the hotel directly through its provided communication channels, and no on-site booking or enquiry submission is offered. Failure/recovery: If a contact link is non-functional, the visitor can use another listed channel; broken links are defects to be corrected.

5.6 View the site on any device

Actor: Visitor. Trigger: Visitor opens the site on desktop, tablet or mobile.

  1. The layout adapts responsively to the device.
  2. Navigation, room cards, gallery lightbox and contact links remain usable.

Result: Visitor completes any of Journeys 1–5 on the current device.

Default (not specified in evidence): Exact breakpoints and the specific communication channels listed are implementation defaults to be confirmed; the requirement that layouts be responsive on desktop, tablet and mobile and that contact links be functional is fixed.

Page 14 of 32

6. Visuals Colors and Theme

[Design proposal; unspecified choices are defaults.]

Muse: Yves Béhar — “Humane technology for a botanical hotel.”

Lush Garden Hotel is a premium, modern showcase for guests seeking comfort, elegance and a natural stay in Arusha, Tanzania. The uploaded Lush_Garden.jpg is the home page’s full-width first-screen background; it is not replaced by another image or a gradient. A forest-green tint behind the hero copy keeps the hotel visible across the frame while white text stays legible.

Visual tokens

  • Background: #F4F0E7 warm oat.
  • Surface and navigation: #FFFCF6 warm white.
  • Text: #26352C deep botanical charcoal.
  • Headings and controls: #315A3D forest green.
  • Price markers and small accents: #B86E4B terracotta.
  • Muted copy and metadata: #817C6E warm grey.
  • Headings: DM Serif Display, weight 500, calm sentence case, tight leading.
  • Body and controls: Work Sans.
  • Type scale: 1.25 ratio; hero title 48px on mobile to 88px on desktop, supporting sizes 32px, 26px, 20px and 16px.
  • Shape language: soft human-scale curves, quiet borders and warm material surfaces; no glass panels, excessive gradients, blue-indigo accents or generic repeated lift-card patterns.
  • Spacing: airy editorial margins, generous section spacing, large photographic compositions.
Page 15 of 32

Use the existing logo and available natural-light hotel photography. Room panels are warm white, room headings forest green, prices marked with restrained terracotta. Headlines, wordmarks, labels, numbers, card text and controls stay whole inside their containers at 375px, 768px and 1280px, wrapping or scaling (for example clamp(...)) rather than being cropped, covered or clipped. The site is fully responsive across desktop, tablet and mobile with accessible colour contrast, descriptive image alt text, functional mobile navigation and no horizontal scrolling.

The home hero places a slim warm-white navigation bar above the uploaded photograph, with logo and links fully visible on mobile, and a left-aligned serif title with the accepted contact link over the image. Editorial sections present the five room categories—Standard, Deluxe, Triple, Family and Suites—with their verified descriptions, amenities and TZS prices only; missing content is not invented.

Page 16 of 32

6.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / DESIGN DIRECTION AND VISUAL IDENTITY / Visual direction

  • Luxury botanical aesthetic.

  • Natural forest green, white, beige and warm neutral colours.

  • Elegant typography with strong visual hierarchy.

  • High-quality hotel and room photography.

  • Large editorial-style photographs.

  • Clean layouts with generous spacing.

  • Beautifully designed room cards.

  • Subtle motion design and smooth transitions.

  • Consistent branding across all pages.

The website should feel premium, modern and professionally designed.

Avoid generic AI-generated templates, overcrowded layouts, excessive gradients and unnecessary decorative elements.

Use the hotel's existing logo and available photographs where provided.

6.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / A. HOME PAGE

The hero section should create a strong first impression through excellent photography, typography and carefully designed visual composition.

Page 17 of 32

6.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / RESPONSIVE DESIGN / Desktop

  • Professional navigation.

  • Balanced multi-column layouts.

  • Large photographic sections.

  • Properly aligned room cards.

  • Elegant spacing and typography.

6.4 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / RESPONSIVE DESIGN / Tablet

  • Adjust column layouts appropriately.

  • Maintain readable text.

  • Prevent image distortion.

  • Ensure navigation remains accessible.

Page 18 of 32

7. Signature Design Concept

[Design proposal; unspecified choices are defaults.]

Signature design concept: Lush Garden Hotel — an editorial botanical retreat.

rapid-rising is a complete, frontend-only showcase for Lush Garden Hotel in Arusha, Tanzania, communicating luxury, comfort, elegance and a natural botanical atmosphere without becoming a generic template. The accepted experience covers the homepage, About Us, accommodation, facilities and services, gallery, and contact presentation with functional navigation and contact channels. It has no backend, database, booking system or administrative dashboard.

The public entry is one composed hospitality moment: the hotel stays visible across the Lush_Garden.jpg frame while a dark forest-green text field supports a calm left-aligned title, and a warm-white navigation strip anchors the page. This recomposes accepted content and the supplied hero image rather than adding a new destination or behaviour, then leads visitors into existing sections through clear functional links.

Large editorial photographs and clean, generous layouts carry the identity. About Us organizes the supplied hotel background, hospitality philosophy, mission and vision, commitment to guest comfort, and what makes Lush Garden Hotel unique. Accommodation is a major focal point: the five fixed categories, each with a high-quality photograph, professional description, available amenities and verified price per night in TZS. Hotel information includes 100 total rooms and the physical address Sakina kwa Idd, Nairobi Road, opposite Hass Petrol Station.

Page 19 of 32

Facilities and services present only the supplied offerings—valet parking, room service, laundry services and stable electricity—with professional icons, photography and short descriptions. The gallery showcases the hotel exterior, Standard, Deluxe, Triple, Family and Suite rooms, restaurant and dining areas, facilities and surrounding environment, with an interactive lightbox that enlarges photographs using smooth open and close transitions. The contact experience exposes verified hotel information and functional communication channels; links reported as non-functional are corrected, and no unprovided contact details are fabricated.

Use semantic, reusable HTML5/CSS3 with lightweight JavaScript only where needed. CSS transitions, keyframes and Intersection Observer may drive motion, and content remains visible if JavaScript fails. Optimize performance, SEO, accessibility and mobile behaviour, test every interactive element, and preserve existing hotel information and branding.

7.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / DESIGN DIRECTION AND VISUAL IDENTITY

Create a sophisticated hotel website inspired by premium boutique hotels and luxury resorts.

8. Interaction Model & Motion Direction

[Design proposal; unspecified choices are defaults.]

Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: layered_2d

Page 20 of 32

8.1 Landing Hero Motion Brief

Focal subject: the hotel and its botanical setting in the uploaded Lush_Garden.jpg, spanning the first screen with a forest-green readability tint supporting the copy.

Input → transformation → outcome thesis: as visitors enter and use the functional navigation or contact link, the still hotel photograph remains the visual anchor; restrained opacity and upward-reveal transitions establish the title and controls without obscuring them, leading visitors toward the accepted hotel information, rooms, facilities, gallery and contact content.

Motion vocabulary: subtle fades, gentle upward reveals, smooth page and navigation transitions, contained image zoom on desktop room-card hover, and staggered card timing. No bouncing, spinning, excessive effects or repeated unnecessary animation; the hero stays composed and immersive.

First frame: a slim warm-white navigation bar sits above the full-width Lush_Garden.jpg; logo and links are fully visible, while a left-aligned 48–88px DM Serif Display title and the accepted contact link sit over a dark green text-support area. No readable text or control is cropped, covered or pushed beyond the viewport.

Room-card sequence: when room cards enter the viewport, each photograph fades in while moving gently upward with a subtle scale reveal. The room name follows shortly after; description, amenities and verified TZS price appear with slight delays. Cards animate independently with a consistent stagger, never all at once. On desktop, room photographs receive a contained, subtle hover zoom. Images keep consistent proportions and never overflow their containers, and text stays readable throughout.

Page 21 of 32

Gallery and navigation: lightbox opening and closing use smooth opacity and scale transitions; navigation and section movement remain elegant and direct. Use CSS transitions/keyframes and Intersection Observer where appropriate, avoid layout shifts, and keep content visible without JavaScript.

Reduced-motion state: under prefers-reduced-motion: reduce, the hero, cards and gallery present a usable static arrangement with no movement or scale animation; readable content, functional links, lightbox operation and clear focus states remain. All motion stays performant on mobile and never impairs scrolling.

Page 22 of 32

8.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / WEBSITE STRUCTURE / ROOM SECTION — ADVANCED SCROLL ANIMATIONS

Implement elegant scroll-triggered animations to make exploring the accommodation section more engaging.

When visitors scroll down to the room cards, the images and descriptions should gradually appear with coordinated animations.

Image animations:

  • Room photographs should reveal themselves through a smooth fade-in and upward movement.

  • Apply a subtle scale animation as images enter the viewport.

  • Use a clean image-reveal effect without excessive movement.

  • Keep image proportions consistent.

Text animations:

  • Room names should appear shortly after their photographs.

  • Descriptions should fade in and move gently upward.

  • Amenities and prices should appear with a slight delay.

  • Ensure the text remains readable throughout the animation.

Staggered animation:

  • Animate each room card independently.

  • Introduce small delays between consecutive cards.

  • Avoid displaying every card simultaneously.

Page 23 of 32
  • Maintain a consistent animation rhythm.

Hover interactions:

  • Apply a subtle zoom effect to room photographs when hovered over on desktop.

  • Use smooth transitions.

  • Prevent images from overflowing their containers.

  • Keep room cards visually consistent.

Animations should feel elegant and natural, similar to premium hospitality websites.

Do not use excessive bouncing, spinning or distracting effects.

Page 24 of 32

8.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / MOTION DESIGN AND INTERACTIONS

Introduce subtle motion design throughout the website.

Include:

  • Scroll-triggered section reveals.

  • Smooth page navigation.

  • Fade and slide transitions.

  • Image hover zoom.

  • Staggered card animations.

  • Subtle button hover effects.

  • Smooth gallery interactions.

  • Elegant navigation transitions.

Use animations strategically rather than animating every element.

8.4 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / EXPECTED DELIVERABLES

  1. Scroll-triggered room animations.

9. Non-Functional Requirements

9.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / RESPONSIVE DESIGN

The entire website must be fully responsive across desktop computers, tablets and mobile phones.

Page 25 of 32

9.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / RESPONSIVE DESIGN / Mobile

  • Single-column room layouts where appropriate.

  • Properly sized photographs.

  • Readable descriptions and prices.

  • Functional mobile navigation.

  • Comfortable spacing between sections.

  • Appropriately sized buttons.

  • No overlapping elements or horizontal scrolling.

All animations must work smoothly on mobile devices without affecting scrolling performance.

9.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / TECHNICAL REQUIREMENTS / Code quality

  • Organize files properly.

  • Use reusable components where appropriate.

  • Maintain clean and readable code.

  • Optimize images.

  • Implement basic SEO.

  • Use semantic HTML.

  • Ensure accessible navigation.

  • Test all interactive elements.

Page 26 of 32

9.4 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / STRICT PROJECT LIMITATIONS

Keep the implementation lightweight and easy to maintain.

9.5 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / PERFORMANCE AND SEO

Optimize the website for:

  • Fast page loading.

  • Responsive image delivery.

  • Mobile performance.

Avoid unnecessary scripts and oversized assets.

  • Search engine visibility.

  • Proper page titles and meta descriptions.

  • Clean navigation structure.

  • Accessible colour contrast.

  • Descriptive image alt text.

10. Tech Stack

Page 27 of 32

10.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / MOTION DESIGN AND INTERACTIONS / Technical animation requirements

Use CSS transitions, CSS keyframes and JavaScript Intersection Observer where appropriate.

Ensure:

  • Animations are triggered when elements enter the viewport.

  • Elements do not repeatedly animate unnecessarily.

  • Content remains visible if JavaScript fails.

  • Reduced-motion preferences are respected.

  • Animations do not cause layout shifts.

  • Performance remains smooth on mobile devices.

Avoid unnecessary animation libraries.

10.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / TECHNICAL REQUIREMENTS

Build the website using frontend technologies only.

Required technologies:

  • HTML5.

  • CSS3.

  • JavaScript.

  • Bootstrap 5 (optional).

Page 28 of 32

10.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / EXPECTED DELIVERABLES

  1. Organized HTML, CSS and JavaScript source files.

  2. Optimized website images and assets.

  3. Instructions for running locally.

  4. Instructions for deployment using free static hosting.

11. Assumptions and Constraints

11.1 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / HOTEL INFORMATION

Use the following verified project information:

Do not invent awards, certifications, facilities or services that have not been provided.

Page 29 of 32

11.2 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / TECHNICAL REQUIREMENTS

Do not use:

  • Python.

  • Flask.

  • PHP.

  • MySQL.

  • Backend APIs.

  • Database integrations.

  • Server-side frameworks.

11.3 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / TECHNICAL REQUIREMENTS / Code quality

The website must operate as a static frontend application and should not require a backend server.

Page 30 of 32

11.4 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / STRICT PROJECT LIMITATIONS

Do not implement:

  • Online reservations or booking systems.

  • Room availability checking.

  • Online payments.

  • Customer registration or login.

  • User authentication.

  • Administrative dashboards.

  • Database integration.

  • Hotel management systems.

11.5 LUSH GARDEN HOTEL — COMPLETE WEBSITE DEVELOPMENT PROMPT / FINAL DEVELOPMENT INSTRUCTIONS

Do not create a generic website template.

Do not remove existing hotel information or change the established branding.

If working on an existing website, preserve its current structure and content while implementing the improvements.

Page 31 of 32

12. Glossary

  • Lush Garden Hotel: The hotel website’s subject, located in Arusha, Tanzania.
  • Physical address: Sakina kwa Idd, Nairobi Road, opposite Hass Petrol Station, Arusha, Tanzania.
  • Accommodation capacity: The hotel’s total capacity of 100 rooms.
  • Room categories: Standard, Deluxe, Triple, Family, and Suites.
  • Price per night: The listed nightly room rate, formatted with spaces instead of commas:
    • Standard — TZS 259 000
    • Deluxe — TZS 285 000
    • Triple — TZS 356 000
    • Family — TZS 427 685
    • Suites — TZS 380 000
  • Accommodation amenities: Air conditioning, hot water, private bathrooms, television, comfortable furniture, external telephone, coffee stations, quality bed linens, and mosquito nets.
  • Hotel services: Multi-cuisine restaurant, 24-hour front desk, and free Wi-Fi.
  • Contact channels: The hotel’s telephone number, email address, WhatsApp contact button, Google Maps location, and social media links.
Page 32 of 32
Live
HOME PAGE design preview
Representative checks the hotel's published contact information
A guest contacts the hotel through a listed channel
Guest asks about room categories or rates
Guest asks about facilities or services
Representative resolves the enquiry
Representative resolves the enquiry
Enquiry needs a different channel
Guest redirected and enquiry handled
HOME PAGE: Review published hotel details
CONTACT US: Verify contact channels
CONTACT US: Receive guest enquiry
CONTACT US: Answer room questions
CONTACT US: Answer facility questions
CONTACT US: Direct guest to alternate channel
HOME PAGE: Confirm published information accurate
Live
HOME PAGE design preview
Representative checks the hotel's published contact information
A guest contacts the hotel through a listed channel
Guest asks about room categories or rates
Guest asks about facilities or services
Representative resolves the enquiry
Representative resolves the enquiry
Enquiry needs a different channel
Guest redirected and enquiry handled
HOME PAGE: Review published hotel details
CONTACT US: Verify contact channels
CONTACT US: Receive guest enquiry
CONTACT US: Answer room questions
CONTACT US: Answer facility questions
CONTACT US: Direct guest to alternate channel
HOME PAGE: Confirm published information accurate