Singapore Landing Page & Admin Adjustment

Document Feature

Title

Singapore Landing Page & Admin Adjustment

Description / Background

Currently, our product can use within Thailand (both as partner + client) so if we would like to expand to another country we don’t have anything to set up to specific country. We need to be ready to onboard Singaporean Partners and Users.

Objectives

• All Singaporean user will redirect to new landing page
• You can find singapore on dropdown city list
• On partner app and Owner dashhboard it will show EN as default language
• The default language for singaporean user from web is using personalized based on the browser language
• On app we can add pop up to choose default language
• For singaporean user package its only available for Dine in(AYCE and PP) and Xperience
• We add new currency SGD(S$) In Booking step and confirmation, stylize Singapore currency as S$xxx (Other than this, we stylize Singapore currency as $ only)
• Admin can change currency on package type to SGD
• If user sign up from Singaporean Landing Page it will force display singapore city everytime they use our platform
• If user sign up from Thai Landing Page it will force display thai city everytime they use our platform
• Have new districts, Popular zone, Public transport cuisine type, and pricing tier
• We can choose SG time zone on sign up, restaurant page and package page
• New opening hour fotmat for singaporean restaurant
• All singapore user can see promo or deals for Singapore only
• For singaporean user will receive notification via email, sms and WhatsApp Business
• Can see this section:
  1. Trending outlets
  2. Top cuisines
  3. Near me outlets (if location service is turned on)
  4. Book Again outlets (if the user has past bookings)
  5. Gift Card banner
• Hide the what’s on your budget section
• Hide 6 home icon section
• Hide the new restaurants
• About reward first review, we can show it along with we prepare the reward for singapore
• Admin can sellect country on:
  • Create Restaurant page
  • Create Package page
  • Create Voucher page (Voucher in marketplace)
  • Create Promo Code page
  • Booking List page filter
  • Resturant list filter
  • User list filter
• the default country for existing data was THAI, and the selected country setermines the currency.
• Its mandatiry to pick the country
• Admin can see which country the User signed up from, on User page

Scope

• All platforms
• Admin Dashboard

Sequence Diagram / Flow

ERD

Singapore expansion (1).drawio

DB Schema / Database Migration

API Blueprint

New Query

Notes, Constraint & Assumptions

1. City dropdown list Figma link
   1. Alphabetical order
   2. Country flag icon before the City name
2. Service Type shortcut Figma link
   1. Dynamic
   2. Determined by the available Service Type in that City
   3. Link to the Search page with the clicked Service Type filtered on
3. Recommended for you Figma link
   1. Display after the user completes the survey
   2. Other logic, refer to this PRD
4. Promotion banner Figma link
   1. Display promotion tagged to the City
   2. Setting from Admin Dashboard
   3. Link to the promotion landing page
5. Trending outlet cards Figma link
   1. Follow the logic here
6. Top Cuisine Figma link
   1. Only display the Cuisines which the City has
7. Near me Figma link
   1. Display “Turn on location service” UI if it’s off Figma link
   2. Display outlet cards near the user
   3. Once this is on, all outlet cards should have the distance displayed
8. Book again Figma link
   1. Display if the user is logged in and has past bookings
9. Gift Card banner Figma link
   1. Upload via admin dashboard
   2. One banner for all cities
   3. Link to the specific country/currency Gift Card page
10. More to explore Figma link
    1. Display all of that City’s outlets
    2. Load 8 cards at a time
11. Section heading

Desktop a. Heading and tagline setting via admin

b. See more > comes after the tagline

c. Link to the Group landing page

Mobile a. Heading setting via admin b. Button at the end of the slider to see more c. Link to Group landing page

About Price Currency Format

Since we will have multiple currency. For now, please make sure there is no hardcoded ฿ or THB in our code.There are object and parameter that we'll use:

Restaurants Object

https://hhstaging.hungryhub.com/api/v5/restaurants/search.json https://hhstaging.hungryhub.com/api/v5/restaurants/1572.json https://hhstaging.hungryhub.com/api/v5/user_restaurant_histories.json?access_token=CTf5ECNXmRv1Ld4UwLgGGxTtegnDwK8zmcmat07l890

Example: recommended for you, book again, near me. For this restaurant object, we'll use price_and_pricing_type for the right value will be adjusted by the backend team.  For search results there is one more conditional will use lowest_price or highest_price depend on filter that we used.

Featured-restaurants object

https://hhstaging.hungryhub.com/api/v5/homes/section_3.json?city_id=1 https://hhstaging.hungryhub.com/api/v5/homes/section_8.json?city_id=1

Example: New Partner, Trending, Daily Pick, or any Group Landing Section. For this restaurant object we'll use price_v2.

Restaurant-packages object

https://hhstaging.hungryhub.com/api/v5/restaurant_packages.json?restaurant_id=1572

Example: Restaurant Detail or Select Package. For this section we'll use rules for the price value. In restaurant detail we usually use the lowest one, and if multiple data in select package we show based on selected adult. 

Charge Summary / Confirmation Booking

https://hhstaging.hungryhub.com/api/v5/restaurants/837/calculate_package_price.json The logic is still the same. But, we need to read currency format. If "THB" we will use xxx ฿ and if currency "SGD" will use S$ xxx 

Dynamic Service Type

Previously when implementing service type we hardcode on client app. But since Singapore only needs 2 types, I think it would be better to make it dynamic. So, in the next expansion or adding city will automatically decide which service type should we show. Requirement: API url: {{ base_api  }}/service_types.json query: city_id If client send city_id, backend can query the restaurant by city id that contains a specific package type, if city doesn't have restaurants that have package hah we hide Delivery and if doesn't have xp we hide Experience. 

Expected response:

{
	"data": [
		{
			"id": "1",
			"type": "service_types",
			"attributes": {
				"name": "Dine in",
				"type_code": "dine_in",
				"logo": {
					"url": "/img/default-restaurant-logo.png"
				},
				"package_types": [
					{
						"name": "All You Can Eat",
						"type_code": "ayce"
					},
					{
						"name": "Party Pack",
						"type_code": "pp"
					}
				]
			}
		},
		{
			"id": "2",
			"type": "service_types",
			"attributes": {
				"name": "Delivery",
				"type_code": "delivery",
				"logo": {
					"url": "/img/default-restaurant-logo.png"
				},
				"package_types": [
					{
						"name": "Hungry@Home",
						"type_code": "hah"
					}
				]
			}
		}
	]
}

TODO / Task List / Action Items

[

3.basecamp.com

https://3.basecamp.com/5190892/buckets/30554213/todosets/5625431123

](https://3.basecamp.com/5190892/buckets/30554213/todosets/5625431123)

References

https://www.figma.com/file/P3Ca3Jp1HaFKm6jEbe5Wbs/SG-Landing-page?node-id=0%3A1&t=m7tMC0KaqE5DDaP5-1https://docs.google.com/document/d/1Z5ge467Eyty4Sq_aSd00PX97odzeL09wbkXmJV4VM2c/edit

[

docs.google.com

https://docs.google.com/spreadsheets/d/190Zco7-VYylrDAsqIilhjcTdfv3EQhSSkeq6nAUT35w/edit?usp=drivesdk

](https://docs.google.com/spreadsheets/d/190Zco7-VYylrDAsqIilhjcTdfv3EQhSSkeq6nAUT35w/edit?usp=drivesdk)

Change History