Merge version_1 into main #1
329
src/app/page.tsx
329
src/app/page.tsx
@@ -26,244 +26,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ethereal Stays"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ethereal Stays"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Escape to Pure Elegance"
|
||||
description="Experience timeless luxury and unparalleled hospitality at our boutique resort. Your sanctuary of peace and comfort awaits."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-holding-device_23-2148815610.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-bikini-hat-looking-camera-beach-sunshine_107420-9983.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Oceanfront Views",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fine Dining",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Balconies",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wellness Spa",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concierge Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Escape to Pure Elegance"
|
||||
description="Experience timeless luxury and unparalleled hospitality at our boutique resort. Your sanctuary of peace and comfort awaits."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-holding-device_23-2148815610.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-bikini-hat-looking-camera-beach-sunshine_107420-9983.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg", alt: "Guest 5" },
|
||||
]}
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Oceanfront Views" },
|
||||
{ type: "text-icon", text: "Fine Dining", icon: Utensils },
|
||||
{ type: "text", text: "Private Balconies" },
|
||||
{ type: "text-icon", text: "Wellness Spa", icon: Sparkles },
|
||||
{ type: "text", text: "Concierge Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Legacy of Hospitality",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg",
|
||||
alt: "Hotel Suite",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our History",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A Legacy of Hospitality" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/bed-with-nightstand-pendant-lamp-showroom-styled-bedroom_169016-71049.jpg", alt: "Hotel Suite" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Our History", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "World-Class Spa",
|
||||
tags: [
|
||||
"Relaxation",
|
||||
"Wellness",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Elegant Suites",
|
||||
tags: [
|
||||
"Luxury",
|
||||
"Comfort",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326546.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Elite Concierge",
|
||||
tags: [
|
||||
"Service",
|
||||
"Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg",
|
||||
},
|
||||
]}
|
||||
title="Refined Amenities"
|
||||
description="Indulge in a curated selection of world-class facilities designed for your complete relaxation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "World-Class Spa", tags: ["Relaxation", "Wellness"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg" },
|
||||
{ id: "2", title: "Elegant Suites", tags: ["Luxury", "Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326546.jpg" },
|
||||
{ id: "3", title: "Elite Concierge", tags: ["Service", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/attractive-sports-girl-performs-exercises-hips-buttocks-healthy-lifestyle_78826-3370.jpg" },
|
||||
]}
|
||||
title="Refined Amenities"
|
||||
description="Indulge in a curated selection of world-class facilities designed for your complete relaxation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An absolutely breathtaking experience. Every detail was handled with care and sophistication. We will definitely return."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-holding-device_23-2148815610.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-bikini-hat-looking-camera-beach-sunshine_107420-9983.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg",
|
||||
alt: "Julia",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An absolutely breathtaking experience. Every detail was handled with care and sophistication. We will definitely return."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-holding-device_23-2148815610.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-bikini-hat-looking-camera-beach-sunshine_107420-9983.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg", alt: "Julia" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Plan Your Escape"
|
||||
title="Ready to Visit?"
|
||||
description="Contact our reservations team today to secure your preferred dates and tailor your perfect getaway experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Reservations",
|
||||
href: "mailto:reservations@hotel.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Plan Your Escape"
|
||||
title="Ready to Visit?"
|
||||
description="Contact our reservations team today to secure your preferred dates and tailor your perfect getaway experience."
|
||||
buttons={[{ text: "Contact Reservations", href: "mailto:reservations@hotel.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Ethereal Stays",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Ethereal Stays. All rights reserved."
|
||||
bottomRightText="Designed for Luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Ethereal Stays", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Policies", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Ethereal Stays. All rights reserved."
|
||||
bottomRightText="Designed for Luxury."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user