Update src/app/page.tsx
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tippawan Homestay"
|
||||
/>
|
||||
@@ -62,20 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Tippawan Homestay"
|
||||
description="Experience peace and comfort at our home away from home in Pak Chong. Clean, cozy, and perfect for your next getaway."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "View Amenities", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-building-elephant-sanctuary-lake-with-lotus_482257-123853.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -87,10 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Peaceful Getaway"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Learn More", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,26 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Rest",
|
||||
title: "Comfortable Beds",
|
||||
subtitle: "Sleep well",
|
||||
description: "Our beds are soft and designed for the best rest during your trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551162.jpg",
|
||||
},
|
||||
tag: "Rest", title: "Comfortable Beds", subtitle: "Sleep well", description: "Our beds are soft and designed for the best rest during your trip.", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551162.jpg"},
|
||||
{
|
||||
tag: "Parking",
|
||||
title: "Private Parking",
|
||||
subtitle: "Easy arrival",
|
||||
description: "Spacious and safe parking available directly at our homestay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg",
|
||||
},
|
||||
tag: "Parking", title: "Private Parking", subtitle: "Easy arrival", description: "Spacious and safe parking available directly at our homestay.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg"},
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Complimentary Breakfast",
|
||||
subtitle: "Start your day",
|
||||
description: "Enjoy tea, coffee, and a light breakfast provided every morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-pillows-vase-with-dried-flowers-other-elements-home-decor-pastel-colors-close-up_169016-6776.jpg",
|
||||
},
|
||||
tag: "Convenience", title: "Complimentary Breakfast", subtitle: "Start your day", description: "Enjoy tea, coffee, and a light breakfast provided every morning.", imageSrc: "http://img.b2bpic.net/free-photo/decorative-pillows-vase-with-dried-flowers-other-elements-home-decor-pastel-colors-close-up_169016-6776.jpg"},
|
||||
]}
|
||||
title="Comfort & Amenities"
|
||||
description="We ensure your stay is comfortable with everything you need."
|
||||
@@ -132,47 +88,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
description="Hear from our wonderful guests about their peaceful stay at Tippawan."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Natchakun M.",
|
||||
handle: "@natchakun",
|
||||
testimonial: "Beautiful, clean, and exactly as described. Very quiet and comfortable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-meditating-bed-after-packing-suitcase-summer-holiday-sitting-with_1258-314336.jpg",
|
||||
},
|
||||
id: "1", name: "Natchakun M.", handle: "@natchakun", testimonial: "Beautiful, clean, and exactly as described. Very quiet and comfortable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-meditating-bed-after-packing-suitcase-summer-holiday-sitting-with_1258-314336.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Watcharin P.",
|
||||
handle: "@watcharin",
|
||||
testimonial: "Very peaceful, perfect for resting. The owners are lovely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-serving-table_23-2147767002.jpg",
|
||||
},
|
||||
id: "2", name: "Watcharin P.", handle: "@watcharin", testimonial: "Very peaceful, perfect for resting. The owners are lovely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-woman-serving-table_23-2147767002.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Such a cozy and welcoming atmosphere. Will visit again!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-talking-phone-walk-town_169016-20211.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah J.", handle: "@sarahj", testimonial: "Such a cozy and welcoming atmosphere. Will visit again!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-talking-phone-walk-town_169016-20211.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Great amenities and very clean rooms. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-shop-assistant-clothing-store-young-woman-holding-credit-card-reader-waiting-payment-done-looking-shoppers-clothes-business-retail-trading-shopping-concept_74855-21501.jpg",
|
||||
},
|
||||
id: "4", name: "Michael C.", handle: "@mchen", testimonial: "Great amenities and very clean rooms. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-shop-assistant-clothing-store-young-woman-holding-credit-card-reader-waiting-payment-done-looking-shoppers-clothes-business-retail-trading-shopping-concept_74855-21501.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
handle: "@erod",
|
||||
testimonial: "The hospitality here is top notch. Really felt like home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-having-conversation-bed-coffee_23-2148708902.jpg",
|
||||
},
|
||||
id: "5", name: "Emily R.", handle: "@erod", testimonial: "The hospitality here is top notch. Really felt like home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-having-conversation-bed-coffee_23-2148708902.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Happy Guests"
|
||||
@@ -186,36 +118,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
tag: "Standard",
|
||||
price: "฿800",
|
||||
period: "/night",
|
||||
description: "Perfect for solo travelers or couples.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Private Room",
|
||||
"Private Parking",
|
||||
"Breakfast",
|
||||
],
|
||||
id: "daily", tag: "Standard", price: "฿800", period: "/night", description: "Perfect for solo travelers or couples.", button: { text: "Book Now" },
|
||||
featuresTitle: "Includes", features: ["Private Room", "Private Parking", "Breakfast"]
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
tag: "Family",
|
||||
price: "฿1,500",
|
||||
period: "/night",
|
||||
description: "Spacious accommodation for small families.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Large Room",
|
||||
"Extra Amenities",
|
||||
"Full Breakfast",
|
||||
],
|
||||
id: "family", tag: "Family", price: "฿1,500", period: "/night", description: "Spacious accommodation for small families.", button: { text: "Book Now" },
|
||||
featuresTitle: "Includes", features: ["Large Room", "Extra Amenities", "Full Breakfast"]
|
||||
},
|
||||
]}
|
||||
title="Affordable Stays"
|
||||
@@ -230,22 +138,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4",
|
||||
title: "Guest Rating",
|
||||
items: [
|
||||
"High satisfaction",
|
||||
"Verified reviews",
|
||||
],
|
||||
id: "m1", value: "4.4", title: "Guest Rating", items: ["High satisfaction", "Verified reviews"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "60+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Return visitors",
|
||||
"Community trusted",
|
||||
],
|
||||
id: "m2", value: "60+", title: "Happy Guests", items: ["Return visitors", "Community trusted"],
|
||||
},
|
||||
]}
|
||||
title="Our Hospitality"
|
||||
@@ -259,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide parking?",
|
||||
content: "Yes, we have spacious, secure parking available for all guests.",
|
||||
},
|
||||
id: "f1", title: "Do you provide parking?", content: "Yes, we have spacious, secure parking available for all guests."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, light breakfast with coffee and tea is included with every stay.",
|
||||
},
|
||||
id: "f2", title: "Is breakfast included?", content: "Yes, light breakfast with coffee and tea is included with every stay."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it quiet?",
|
||||
content: "Our location is known for being very peaceful and quiet, perfect for resting.",
|
||||
},
|
||||
id: "f3", title: "Is it quiet?", content: "Our location is known for being very peaceful and quiet, perfect for resting."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact"
|
||||
title="Book Your Stay"
|
||||
description="Send us a message to check availability or ask about our rates."
|
||||
@@ -298,37 +183,17 @@ export default function LandingPage() {
|
||||
logoText="Tippawan Homestay"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Amenities", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Info", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user