Merge version_1 into main #2
389
src/app/page.tsx
389
src/app/page.tsx
@@ -25,281 +25,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysian Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unrivaled Elegance in Every Stay"
|
||||
description="Discover a haven of peace and refined hospitality in the heart of the city. Elysian Hotel blends timeless comfort with modern luxury."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg",
|
||||
imageAlt: "Luxury Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=1",
|
||||
imageAlt: "Superior Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=1",
|
||||
imageAlt: "Infinity Pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg?_wi=1",
|
||||
imageAlt: "Fine Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821282.jpg?_wi=1",
|
||||
imageAlt: "Spa & Wellness",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stylish-long-black-dress-posing-tropical-villa-pool-elegant-summer-style-vacation-fashion-trend-walking-barefoot_285396-5701.jpg",
|
||||
imageAlt: "Facade Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821282.jpg?_wi=2",
|
||||
imageAlt: "Spa & Wellness",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg?_wi=2",
|
||||
imageAlt: "Fine Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=2",
|
||||
imageAlt: "Infinity Pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",
|
||||
imageAlt: "Superior Suite",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-elder-tourist-couple-beach_23-2148620181.jpg",
|
||||
alt: "Mark D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-visiting-luxurious-city-dubai_23-2151328580.jpg",
|
||||
alt: "Elena R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-tanned-woman-with-trendy-hairstyle-raising-glass-cocktail-outdoor-portrait-adorable-blonde-girl-dress-standing-near-pool_197531-20653.jpg",
|
||||
alt: "James L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg",
|
||||
alt: "Sophia B.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ travelers worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Rating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concierge Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unrivaled Elegance in Every Stay"
|
||||
description="Discover a haven of peace and refined hospitality in the heart of the city. Elysian Hotel blends timeless comfort with modern luxury."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg", imageAlt: "Luxury Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Superior Suite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg", imageAlt: "Infinity Pool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", imageAlt: "Fine Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821282.jpg", imageAlt: "Spa & Wellness" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stylish-long-black-dress-posing-tropical-villa-pool-elegant-summer-style-vacation-fashion-trend-walking-barefoot_285396-5701.jpg", imageAlt: "Facade Exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821282.jpg", imageAlt: "Spa & Wellness" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", imageAlt: "Fine Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg", imageAlt: "Infinity Pool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Superior Suite" },
|
||||
]}
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg", alt: "Sarah J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-elder-tourist-couple-beach_23-2148620181.jpg", alt: "Mark D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-visiting-luxurious-city-dubai_23-2151328580.jpg", alt: "Elena R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stunning-tanned-woman-with-trendy-hairstyle-raising-glass-cocktail-outdoor-portrait-adorable-blonde-girl-dress-standing-near-pool_197531-20653.jpg", alt: "James L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg", alt: "Sophia B." },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ travelers worldwide"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Five-Star Rating" },
|
||||
{ type: "text", text: "Sustainable Luxury" },
|
||||
{ type: "text", text: "Award-Winning Cuisine" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Concierge Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description={[
|
||||
"Located in the serene corner of the city, Elysian Hotel is designed for those who appreciate the finer details.",
|
||||
"From our curated culinary experiences to our restorative wellness retreats, every moment with us is crafted with purpose and care.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description={[
|
||||
"Located in the serene corner of the city, Elysian Hotel is designed for those who appreciate the finer details.", "From our curated culinary experiences to our restorative wellness retreats, every moment with us is crafted with purpose and care."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "World-Class Spa",
|
||||
descriptions: [
|
||||
"Rejuvenate your senses with our bespoke treatments.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Gourmet Dining",
|
||||
descriptions: [
|
||||
"Experience exquisite local and international cuisine.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Personal Concierge",
|
||||
descriptions: [
|
||||
"Expert service at your beck and call 24/7.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-concierge-carrying-baggage_482257-78621.jpg",
|
||||
},
|
||||
]}
|
||||
title="Tailored Amenities for Your Comfort"
|
||||
description="We offer a range of premium amenities to ensure your stay is as seamless as it is memorable."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "World-Class Spa", descriptions: ["Rejuvenate your senses with our bespoke treatments."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg"},
|
||||
{
|
||||
id: "f2", title: "Gourmet Dining", descriptions: ["Experience exquisite local and international cuisine."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg"},
|
||||
{
|
||||
id: "f3", title: "Personal Concierge", descriptions: ["Expert service at your beck and call 24/7."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-concierge-carrying-baggage_482257-78621.jpg"},
|
||||
]}
|
||||
title="Tailored Amenities for Your Comfort"
|
||||
description="We offer a range of premium amenities to ensure your stay is as seamless as it is memorable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
testimonial: "An incredible experience. The service was impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Guest",
|
||||
testimonial: "The rooms were stunning. Truly the best sleep I've had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-elder-tourist-couple-beach_23-2148620181.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Guest",
|
||||
testimonial: "A sanctuary. I can't wait to return next season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-visiting-luxurious-city-dubai_23-2151328580.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Traveler",
|
||||
testimonial: "Dining was extraordinary. A culinary masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-tanned-woman-with-trendy-hairstyle-raising-glass-cocktail-outdoor-portrait-adorable-blonde-girl-dress-standing-near-pool_197531-20653.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia B.",
|
||||
role: "Guest",
|
||||
testimonial: "Everything was perfect from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Elysian"
|
||||
description="Discover why our guests choose Elysian Hotel as their second home."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Traveler", testimonial: "An incredible experience. The service was impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-hat-smiling-camera_23-2148206763.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Guest", testimonial: "The rooms were stunning. Truly the best sleep I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/cute-elder-tourist-couple-beach_23-2148620181.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena R.", role: "Guest", testimonial: "A sanctuary. I can't wait to return next season.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-visiting-luxurious-city-dubai_23-2151328580.jpg"},
|
||||
{
|
||||
id: "4", name: "James L.", role: "Traveler", testimonial: "Dining was extraordinary. A culinary masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-tanned-woman-with-trendy-hairstyle-raising-glass-cocktail-outdoor-portrait-adorable-blonde-girl-dress-standing-near-pool_197531-20653.jpg"},
|
||||
{
|
||||
id: "5", name: "Sophia B.", role: "Guest", testimonial: "Everything was perfect from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg"},
|
||||
]}
|
||||
title="Voices of Elysian"
|
||||
description="Discover why our guests choose Elysian Hotel as their second home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Begin Your Escape"
|
||||
description="Reserve your room today and prepare for an unforgettable getaway."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-does-check-reception_482257-76233.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Inquire Now"
|
||||
tag="Reservations"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Begin Your Escape"
|
||||
description="Reserve your room today and prepare for an unforgettable getaway."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-does-check-reception_482257-76233.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Inquire Now"
|
||||
tag="Reservations"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg"
|
||||
logoText="Elysian Hotel"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Spa",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg"
|
||||
logoText="Elysian Hotel"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Rooms", href: "#" }, { label: "Spa", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user