Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "products",
|
||||
},
|
||||
name: "Rooms", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ทิพวรรณ โฮมสเตย์"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="ทิพวรรณ โฮมสเตย์ ยินดีต้อนรับ"
|
||||
description="สัมผัสบรรยากาศการพักผ่อนอย่างอบอุ่นและเป็นกันเอง เสมือนอยู่บ้านของคุณเองท่ามกลางธรรมชาติ"
|
||||
tag="โฮมสเตย์บรรยากาศดี"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698448.jpg",
|
||||
imageAlt: "homestay exterior tropical",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698448.jpg", imageAlt: "homestay exterior tropical"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-home-interior-living-room_169016-4350.jpg",
|
||||
imageAlt: "comfortable bedroom interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18747.jpg",
|
||||
imageAlt: "Beautiful embankment for walking and sport in Amara Dolce Vita Luxury Hotel. Alanya Turkey.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hawaii-landscape-with-digital-art-style_23-2151793523.jpg",
|
||||
imageAlt: "Hawaii landscape with digital art style",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-building-elephant-sanctuary-lake-with-lotus_482257-123853.jpg",
|
||||
imageAlt: "Wooden building in the elephant sanctuary next to the lake with lotus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-home-interior-living-room_169016-4350.jpg", imageAlt: "comfortable bedroom interior"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,31 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Wi-Fi",
|
||||
title: "ฟรีอินเทอร์เน็ตความเร็วสูง",
|
||||
items: [
|
||||
"เชื่อมต่อได้ทุกพื้นที่",
|
||||
"ใช้งานได้ไม่มีสะดุด",
|
||||
],
|
||||
id: "f1", label: "Wi-Fi", title: "ฟรีอินเทอร์เน็ตความเร็วสูง", items: [
|
||||
"เชื่อมต่อได้ทุกพื้นที่", "ใช้งานได้ไม่มีสะดุด"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Parking",
|
||||
title: "ที่จอดรถส่วนตัว",
|
||||
items: [
|
||||
"ปลอดภัยตลอด 24 ชั่วโมง",
|
||||
"พื้นที่จอดรถกว้างขวาง",
|
||||
],
|
||||
id: "f2", label: "Parking", title: "ที่จอดรถส่วนตัว", items: [
|
||||
"ปลอดภัยตลอด 24 ชั่วโมง", "พื้นที่จอดรถกว้างขวาง"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Coffee",
|
||||
title: "เครื่องดื่มและอาหารเช้า",
|
||||
items: [
|
||||
"วัตถุดิบสดใหม่",
|
||||
"เครื่องดื่มร้อนพร้อมเสิร์ฟ",
|
||||
],
|
||||
id: "f3", label: "Coffee", title: "เครื่องดื่มและอาหารเช้า", items: [
|
||||
"วัตถุดิบสดใหม่", "เครื่องดื่มร้อนพร้อมเสิร์ฟ"],
|
||||
},
|
||||
]}
|
||||
title="บริการและสิ่งอำนวยความสะดวก"
|
||||
@@ -144,41 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "ห้องพักเตียงเดี่ยว",
|
||||
price: "800 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2787.jpg",
|
||||
},
|
||||
id: "p1", name: "ห้องพักเตียงเดี่ยว", price: "800 THB/คืน", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2787.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "ห้องพักเตียงคู่",
|
||||
price: "1,200 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-near-sleeping-man_23-2147769373.jpg",
|
||||
},
|
||||
id: "p2", name: "ห้องพักเตียงคู่", price: "1,200 THB/คืน", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-near-sleeping-man_23-2147769373.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "ห้องพักครอบครัว",
|
||||
price: "2,000 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-getting-manicure_23-2150507022.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "ห้องพักวิวสวน",
|
||||
price: "1,500 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929557.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "ห้องพัก Deluxe",
|
||||
price: "2,500 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-23557.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "ห้องพักสวีท",
|
||||
price: "3,000 THB/คืน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
|
||||
},
|
||||
id: "p3", name: "ห้องพักครอบครัว", price: "2,000 THB/คืน", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-getting-manicure_23-2150507022.jpg"}
|
||||
]}
|
||||
title="ห้องพักของเรา"
|
||||
description="เลือกห้องพักที่เหมาะกับสไตล์การพักผ่อนของคุณ"
|
||||
@@ -192,59 +122,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Somchai",
|
||||
role: "นักท่องเที่ยว",
|
||||
company: "TripAdvisor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-backpack_53876-14387.jpg",
|
||||
},
|
||||
id: "1", name: "Somchai", role: "นักท่องเที่ยว", company: "TripAdvisor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-backpack_53876-14387.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane",
|
||||
role: "บล็อกเกอร์",
|
||||
company: "TravelBlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
},
|
||||
id: "2", name: "Jane", role: "บล็อกเกอร์", company: "TravelBlog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael",
|
||||
role: "ลูกค้าทั่วไป",
|
||||
company: "Facebook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg",
|
||||
},
|
||||
id: "3", name: "Michael", role: "ลูกค้าทั่วไป", company: "Facebook", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah",
|
||||
role: "ลูกค้าทั่วไป",
|
||||
company: "Google",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575121.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah", role: "ลูกค้าทั่วไป", company: "Google", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575121.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David",
|
||||
role: "ลูกค้าทั่วไป",
|
||||
company: "Booking.com",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg",
|
||||
},
|
||||
id: "5", name: "David", role: "ลูกค้าทั่วไป", company: "Booking.com", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "รีวิวดีเยี่ยม",
|
||||
},
|
||||
value: "100+", label: "รีวิวดีเยี่ยม"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "กลับมาใช้บริการซ้ำ",
|
||||
},
|
||||
value: "95%", label: "กลับมาใช้บริการซ้ำ"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "คะแนนเฉลี่ย",
|
||||
},
|
||||
value: "4.9", label: "คะแนนเฉลี่ย"},
|
||||
]}
|
||||
title="ความประทับใจจากลูกค้าของเรา"
|
||||
description="เรามีความสุขที่ได้เห็นคุณมีความสุขกับการพักผ่อน"
|
||||
@@ -259,25 +158,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10",
|
||||
title: "ปีแห่งประสบการณ์",
|
||||
description: "เราดูแลคุณด้วยใจเสมอมา",
|
||||
icon: Award,
|
||||
id: "m1", value: "10", title: "ปีแห่งประสบการณ์", description: "เราดูแลคุณด้วยใจเสมอมา", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "แขกที่มาเยือน",
|
||||
description: "ความไว้ใจที่คุณมอบให้",
|
||||
icon: Users,
|
||||
id: "m2", value: "5000+", title: "แขกที่มาเยือน", description: "ความไว้ใจที่คุณมอบให้", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "ความพึงพอใจ",
|
||||
description: "การันตีด้วยรีวิวลูกค้า",
|
||||
icon: ThumbsUp,
|
||||
id: "m3", value: "98%", title: "ความพึงพอใจ", description: "การันตีด้วยรีวิวลูกค้า", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
title="ความสำเร็จของเรา"
|
||||
@@ -291,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "มีบริการอาหารเช้าไหม",
|
||||
content: "มีบริการอาหารเช้าฟรีทุกวันสำหรับผู้เข้าพัก",
|
||||
},
|
||||
id: "q1", title: "มีบริการอาหารเช้าไหม", content: "มีบริการอาหารเช้าฟรีทุกวันสำหรับผู้เข้าพัก"},
|
||||
{
|
||||
id: "q2",
|
||||
title: "เช็คอินได้กี่โมง",
|
||||
content: "เช็คอินได้ตั้งแต่ 14:00 น. เป็นต้นไป",
|
||||
},
|
||||
id: "q2", title: "เช็คอินได้กี่โมง", content: "เช็คอินได้ตั้งแต่ 14:00 น. เป็นต้นไป"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "โฮมสเตย์อยู่ใกล้สถานที่ท่องเที่ยวไหม",
|
||||
content: "ใกล้สถานที่ท่องเที่ยวมากมายเดินทางสะดวก",
|
||||
},
|
||||
id: "q3", title: "โฮมสเตย์อยู่ใกล้สถานที่ท่องเที่ยวไหม", content: "ใกล้สถานที่ท่องเที่ยวมากมายเดินทางสะดวก"},
|
||||
]}
|
||||
title="คำถามที่พบบ่อย"
|
||||
description="ข้อมูลเพิ่มเติมที่คุณอาจต้องการทราบ"
|
||||
@@ -319,16 +197,10 @@ export default function LandingPage() {
|
||||
description="จองล่วงหน้าเพื่อรับโปรโมชั่นพิเศษ"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "ชื่อของคุณ",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "ชื่อของคุณ", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "อีเมลของคุณ",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "อีเมลของคุณ", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-asian-entrepreneur-reading-charts-computer-monitor-texting-smart-phone-office_637285-2760.jpg"
|
||||
@@ -341,29 +213,19 @@ export default function LandingPage() {
|
||||
logoText="ทิพวรรณ โฮมสเตย์"
|
||||
columns={[
|
||||
{
|
||||
title: "เกี่ยวกับเรา",
|
||||
items: [
|
||||
title: "เกี่ยวกับเรา", items: [
|
||||
{
|
||||
label: "ประวัติ",
|
||||
href: "#",
|
||||
},
|
||||
label: "ประวัติ", href: "#"},
|
||||
{
|
||||
label: "ติดต่อ",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "ติดต่อ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "ลิงก์ด่วน",
|
||||
items: [
|
||||
title: "ลิงก์ด่วน", items: [
|
||||
{
|
||||
label: "ห้องพัก",
|
||||
href: "#products",
|
||||
},
|
||||
label: "ห้องพัก", href: "#products"},
|
||||
{
|
||||
label: "รีวิว",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "รีวิว", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user