Merge version_1 into main #2
178
src/app/page.tsx
178
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="SereneStay"
|
||||
/>
|
||||
@@ -51,22 +39,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="SereneStay"
|
||||
description="Experience the perfect balance of luxury, comfort, and nature in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Suites",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Book Your Stay", href: "#contact" },
|
||||
{ text: "Our Suites", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/ge9f296e88e624492d51367fe3139a115d6a106aebb349ac8581daacf40f9a008a6ffa53d64ceef81e2cf1e04a85a524638b1d9af7b9685a18696327061037b8f_1280.jpg?_wi=1"
|
||||
imageSrc="https://pixabay.com/get/ge9f296e88e624492d51367fe3139a115d6a106aebb349ac8581daacf40f9a008a6ffa53d64ceef81e2cf1e04a85a524638b1d9af7b9685a18696327061037b8f_1280.jpg"
|
||||
imageAlt="SereneStay Luxury Hotel Exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -77,9 +57,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to Tranquility"
|
||||
description={[
|
||||
"Located in the serene hills overlooking the city, SereneStay offers a sanctuary of peace and rejuvenation.",
|
||||
"Each of our suites is meticulously designed to provide an experience of unparalleled comfort and refined elegance.",
|
||||
]}
|
||||
"Located in the serene hills overlooking the city, SereneStay offers a sanctuary of peace and rejuvenation.", "Each of our suites is meticulously designed to provide an experience of unparalleled comfort and refined elegance."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,67 +68,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "World-Class Spa",
|
||||
description: "Relax and recharge with our holistic wellness treatments.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg?_wi=1",
|
||||
imageAlt: "Luxury Spa",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg?_wi=2",
|
||||
imageAlt: "Luxury Spa",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg?_wi=3",
|
||||
imageAlt: "Luxury Spa",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/ge9f296e88e624492d51367fe3139a115d6a106aebb349ac8581daacf40f9a008a6ffa53d64ceef81e2cf1e04a85a524638b1d9af7b9685a18696327061037b8f_1280.jpg?_wi=2",
|
||||
imageAlt: "luxury hotel exterior view",
|
||||
title: "World-Class Spa", description: "Relax and recharge with our holistic wellness treatments.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg", imageAlt: "Luxury Spa" },
|
||||
{ imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg", imageAlt: "Luxury Spa" },
|
||||
{ imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg", imageAlt: "Luxury Spa" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Exquisite seasonal menus crafted by our expert chefs.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg?_wi=1",
|
||||
imageAlt: "Fine Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg?_wi=2",
|
||||
imageAlt: "Fine Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg?_wi=3",
|
||||
imageAlt: "Fine Dining",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/gc8d5a5acba1ed2552b75dc15d25b49aa8bd42f2da8ddf04c512b2a4e52052fb35c4143021ad40d472c18f431ab051d1769baa3d9ca6f826cccfec55122597661_1280.jpg",
|
||||
imageAlt: "beautiful hotel interior design",
|
||||
title: "Gourmet Dining", description: "Exquisite seasonal menus crafted by our expert chefs.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg", imageAlt: "Fine Dining" },
|
||||
{ imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg", imageAlt: "Fine Dining" },
|
||||
{ imageSrc: "https://pixabay.com/get/gcdbed4df8ffb4614afa44154275dfd029da49f09a52d2bb7ea3ab00590028abc4c757d05d6cf460179ba6a111f77b14e5bd1353540cfec8db6a0106267c9d18b_1280.jpg", imageAlt: "Fine Dining" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Luxurious Suites",
|
||||
description: "Spacious living with panoramic city views.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg?_wi=1",
|
||||
imageAlt: "Luxury Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg?_wi=2",
|
||||
imageAlt: "Luxury Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg?_wi=3",
|
||||
imageAlt: "Luxury Suite",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g7699e623dcbbb79d2af9dc758cdfdef3578dc757d76727cb55ea3a6d0e736be361350b6e3413e4a044188cf38412c715919b70fb249ef51e31287387c44cec00_1280.jpg?_wi=4",
|
||||
imageAlt: "luxury spa treatment room",
|
||||
title: "Luxurious Suites", description: "Spacious living with panoramic city views.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg", imageAlt: "Luxury Suite" },
|
||||
{ imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg", imageAlt: "Luxury Suite" },
|
||||
{ imageSrc: "https://pixabay.com/get/gcd9de2819a7b5a42408e8742206346fdb0441744882690e94b58378f194c56bd2acf08e7ecae71aab1d3ade6f316f032d0adba61c41df4aa0b47b8f37c48e84a_1280.jpg", imageAlt: "Luxury Suite" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Signature Amenities"
|
||||
@@ -162,36 +98,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "https://pixabay.com/get/gd80ab0335021e71b360b8436a8e7df364a379ac53e7f1df332768ab1e7685fed955c535b5f7f32f01e559cb0ac1d735ea5a2491901ee331de8df594d088d0db6_1280.jpg",
|
||||
imageAlt: "Guest 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "https://pixabay.com/get/gcc8a32c15c741307190d8388ade6e76c90e9c7f64d83b687186f6f8061cd5abb2f5dcaf3e8bbfae620d022d0f8ef55f319b52698664b5a17148d044e11f9f841_1280.jpg",
|
||||
imageAlt: "Guest 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "https://pixabay.com/get/gbaf7af8889b9c2a4e3a10e2019b06ec1f8a101192823748cff47b810de2af4106face6becae0ad824e11e1ad7d099481acbbe3c570cfcabb45121747b915f6ea_1280.jpg",
|
||||
imageAlt: "Guest 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James O'Neill",
|
||||
imageSrc: "https://pixabay.com/get/gecf1215d5fe8d328feaffe4e05a38b3a60f28f2eb074c248bafe83d3fa9f0900492ae1962ac79089629d9b03a0e7d476d6c79edb8bc2bc00bf6c88e8e88a5126_1280.jpg",
|
||||
imageAlt: "Guest 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Rossi",
|
||||
imageSrc: "https://pixabay.com/get/gb079138923e606a7e3ec746d36ee84dd21051cc34c01ada0332b2f6d0dc4efd64574783b3621996b94ec74060c6a0c05d96acc9df29e9e8e8419c0619bd8439f_1280.jpg",
|
||||
imageAlt: "Guest 5",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", imageSrc: "https://pixabay.com/get/gd80ab0335021e71b360b8436a8e7df364a379ac53e7f1df332768ab1e7685fed955c535b5f7f32f01e559cb0ac1d735ea5a2491901ee331de8df594d088d0db6_1280.jpg", imageAlt: "Guest 1" },
|
||||
{ id: "2", name: "Marcus Thorne", imageSrc: "https://pixabay.com/get/gcc8a32c15c741307190d8388ade6e76c90e9c7f64d83b687186f6f8061cd5abb2f5dcaf3e8bbfae620d022d0f8ef55f319b52698664b5a17148d044e11f9f841_1280.jpg", imageAlt: "Guest 2" },
|
||||
{ id: "3", name: "Emily Chen", imageSrc: "https://pixabay.com/get/gbaf7af8889b9c2a4e3a10e2019b06ec1f8a101192823748cff47b810de2af4106face6becae0ad824e11e1ad7d099481acbbe3c570cfcabb45121747b915f6ea_1280.jpg", imageAlt: "Guest 3" },
|
||||
{ id: "4", name: "James O'Neill", imageSrc: "https://pixabay.com/get/gecf1215d5fe8d328feaffe4e05a38b3a60f28f2eb074c248bafe83d3fa9f0900492ae1962ac79089629d9b03a0e7d476d6c79edb8bc2bc00bf6c88e8e88a5126_1280.jpg", imageAlt: "Guest 4" },
|
||||
{ id: "5", name: "Sofia Rossi", imageSrc: "https://pixabay.com/get/gb079138923e606a7e3ec746d36ee84dd21051cc34c01ada0332b2f6d0dc4efd64574783b3621996b94ec74060c6a0c05d96acc9df29e9e8e8419c0619bd8439f_1280.jpg", imageAlt: "Guest 5" },
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Reviews"
|
||||
@@ -205,25 +116,10 @@ export default function LandingPage() {
|
||||
title="Start Your Journey"
|
||||
description="Inquire about reservations, special events, or bespoke concierge services."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message/inquiry",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message/inquiry", rows: 4, required: true }}
|
||||
imageSrc="https://pixabay.com/get/g09e8b3b79b45e790c5760539f60304ea28d537cff8cf91596a83da8ec782d43618eea2048d52079c7e77d8a26636d25ad334f28c23c125e54b0802658f7cdeb5_1280.jpg"
|
||||
imageAlt="Reception Desk"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -233,14 +129,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SereneStay"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user