JSON ข้อความ · Message objectflexlay-property-viewing-availability.json
{
"type": "flex",
"altText": "เลือกเวลานัดชมโครงการ The Parkview พระราม 9 วันเสาร์ที่ 20 ธ.ค. 2569",
"contents": {
"type": "bubble",
"size": "kilo",
"body": {
"type": "box",
"layout": "vertical",
"paddingAll": "xl",
"contents": [
{
"type": "text",
"size": "lg",
"text": "เลือกเวลานัดชมโครงการ",
"color": "#111827",
"weight": "bold"
},
{
"type": "text",
"size": "xs",
"text": "The Parkview พระราม 9 · ห้องตัวอย่าง 1 ห้องนอน",
"wrap": true,
"color": "#5F6673",
"margin": "xs"
},
{
"type": "box",
"layout": "horizontal",
"margin": "lg",
"paddingAll": "md",
"cornerRadius": "md",
"backgroundColor": "#F1F5F9",
"contents": [
{
"type": "text",
"size": "sm",
"text": "วันที่",
"flex": 0,
"color": "#5F6673"
},
{
"type": "text",
"size": "sm",
"text": "ส. 20 ธ.ค. 2569",
"align": "end",
"color": "#111827",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "horizontal",
"margin": "lg",
"spacing": "sm",
"contents": [
{
"type": "button",
"flex": 1,
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=book_viewing&project=PV-RAMA9&date=2569-12-20&slot=1000",
"label": "10:00",
"displayText": "จองชมโครงการ 10:00"
}
},
{
"type": "button",
"flex": 1,
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=book_viewing&project=PV-RAMA9&date=2569-12-20&slot=1130",
"label": "11:30",
"displayText": "จองชมโครงการ 11:30"
}
}
]
},
{
"type": "box",
"layout": "horizontal",
"margin": "sm",
"spacing": "sm",
"contents": [
{
"type": "button",
"flex": 1,
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=book_viewing&project=PV-RAMA9&date=2569-12-20&slot=1400",
"label": "14:00",
"displayText": "จองชมโครงการ 14:00"
}
},
{
"type": "button",
"flex": 1,
"style": "secondary",
"height": "sm",
"action": {
"type": "postback",
"data": "action=book_viewing&project=PV-RAMA9&date=2569-12-20&slot=1600",
"label": "16:00",
"displayText": "จองชมโครงการ 16:00"
}
}
]
},
{
"type": "separator",
"color": "#EEF0F3",
"margin": "lg"
},
{
"type": "text",
"size": "xs",
"text": "13:00 น. เต็มแล้ว · ใช้เวลาชมประมาณ 45 นาที",
"wrap": true,
"color": "#5F6673",
"margin": "md"
}
]
},
"hero": {
"type": "image",
"size": "full",
"url": "https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1024&q=75&fm=jpg&fit=crop",
"aspectMode": "cover",
"aspectRatio": "20:9"
},
"footer": {
"type": "box",
"layout": "vertical",
"paddingAll": "md",
"paddingTop": "none",
"contents": [
{
"type": "button",
"color": "#0369A1",
"style": "link",
"height": "sm",
"action": {
"type": "uri",
"uri": "https://example.com/projects/parkview-rama9/viewing",
"label": "เลือกวันอื่น"
}
}
]
}
}
}
