166 lines
10 KiB
TypeScript
166 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
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"
|
|
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"
|
|
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"
|
|
/>
|
|
</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
|
|
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?_wi=2" },
|
|
{ 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?_wi=2" },
|
|
{ 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?_wi=2" },
|
|
{ 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?_wi=2" },
|
|
{ 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?_wi=2" }
|
|
]}
|
|
/>
|
|
</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", "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
|
|
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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |