Merge version_1 into main #2
454
src/app/page.tsx
454
src/app/page.tsx
@@ -27,342 +27,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Holiday Inn Resort Dead Sea"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Holiday Inn Resort Dead Sea"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlayTestimonial
|
||||
title="Heal, Relax, Renew at the Dead Sea"
|
||||
description="Experience world-class wellness and luxury hospitality where ancient mineral waters meet modern comfort. Discover why the Dead Sea is nature's ultimate resort destination."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_travels",
|
||||
testimonial: "A transformative experience, the spa services are truly world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Ben-Ari",
|
||||
handle: "@davidba",
|
||||
testimonial: "The perfect balance between business and total relaxation. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenatravels",
|
||||
testimonial: "The mineral treatments left me feeling years younger. Incredible facility.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_biz",
|
||||
testimonial: "World-class conference amenities tucked away in a relaxing paradise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-ready-play-badminton_23-2149887408.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Chloe Dupont",
|
||||
handle: "@chloe_d",
|
||||
testimonial: "The best holiday resort I have visited in years. Pure tranquility.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333730.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-interior-design_23-2151010549.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3367.jpg",
|
||||
alt: "Swimming pool",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3483.jpg",
|
||||
alt: "Umbrella and chair around swimming pool",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pool-with-palm-trees-sides_1203-2070.jpg",
|
||||
alt: "Pool with palm trees on the sides",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-filter-beautiful-infinity-water_1203-4458.jpg",
|
||||
alt: "view filter beautiful infinity water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-sauna-sunlit-walk-wooden-waves_169016-68887.jpg",
|
||||
alt: "Model in sauna sunlit walk wooden waves",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlayTestimonial
|
||||
title="Heal, Relax, Renew at the Dead Sea"
|
||||
description="Experience world-class wellness and luxury hospitality where ancient mineral waters meet modern comfort. Discover why the Dead Sea is nature's ultimate resort destination."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "@sarah_travels", testimonial: "A transformative experience, the spa services are truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg" },
|
||||
{ name: "David Ben-Ari", handle: "@davidba", testimonial: "The perfect balance between business and total relaxation. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg" },
|
||||
{ name: "Elena Rodriguez", handle: "@elenatravels", testimonial: "The mineral treatments left me feeling years younger. Incredible facility.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg" },
|
||||
{ name: "Mark Stevens", handle: "@mark_biz", testimonial: "World-class conference amenities tucked away in a relaxing paradise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-ready-play-badminton_23-2149887408.jpg" },
|
||||
{ name: "Chloe Dupont", handle: "@chloe_d", testimonial: "The best holiday resort I have visited in years. Pure tranquility.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333730.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Check Availability", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-interior-design_23-2151010549.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3367.jpg", alt: "Swimming pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3483.jpg", alt: "Umbrella and chair around swimming pool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pool-with-palm-trees-sides_1203-2070.jpg", alt: "Pool with palm trees on the sides" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-filter-beautiful-infinity-water_1203-4458.jpg", alt: "view filter beautiful infinity water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/model-sauna-sunlit-walk-wooden-waves_169016-68887.jpg", alt: "Model in sauna sunlit walk wooden waves" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Wellness Sanctuary"
|
||||
description="Our resort is designed to provide complete tranquility, offering signature spa treatments, mud therapies, and unparalleled comfort."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Signature Spa",
|
||||
description: "Authentic Dead Sea mud and mineral treatments.",
|
||||
},
|
||||
{
|
||||
title: "Corporate Retreats",
|
||||
description: "High-end conference rooms with panoramic views.",
|
||||
},
|
||||
{
|
||||
title: "IHG Rewards",
|
||||
description: "Enjoy loyalty perks on every stay.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Wellness Sanctuary"
|
||||
description="Our resort is designed to provide complete tranquility, offering signature spa treatments, mud therapies, and unparalleled comfort."
|
||||
bulletPoints={[
|
||||
{ title: "Signature Spa", description: "Authentic Dead Sea mud and mineral treatments." },
|
||||
{ title: "Corporate Retreats", description: "High-end conference rooms with panoramic views." },
|
||||
{ title: "IHG Rewards", description: "Enjoy loyalty perks on every stay." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Conference Facilities",
|
||||
description: "State-of-the-art meeting rooms for your corporate needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-busy-managers-morning-briefing_74855-4271.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-while-respecting-social-distancing-restriction_23-2148961747.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-interior-design_23-2151010549.jpg?_wi=2",
|
||||
imageAlt: "modern conference room luxury resort",
|
||||
},
|
||||
{
|
||||
title: "Dining Excellence",
|
||||
description: "Local and international cuisine prepared by award-winning chefs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-afternoon-tea-set-floating-around-swimming-pool_74190-10151.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320495.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg?_wi=2",
|
||||
imageAlt: "modern conference room luxury resort",
|
||||
},
|
||||
{
|
||||
title: "Private Beach",
|
||||
description: "Exclusive access to the pristine shores of the Dead Sea.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunny-beach-black-sea-bulgaria-summer-vacation-travel-holiday-sunbeds_627829-9805.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-from-beach-clear-lake-with-mountains_181624-12941.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg?_wi=2",
|
||||
imageAlt: "modern conference room luxury resort",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="World-Class Amenities"
|
||||
description="Indulge in a range of luxury experiences designed for relaxation and productivity."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Conference Facilities", description: "State-of-the-art meeting rooms.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/group-busy-managers-morning-briefing_74855-4271.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/people-working-while-respecting-social-distancing-restriction_23-2148961747.jpg" } },
|
||||
{ title: "Dining Excellence", description: "Local and international cuisine.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/breakfast-afternoon-tea-set-floating-around-swimming-pool_74190-10151.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320495.jpg" } },
|
||||
{ title: "Private Beach", description: "Exclusive access to the pristine shores.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sunny-beach-black-sea-bulgaria-summer-vacation-travel-holiday-sunbeds_627829-9805.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-from-beach-clear-lake-with-mountains_181624-12941.jpg" } }
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="World-Class Amenities"
|
||||
description="Indulge in a range of luxury experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Leisure Guest",
|
||||
testimonial: "Absolute paradise! The mud treatment was exactly what I needed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Corporate Client",
|
||||
testimonial: "The conference setup was flawless. Great support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Rossi",
|
||||
role: "Wellness Enthusiast",
|
||||
testimonial: "I've never felt more renewed. The spa staff are pros.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Liam Connor",
|
||||
role: "Vacationer",
|
||||
testimonial: "Stunning views and top-notch dining. 5 stars all the way.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-ready-play-badminton_23-2149887408.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Samira Zaid",
|
||||
role: "Frequent Guest",
|
||||
testimonial: "My go-to place whenever I need to escape the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333730.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear what our guests have to say about their stay."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Guest Experiences"
|
||||
description="Hear what our guests have to say."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane Doe", role: "Leisure Guest", testimonial: "Absolute paradise!", imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing_1153-6498.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Corporate Client", testimonial: "Flawless setup.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg" },
|
||||
{ id: "3", name: "Maria Rossi", role: "Wellness Enthusiast", testimonial: "Renewed.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg" },
|
||||
{ id: "4", name: "Liam Connor", role: "Vacationer", testimonial: "5 stars.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-ready-play-badminton_23-2149887408.jpg" },
|
||||
{ id: "5", name: "Samira Zaid", role: "Frequent Guest", testimonial: "Pure escape.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333730.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the spa included?",
|
||||
content: "Various spa packages are available for all guests.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer airport transport?",
|
||||
content: "Yes, we arrange private airport transfers upon request.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I hold events here?",
|
||||
content: "Yes, we specialize in corporate and private events.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Is the spa included?", content: "Packages available." },
|
||||
{ id: "2", title: "Airport transport?", content: "Private transfers available." },
|
||||
{ id: "3", title: "Hold events?", content: "Yes, we specialize in events." }
|
||||
]}
|
||||
sideTitle="Questions? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Luxury Rooms",
|
||||
items: [
|
||||
"Ocean view",
|
||||
"Spacious suites",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4",
|
||||
title: "Awarded Restaurants",
|
||||
items: [
|
||||
"Fine dining",
|
||||
"Sea view café",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Guest Satisfaction",
|
||||
items: [
|
||||
"Premium service",
|
||||
"Clean facilities",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Resort Highlights"
|
||||
description="Our commitment to excellence at a glance."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Luxury Rooms", items: ["Ocean view", "Suites"] },
|
||||
{ id: "m2", value: "4", title: "Restaurants", items: ["Fine dining", "Café"] },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", items: ["Premium service", "Clean"] }
|
||||
]}
|
||||
title="Resort Highlights"
|
||||
description="Commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Ready to Experience Tranquility?"
|
||||
description="Book your stay now to secure our best rates and wellness packages."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Reservations",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Booking"
|
||||
title="Ready to Experience Tranquility?"
|
||||
description="Book now for best rates."
|
||||
buttons={[{ text: "Contact Reservations", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Holiday Inn Resort Dead Sea"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Holiday Inn Resort Dead Sea"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user