Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Imsook Place"
|
||||
/>
|
||||
@@ -55,38 +47,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Comfort Serene Udon Premium Living"
|
||||
description="Imsook Place delivers immaculate, peaceful accommodation in the heart of Udon Thani with attentive service and refined aesthetics. Experience hotel-standard hospitality at an accessible price."
|
||||
tag="Imsook Place @Udon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Room Now",
|
||||
href: "https://line.me/R/ti/p/@imsookplace",
|
||||
},
|
||||
text: "Book Your Room Now", href: "https://line.me/R/ti/p/@imsookplace"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg",
|
||||
imageAlt: "Imsook Place lobby",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg", imageAlt: "Imsook Place lobby"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bed-arrangement-with-magazine-mug_23-2150326158.jpg",
|
||||
imageAlt: "Imsook Place room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg",
|
||||
imageAlt: "Elegant female model posing in a sofa in jacket suit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
|
||||
imageAlt: "Modern spacious room with large panoramic window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-couch-reading-magazine_23-2148415922.jpg",
|
||||
imageAlt: "Woman on couch reading magazine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bed-arrangement-with-magazine-mug_23-2150326158.jpg", imageAlt: "Imsook Place room"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Serene Haven in Udon Thani"
|
||||
description={[
|
||||
"Imsook Place is designed for professionals and discerning travelers who refuse to compromise on quality. We blend the convenience of a modern dormitory with the sophistication of boutique hospitality.",
|
||||
"Every detail, from our premium linens to our attentive staff, is crafted to provide a peaceful, productive, and memorable stay.",
|
||||
]}
|
||||
"Imsook Place is designed for professionals and discerning travelers who refuse to compromise on quality. We blend the convenience of a modern dormitory with the sophistication of boutique hospitality.", "Every detail, from our premium linens to our attentive staff, is crafted to provide a peaceful, productive, and memorable stay."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "High-Speed Connectivity",
|
||||
description: "Reliable fiber-optic internet for work and play.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822049.jpg",
|
||||
},
|
||||
id: "1", title: "High-Speed Connectivity", description: "Reliable fiber-optic internet for work and play.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822049.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure Access",
|
||||
description: "Safety is our priority with 24/7 key-card access.",
|
||||
tag: "Safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-control-panel-wall-corridor_259150-60378.jpg",
|
||||
},
|
||||
id: "2", title: "Secure Access", description: "Safety is our priority with 24/7 key-card access.", tag: "Safe", imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-control-panel-wall-corridor_259150-60378.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Immaculate Housekeeping",
|
||||
description: "Daily meticulous cleaning for your peace of mind.",
|
||||
tag: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairstylist-cleaning-mirror_23-2148506333.jpg",
|
||||
},
|
||||
id: "3", title: "Immaculate Housekeeping", description: "Daily meticulous cleaning for your peace of mind.", tag: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairstylist-cleaning-mirror_23-2148506333.jpg"},
|
||||
]}
|
||||
title="Modern Comforts for Quality Living"
|
||||
description="We provide everything you need for a hassle-free, productive stay."
|
||||
@@ -146,59 +102,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Room",
|
||||
name: "Standard",
|
||||
price: "฿8,900",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-looking-map-her-bedroom_23-2147601310.jpg",
|
||||
},
|
||||
id: "1", brand: "Room", name: "Standard", price: "฿8,900", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-looking-map-her-bedroom_23-2147601310.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Room",
|
||||
name: "Deluxe",
|
||||
price: "฿12,900",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bed-using-mobile-phone-with-his-wife-carrying-her-baby_23-2147923005.jpg",
|
||||
},
|
||||
id: "2", brand: "Room", name: "Deluxe", price: "฿12,900", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bed-using-mobile-phone-with-his-wife-carrying-her-baby_23-2147923005.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Room",
|
||||
name: "Suite",
|
||||
price: "฿18,500",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-while-lying-bed_171337-19031.jpg",
|
||||
},
|
||||
id: "3", brand: "Room", name: "Suite", price: "฿18,500", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-while-lying-bed_171337-19031.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Amenity",
|
||||
name: "Laundry Service",
|
||||
price: "฿500",
|
||||
rating: 4,
|
||||
reviewCount: "30+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hotel-maid-setting-up-pillow-bed_171337-12699.jpg",
|
||||
},
|
||||
id: "4", brand: "Amenity", name: "Laundry Service", price: "฿500", rating: 4,
|
||||
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/young-hotel-maid-setting-up-pillow-bed_171337-12699.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Amenity",
|
||||
name: "Meeting Room",
|
||||
price: "฿1,500",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg",
|
||||
},
|
||||
id: "5", brand: "Amenity", name: "Meeting Room", price: "฿1,500", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Amenity",
|
||||
name: "Breakfast Add-on",
|
||||
price: "฿200",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg",
|
||||
},
|
||||
id: "6", brand: "Amenity", name: "Breakfast Add-on", price: "฿200", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg"},
|
||||
]}
|
||||
title="Choose Your Sanctuary"
|
||||
description="Select the perfect space for your needs."
|
||||
@@ -211,45 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The cleanest place in Udon Thani. Highly recommended for business trips.",
|
||||
name: "Sarah P.",
|
||||
role: "Corporate Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695724.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Quality", quote: "The cleanest place in Udon Thani. Highly recommended for business trips.", name: "Sarah P.", role: "Corporate Traveler", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695724.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Luxury Feel",
|
||||
quote: "It feels like a 5-star hotel but at a dormitory price. Simply incredible.",
|
||||
name: "Mark L.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663828.jpg",
|
||||
},
|
||||
id: "2", title: "Luxury Feel", quote: "It feels like a 5-star hotel but at a dormitory price. Simply incredible.", name: "Mark L.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663828.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Tranquil Oasis",
|
||||
quote: "Very quiet and professional atmosphere. Perfect for remote work.",
|
||||
name: "Emily C.",
|
||||
role: "Digital Nomad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150690037.jpg",
|
||||
},
|
||||
id: "3", title: "Tranquil Oasis", quote: "Very quiet and professional atmosphere. Perfect for remote work.", name: "Emily C.", role: "Digital Nomad", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150690037.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Staff Excellence",
|
||||
quote: "The staff are so attentive and kind. Made my stay perfect.",
|
||||
name: "David W.",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-businesswoman-sitting-her-office-answering-phone-call-using-her_1258-194674.jpg",
|
||||
},
|
||||
id: "4", title: "Staff Excellence", quote: "The staff are so attentive and kind. Made my stay perfect.", name: "David W.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-businesswoman-sitting-her-office-answering-phone-call-using-her_1258-194674.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Flawless Service",
|
||||
quote: "From check-in to check-out, everything was seamless and premium.",
|
||||
name: "Jessica M.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-chambermaid-standing-hotel-bedroom_23-2148033269.jpg",
|
||||
},
|
||||
id: "5", title: "Flawless Service", quote: "From check-in to check-out, everything was seamless and premium.", name: "Jessica M.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-chambermaid-standing-hotel-bedroom_23-2148033269.jpg"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear why travelers love staying with us."
|
||||
@@ -263,20 +153,11 @@ export default function LandingPage() {
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "1", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
description: "Amenities Offered",
|
||||
},
|
||||
id: "2", value: "15+", description: "Amenities Offered"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Attentive Support",
|
||||
},
|
||||
id: "3", value: "24/7", description: "Attentive Support"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -288,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is breakfast included?",
|
||||
content: "We offer optional premium breakfast add-ons upon request.",
|
||||
},
|
||||
id: "1", title: "Is breakfast included?", content: "We offer optional premium breakfast add-ons upon request."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I book?",
|
||||
content: "Please click the Book Now button to reach our reservation assistant on LINE.",
|
||||
},
|
||||
id: "2", title: "How do I book?", content: "Please click the Book Now button to reach our reservation assistant on LINE."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the location central?",
|
||||
content: "Yes, Imsook Place is conveniently located in the heart of Udon Thani city.",
|
||||
},
|
||||
id: "3", title: "Is the location central?", content: "Yes, Imsook Place is conveniently located in the heart of Udon Thani city."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173775.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -314,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Reservations"
|
||||
title="Ready to Book Your Stay?"
|
||||
description="Secure your luxury room at Imsook Place today."
|
||||
@@ -327,29 +198,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "https://line.me/R/ti/p/@imsookplace",
|
||||
},
|
||||
label: "Contact", href: "https://line.me/R/ti/p/@imsookplace"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user