298 lines
14 KiB
TypeScript
298 lines
14 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
|
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
|
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroSplitVerticalMarquee
|
|
tag="Welcome to Paradise"
|
|
title="Luxury at The Grand Oasis"
|
|
description="Indulge in exquisite comfort, bespoke service, and breathtaking views. Your unforgettable escape begins here, where every moment is crafted to perfection."
|
|
primaryButton={{
|
|
text: "Explore Rooms",
|
|
href: "#rooms",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Book Your Stay",
|
|
href: "#contact",
|
|
}}
|
|
leftItems={[
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/28412500/pexels-photo-28412500.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/7671136/pexels-photo-7671136.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/5857000/pexels-photo-5857000.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
]}
|
|
rightItems={[
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/30866711/pexels-photo-30866711.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/9119770/pexels-photo-9119770.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
imageSrc: "https://images.pexels.com/photos/37729815/pexels-photo-37729815.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutTextSplit
|
|
title="About The Grand Oasis"
|
|
descriptions={[
|
|
"Nestled in the heart of a vibrant city, The Grand Oasis offers a sanctuary of peace and opulence. Our commitment to unparalleled hospitality ensures every guest experiences world-class service, sophisticated amenities, and an atmosphere of ultimate relaxation.",
|
|
"From our elegantly appointed rooms and suites to our award-winning dining experiences and rejuvenating spa, every detail is meticulously curated to exceed your expectations. Discover a haven where luxury knows no bounds and memories are waiting to be made.",
|
|
]}
|
|
primaryButton={{
|
|
text: "Our Story",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<SectionErrorBoundary name="rooms">
|
|
<FeaturesMediaCarousel
|
|
tag="Accommodations"
|
|
title="Our Exquisite Rooms & Suites"
|
|
description="Choose from our selection of elegantly designed rooms and spacious suites, each offering stunning views, plush comforts, and state-of-the-art amenities for a truly exceptional stay."
|
|
items={[
|
|
{
|
|
title: "Deluxe King Room",
|
|
description: "Spacious comfort with a king-sized bed, city views, and luxurious marble bathroom.",
|
|
buttonIcon: "BedDouble",
|
|
buttonHref: "#",
|
|
imageSrc: "https://images.pexels.com/photos/3688261/pexels-photo-3688261.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Executive Suite",
|
|
description: "An expansive living area, separate bedroom, and panoramic vistas for the discerning traveler.",
|
|
buttonIcon: "Square",
|
|
buttonHref: "#",
|
|
imageSrc: "https://images.pexels.com/photos/28011238/pexels-photo-28011238.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Presidential Penthouse",
|
|
description: "The ultimate in luxury, featuring multiple rooms, a private terrace, and personalized concierge service.",
|
|
buttonIcon: "Crown",
|
|
buttonHref: "#",
|
|
imageSrc: "https://images.pexels.com/photos/2771935/pexels-photo-2771935.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<SectionErrorBoundary name="amenities">
|
|
<FeaturesRevealCardsBento
|
|
tag="Services & Facilities"
|
|
title="Indulge in World-Class Amenities"
|
|
description="Enhance your stay with our diverse range of facilities designed for your comfort, convenience, and pleasure. From rejuvenation to recreation, we have it all."
|
|
items={[
|
|
{
|
|
title: "State-of-the-Art Fitness Center",
|
|
description: "Maintain your routine with our modern gym, equipped with the latest cardio and strength training machines.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/4325442/pexels-photo-4325442.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Personalized Concierge Service",
|
|
description: "Our dedicated team is ready to assist with any request, from dining reservations to travel arrangements.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/5371574/pexels-photo-5371574.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Executive Business Lounge",
|
|
description: "A sophisticated space for meetings, work, and networking, complete with high-speed internet and refreshments.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/7534176/pexels-photo-7534176.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "24-Hour Valet Parking",
|
|
description: "Enjoy seamless arrivals and departures with our convenient and secure valet parking service.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/37414393/pexels-photo-37414393.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Rooftop Infinity Pool & Bar",
|
|
description: "Swim with a view and savor handcrafted cocktails while overlooking the stunning city skyline.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/34937971/pexels-photo-34937971.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Gourmet Room Service",
|
|
description: "Dine in the privacy of your room with our extensive menu crafted by our acclaimed culinary team.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/36694457/pexels-photo-36694457.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
title: "Curated Art Gallery",
|
|
description: "Explore a collection of contemporary art pieces showcased throughout our hotel's public spaces.",
|
|
href: "#",
|
|
imageSrc: "https://images.pexels.com/photos/14036246/pexels-photo-14036246.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsSimpleCards
|
|
tag="Our Impact"
|
|
title="Excellence in Hospitality"
|
|
description="We are proud of the numbers that reflect our commitment to exceptional guest experiences and unparalleled service."
|
|
metrics={[
|
|
{
|
|
value: "250+",
|
|
description: "Luxurious Rooms & Suites",
|
|
},
|
|
{
|
|
value: "5,000+",
|
|
description: "Happy Guests Annually",
|
|
},
|
|
{
|
|
value: "100%",
|
|
description: "Guest Satisfaction Rate",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialQuoteCards
|
|
tag="What Our Guests Say"
|
|
title="Unforgettable Experiences"
|
|
description="Hear directly from our valued guests about their stays at The Grand Oasis. Their words reflect the quality and dedication we bring to every visit."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
role: "Frequent Traveler",
|
|
quote: "The Grand Oasis truly lives up to its name. From the moment I arrived, I was treated with exceptional warmth and professionalism. The rooms are stunning, and the service is unmatched. I wouldn't stay anywhere else.",
|
|
imageSrc: "https://images.pexels.com/photos/3778611/pexels-photo-3778611.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
name: "Michael T.",
|
|
role: "Business Executive",
|
|
quote: "My business trips are always enhanced by my stays at The Grand Oasis. The executive lounge is superb, and the convenience of the location, coupled with luxurious comfort, makes it my top choice.",
|
|
imageSrc: "https://images.pexels.com/photos/3778603/pexels-photo-3778603.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
name: "Emily R.",
|
|
role: "Leisure Guest",
|
|
quote: "A perfect escape! The rooftop pool views were incredible, and the spa treatments were heavenly. Every detail was thoughtfully considered, making for a truly relaxing and indulgent vacation.",
|
|
imageSrc: "https://images.pexels.com/photos/2912168/pexels-photo-2912168.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
name: "David L. & Maria K.",
|
|
role: "Honeymooners",
|
|
quote: "Our honeymoon at The Grand Oasis was simply magical. The staff went above and beyond to make our stay special. It's a place where romance and luxury intertwine beautifully.",
|
|
imageSrc: "https://images.pexels.com/photos/127420/pexels-photo-127420.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
{
|
|
name: "Jessica B.",
|
|
role: "Family Vacationer",
|
|
quote: "Traveling with family can be challenging, but The Grand Oasis made it effortless and enjoyable. The kids loved the pool, and we appreciated the spacious rooms and excellent dining options.",
|
|
imageSrc: "https://images.pexels.com/photos/11368548/pexels-photo-11368548.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Partners & Accolades"
|
|
title="Trusted by Industry Leaders"
|
|
description="Our commitment to excellence has earned us recognition and partnerships with leading organizations in the hospitality and travel industry."
|
|
names={[
|
|
"Luxury Travel Magazine",
|
|
"Global Hotel Awards",
|
|
"Exclusive Traveller's Club",
|
|
"Gourmet Dining Guide",
|
|
"Wellness Retreats Group",
|
|
"International Hotel Alliance",
|
|
"Sustainable Tourism Board",
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTwoColumn
|
|
tag="Got Questions?"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to the most common inquiries about your stay at The Grand Oasis."
|
|
items={[
|
|
{
|
|
question: "What are the check-in and check-out times?",
|
|
answer: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability.",
|
|
},
|
|
{
|
|
question: "Is breakfast included in the room rate?",
|
|
answer: "Breakfast inclusion varies by room package. Please refer to your booking confirmation or inquire with our reservations team for details.",
|
|
},
|
|
{
|
|
question: "Do you offer airport transportation?",
|
|
answer: "Yes, we provide luxury airport transfer services. Please contact our concierge to arrange your transportation prior to arrival.",
|
|
},
|
|
{
|
|
question: "Are pets allowed at the hotel?",
|
|
answer: "Unfortunately, to ensure the comfort of all our guests, pets are not permitted on the premises.",
|
|
},
|
|
{
|
|
question: "What dining options are available?",
|
|
answer: "The Grand Oasis boasts several dining venues, including a fine-dining restaurant, a casual bistro, a lobby lounge, and our popular rooftop bar. 24-hour room service is also available.",
|
|
},
|
|
{
|
|
question: "Do you have accessible rooms?",
|
|
answer: "Yes, we offer a selection of accessible rooms designed for comfort and convenience. Please specify your requirements when making your reservation.",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Ready to Experience Luxury?"
|
|
text="Book Your Unforgettable Stay at The Grand Oasis Today."
|
|
primaryButton={{
|
|
text: "Check Availability",
|
|
href: "#",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Contact Us",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|