Merge version_1 into main #1
279
src/app/page.tsx
279
src/app/page.tsx
@@ -32,68 +32,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Muyung Resort"
|
||||
button={{ text: "Book Now", href: "#rooms" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Serenity at Muyung Resort"
|
||||
description="Your ultimate getaway featuring comfortable rooms, refreshing pools, and nature's embrace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "Book Your Stay", href: "#rooms"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-bfszn3zq.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-cbea2fg0.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-i6kqarmi.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-cn32u6w1.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-orqprlav.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-some-quality-time-spa-hotel-outdoors_23-2149037102.jpg",
|
||||
},
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-bfszn3zq.jpg" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-cbea2fg0.jpg" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-i6kqarmi.jpg" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-cn32u6w1.jpg" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYbY1Xm7YgdGyb1b3FGqwpZxkT/uploaded-1776566416629-orqprlav.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-some-quality-time-spa-hotel-outdoors_23-2149037102.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,7 +72,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Escape to Nature"
|
||||
description="Muyung Resort offers a perfect blend of comfort and natural beauty. Whether you're here to relax by the pool or explore the surroundings, we ensure a memorable stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,42 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Standard Cabin",
|
||||
price: "$80/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-room-pillows-mattress-bedding_1203-4485.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deluxe Family Room",
|
||||
price: "$150/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-mother-daughter-lie-bed_8353-5125.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mountain View Suite",
|
||||
price: "$200/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-white-decor-suite-bedroom_1203-5627.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Poolside Room",
|
||||
price: "$120/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857424.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Executive Lodge",
|
||||
price: "$250/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-wine-rooftop-sunlight_23-2148266860.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nature Retreat Room",
|
||||
price: "$110/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg",
|
||||
},
|
||||
{ id: "1", name: "Standard Cabin", price: "$80/night", imageSrc: "http://img.b2bpic.net/free-photo/white-room-pillows-mattress-bedding_1203-4485.jpg" },
|
||||
{ id: "2", name: "Deluxe Family Room", price: "$150/night", imageSrc: "http://img.b2bpic.net/free-photo/father-mother-daughter-lie-bed_8353-5125.jpg" },
|
||||
{ id: "3", name: "Mountain View Suite", price: "$200/night", imageSrc: "http://img.b2bpic.net/free-photo/luxury-white-decor-suite-bedroom_1203-5627.jpg" },
|
||||
{ id: "4", name: "Poolside Room", price: "$120/night", imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857424.jpg" },
|
||||
{ id: "5", name: "Executive Lodge", price: "$250/night", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-wine-rooftop-sunlight_23-2148266860.jpg" },
|
||||
{ id: "6", name: "Nature Retreat Room", price: "$110/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg" },
|
||||
]}
|
||||
title="Our Comfortable Rooms"
|
||||
description="Select from our various room types designed for your perfect overnight rest."
|
||||
@@ -160,21 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Large Swimming Pool",
|
||||
description: "Relax in our crystal clear pool with nature views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-reading-book-lying-near-swimming-pool_176420-4072.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gas Station Convenience",
|
||||
description: "Quick refueling services for a stress-free travel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nature Trail Access",
|
||||
description: "Explore the forest paths directly from our resort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overgrown-green-staircase-forest_501050-65.jpg",
|
||||
},
|
||||
{ title: "Large Swimming Pool", description: "Relax in our crystal clear pool with nature views.", imageSrc: "http://img.b2bpic.net/free-photo/friends-sunbathing-reading-book-lying-near-swimming-pool_176420-4072.jpg" },
|
||||
{ title: "Gas Station Convenience", description: "Quick refueling services for a stress-free travel.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-checkin-airport-with-his-passport_657883-690.jpg" },
|
||||
{ title: "Nature Trail Access", description: "Explore the forest paths directly from our resort.", imageSrc: "http://img.b2bpic.net/free-photo/overgrown-green-staircase-forest_501050-65.jpg" },
|
||||
]}
|
||||
title="Resort Amenities"
|
||||
description="Enhance your stay with our top-tier facilities."
|
||||
@@ -187,60 +114,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Santos",
|
||||
role: "Traveler",
|
||||
company: "Explorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-white-dress_23-2149445578.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Reyes",
|
||||
role: "Guest",
|
||||
company: "Family Vacay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-beach-with-drinks_1157-32247.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jenny Lee",
|
||||
role: "Professional",
|
||||
company: "BizTrip",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-escalator-talking-mobile-phone_107420-95875.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Tan",
|
||||
role: "Couples",
|
||||
company: "Retreat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-looking-tablet-sitting-near-swimming-pool_176420-3977.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
role: "Blogger",
|
||||
company: "Vlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-picture-sea-town_1163-3380.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Santos", role: "Traveler", company: "Explorer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-white-dress_23-2149445578.jpg" },
|
||||
{ id: "2", name: "Mark Reyes", role: "Guest", company: "Family Vacay", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-beach-with-drinks_1157-32247.jpg" },
|
||||
{ id: "3", name: "Jenny Lee", role: "Professional", company: "BizTrip", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/businessman-escalator-talking-mobile-phone_107420-95875.jpg" },
|
||||
{ id: "4", name: "David Tan", role: "Couples", company: "Retreat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-looking-tablet-sitting-near-swimming-pool_176420-3977.jpg" },
|
||||
{ id: "5", name: "Sarah Miller", role: "Blogger", company: "Vlog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-picture-sea-town_1163-3380.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Guest Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Families",
|
||||
},
|
||||
{
|
||||
value: "365",
|
||||
label: "Days of Sunshine",
|
||||
},
|
||||
{ value: "4.9/5", label: "Guest Rating" },
|
||||
{ value: "100+", label: "Happy Families" },
|
||||
{ value: "365", label: "Days of Sunshine" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="See why travelers love Muyung Resort."
|
||||
@@ -253,49 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Basic Package",
|
||||
price: "$150",
|
||||
period: "/per night",
|
||||
features: [
|
||||
"Room Stay",
|
||||
"Pool Access",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-beds-hotel_1253-276.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Family Package",
|
||||
price: "$300",
|
||||
period: "/per night",
|
||||
features: [
|
||||
"Deluxe Room",
|
||||
"All Amenities",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-man-woman-bath-robes-relaxing-luxury-hotel-room-looking-each-other-feeling-happy-vacation_8353-12178.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Premium Package",
|
||||
price: "$500",
|
||||
period: "/per night",
|
||||
features: [
|
||||
"Executive Lodge",
|
||||
"All In",
|
||||
"Nature Tour",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-bed_74190-228.jpg",
|
||||
},
|
||||
{ id: "p1", title: "Basic Package", price: "$150", period: "/per night", features: ["Room Stay", "Pool Access"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/single-beds-hotel_1253-276.jpg" },
|
||||
{ id: "p2", title: "Family Package", price: "$300", period: "/per night", features: ["Deluxe Room", "All Amenities"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-lovely-man-woman-bath-robes-relaxing-luxury-hotel-room-looking-each-other-feeling-happy-vacation_8353-12178.jpg" },
|
||||
{ id: "p3", title: "Premium Package", price: "$500", period: "/per night", features: ["Executive Lodge", "All In", "Nature Tour"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/romantic-bed_74190-228.jpg" },
|
||||
]}
|
||||
title="Vacation Packages"
|
||||
description="All-inclusive packages for a seamless vacation."
|
||||
@@ -306,21 +149,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Check-in time?",
|
||||
content: "Check-in starts at 2:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Pet friendly?",
|
||||
content: "Yes, small pets are allowed upon request.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, basic breakfast is provided for all guests.",
|
||||
},
|
||||
{ id: "q1", title: "Check-in time?", content: "Check-in starts at 2:00 PM." },
|
||||
{ id: "q2", title: "Pet friendly?", content: "Yes, small pets are allowed upon request." },
|
||||
{ id: "q3", title: "Is breakfast included?", content: "Yes, basic breakfast is provided for all guests." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our services."
|
||||
@@ -330,11 +161,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in touch"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
variant: "plain"}}
|
||||
title="Ready to book your stay?"
|
||||
description="Send us an inquiry and we'll reply shortly."
|
||||
mediaAnimation="slide-up"
|
||||
@@ -347,33 +177,16 @@ export default function LandingPage() {
|
||||
logoText="Muyung Resort"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user